前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[Context Context 在文中以...]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
Dubbo
...同完成一项任务。在本文中,讨论的是基于Dubbo框架构建的分布式微服务体系,其中服务消费者和服务提供者可能部署在不同的机器节点上,通过远程过程调用(RPC)方式进行交互,任何单一节点的故障或网络问题都可能影响整个系统的稳定性。 RPC(Remote Procedure Call)框架 , RPC是一种网络通信技术,允许程序像调用本地函数一样调用位于不同地址空间(通常是网络上的另一台机器)的过程或服务。Apache Dubbo就是一种高性能的Java RPC框架,它简化了分布式服务之间的调用流程,使得服务间的通信如同本地调用一样方便高效。 雪崩效应 , 在分布式系统中,雪崩效应是指由于某一服务节点故障引发的连锁反应,导致整个系统大面积服务失效的现象。比如,当一个服务提供者节点因过载或其他原因停止响应时,如果没有有效的隔离策略,所有依赖该服务的请求可能会迅速转移到其他提供者节点,最终可能导致所有服务节点均不堪重负,进而使整个系统崩溃。在本文中,Dubbo通过支持sentinel等隔离策略,限制并发访问数量,以防止因雪崩效应引起的服务失效。 负载均衡 , 在分布式系统中,负载均衡是一种技术手段,用来分配网络流量,均匀分散到各个服务器节点上,以防止某些节点过载,确保所有节点都能有效参与服务处理。在Dubbo框架中,通过集成多种负载均衡策略,如随机、轮询、最少活跃调用数等,可以在服务消费者发生故障或网络不稳定时,智能地将请求分发到其他健康的提供者节点上,从而提高系统的稳定性和可用性。 心跳检测 , 心跳检测是一种常见的服务健康检查机制,用于判断服务提供者是否仍然在线且能正常响应请求。在Dubbo中,服务提供者会定期向注册中心发送心跳信息,表明自己仍在运行。消费者或者其他组件可以通过检测这些心跳信号来判断服务提供者的健康状况,一旦检测到服务提供者宕机或网络不通,就会将其从可用列表中移除,直至其恢复正常连接。通过这种方式,Dubbo能够实时监控并管理服务提供者的可用性,确保服务调用的稳定性和可靠性。
2024-03-25 10:39:14
485
山涧溪流
Shell
...的发生及其结果。在本文中,日志主要指操作系统或应用程序记录的关于进程资源分配失败的信息。通过查看日志文件(如/var/log/syslog)或使用命令如dmesg,可以获取详细的错误描述,进而分析问题的原因。日志对于诊断和解决系统故障具有重要意义。 权限问题 , 指进程或用户在尝试访问系统资源时,由于缺乏必要的权限而导致操作失败的情况。在本文的上下文中,权限问题可能是由于普通用户试图申请需要超级用户权限的资源,或是某个用户被限制了最大文件句柄数等原因造成。例如,如果一个脚本试图打开超过系统默认允许数量的文件句柄,但由于权限不足而失败,则会产生“进程资源分配失败”的日志记录。正确配置权限和理解系统安全模型对于避免此类问题至关重要。
2025-05-10 15:50:56
98
翡翠梦境
Beego
...格的API开发。在本文中,Beego框架被用来搭建Web服务,实现JWT的生成、验证和管理等功能,展示了如何在Go语言环境中集成和管理JWT令牌的生命周期。 名词 , 中间件。 解释 , 在软件架构中,中间件是指位于应用程序与操作系统、网络协议栈之间的一层软件组件,用于协调不同的系统、服务或协议。在本文中,中间件被用来作为验证JWT的有效性的手段,通过定义一个名为authMiddleware的函数,该函数作为HTTP请求处理流程的一部分,负责解析和验证传入的JWT,确保只有合法的请求才能访问受保护的资源。这种方式提高了系统的安全性,同时简化了验证逻辑的实现。
2024-10-15 16:05:11
71
风中飘零
转载文章
...互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 前几天搜索了一段时间的这个,看有没有困惑的人们。哈哈 WIFI和GPRS的设置教程一、几个注意点: 1、WIFI设置应该放置在“Internet”里面,GPRS设置应该放置在“单位设置”里面。 这样做的目的就是保证在你打开IE浏览器时、或者上MSN、QQ时自动连接WIFI网络,而上WAP或者收发彩信等就会自动连接GPRS,这一点很关键,好多帖子都说在程序自动连接到Internet时使用"单位设置”,在程序自动连接到专用网络时使用也使用“单位设置”,这样就要么只能上WIFI,要么就只能上GPRS,其实智能手机没有那么傻,他完全可以按照你的要求连接。(达到这一点还需要下面的一点设置)2、可以选择GPRS设置是否需要通过WAP代理上WWW网站,具体参看以下详细设置方法 二、WIFI设置方法 1、在“开始”—“设置”—“连线”中点选“连接”,然后选择“高级”在“选择自动使用的网络”下方点“选择网络”,然后看到两个下拉空格,第一个是“在程序自动连接到Internet时,使用:”,点选“新建”,在弹出的新窗口里有“请为这些设置输入名称”,在下方空格处编辑“Internet设置”或者其他你喜欢的名字,然后点选该页面下方的 “调制解调器”里面不要填写任何东西(注意一定不要填写任何东西),再点选该页面下方的“代理服务器设置”钩选“此网路连接到Internet”,下方的“此网络使用代理服务器连接到Internet”千万不要选择,点选“ok”,wifi设置初步完成。 2、网卡设置:“开始”—“设置”—“连接”中点选“无线网络管理员”,在弹出页面的右下方点选“菜单”,点选上弹菜单中的“开启WI-FI”,如果无线路由器设置正常的话,这时点选“网络搜寻”,在新页面中的“网路名称”下方就可以看到你的无线路由器品牌如“Dlink”“TP-link”等,点选出现在“配置无线网络”下方的这个品牌名字,弹出新的窗口,在“要访问的网络”下方选择“所有可用的”,然后点选“网络适配器”,在“我的网卡连线到”项目中选择“默认Internet设置”,在“点击适配器以修改设置”下方,点选“AUSU 802.11b+g Wireless Card”,弹出新窗口,点选“使用服务器分配的IP地址”(也可以选择“使用特定的IP地址”,那么就可以省略以下步骤),并在“IP地址”栏填入公司或者单位分配给的IP,如“192.168.50.122”,在“子网掩码”填入公司的子网掩码,在 “网关”中填入公司的网关;完成这些后,点选“名称服务器”,在新窗口的“DNS”和“备用DNS”中填入公司的“DNS”,然后一路“OK”,完成网卡设定。完成以上两个设定后建议重启机器,然后就可以用WIFI上网、上QQ和MSN了。 三、GPRS设置方法 1、在“开始”—“设置”—“连接”中点选“连接”,然后选择 “高级”,在 “选择自动使用的网络”下方点“选取网络”,然后看到两个下拉空格,第二个是“在程序自动连接到专用网络时,使用:”即上面提到的“单位设定”。 2、点选“新建”,在弹出窗口里有“请为这些设置输入名称”,在下方空格处编辑“中国移动”(最好设置为这个名称),然后点选该页面下方的“调制解调器”,点选“新建”,在弹出的新页面中有“请为连接输入名称”,请填写“中国移动彩信”,在“选择调制解调器”的下拉菜单中选择“蜂窝电话线路(GPRS)” 3、然后点“下一步”,在新弹出的窗口中的“存取点名称”下放填写“cmwap”(这里一定不能填写cmnet,否则就是采用cmnet接入网络,你将面对0.03元/K的收费以及月末数百元的cmnet网络费用了) 4、继续点选“下一步”,新窗口出现“使用者名称”、“密码”、“域”,这些都不要填写,直接点选“高级”,在进阶的tcp/ip窗口中点选“使用服务器分配的IP地址”,其他不要选择 5、点选下方“服务器”,进入“高级”的“服务器”窗口,点选“使用服务器分配的地址”,然后点选“ok”退出到第4步的页面即“中国移动彩信”的设定页面,点选“完成”。这时机器会退到第1步的最终界面即“中国移动”设定页面 6、在这个页面下放,点选“代理服务器设置”,钩选“此网络连接到Internet”,然后再钩选“此网络使用代理服务器连接到Internet”,并在下方的“代理服务器”内填入“10.0.0.172” 7、接着点选该页面的“高级”,“点击代理服务器类型更改其设置”中点“HTTP”在弹出窗口中的“服务器”下填入“10.0.0.172”,端口“80”(该步骤也可以留空不填,如果不填写的话,GPRS就不能通过WAP代理上WWW网站,本人选择填写,这样在没有WIFI热点的情况下,机子也可以通过WAP代理上WWW的网站,当然选择填写的话会出现打开IE自动连接GPRS而不是连接WIFI的情况,不过可以在连接一开始时点选弹出小窗口中的“取消”来取消GPRS的连接,从而达到用WIFI连接互联网的效果) 8、点选“ok”后返回到前一个页面,点选“WAP”,在在弹出窗口中的“服务器”下填入“10.0.0.172”,端口“9201”,同样的方法,设定“安全WAP”服务器为“10.0.0.172”,端口填“9203”,设定“Socks”服务器为“10.0.0.172”,端口“1080” 9、点选“ok”返回到第6步的最终界面,再点选“ok”退出到第2步的初始页面即“网路管理”页面,再连续点选“ok”,完成设置 四、彩信设置方法 1、“开始”—“信息”—“MMS” 2、在“MMS”页面中,点选“菜单”,上弹菜单选择“MMS设定” 3、在“选择并打开一个情景式以查看更多选项”的下方点选“新建” 4、在新窗口中的“情景式名称”右边填入“中国移动彩信”,在“彩信服务器”右边填入 http://mmsc.monternet.com”,在“数据连接”右边选择“中国移动”,在“网关”右边选择“WAP1.0 网关”,在“IP地址”右边填入“10.0.0.172”,在“端口”右边填入“9201”,最后选择完成。 转载于:https://www.cnblogs.com/hzleihuan/archive/2007/12/14/994344.html 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_30468137/article/details/98040981。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-02-23 17:26:09
84
转载
Consul
...计算任务的系统。在本文中,Consul作为一款适用于分布式环境的服务管理工具,其数据存储机制设计能够确保在多个节点间高效且一致地存储和检索信息,从而满足分布式系统对于服务发现、配置管理和数据同步等需求。 Key-Value存储(KV Store) , Key-Value存储是一种简单且常见的非关系型数据库模型,它将数据以键值对的形式进行存储。在Consul中,KV Store是一个核心组件,允许应用程序以键值对形式存取数据,并支持版本控制和过期时间设置。例如,一个键可以代表应用配置项的名称,对应的值则是具体的配置内容,这种存储方式便于快速查找与更新,非常适合于存储元数据、状态跟踪和临时缓存等场景。 一致性算法 , 在分布式系统中,一致性算法是指为了保证所有节点的数据视图保持一致而采用的一系列协议和策略。Consul的KV Store采用了复制和一致性算法来确保集群内节点间的数据同步,即使在网络分区或者节点故障的情况下也能尽量保证数据的一致性。当有新的数据写入时,Consul会通过多节点的写操作及必要的冲突解决机制,使得数据最终能够在所有节点上达成一致,避免了数据丢失或不一致的问题。
2024-03-04 11:46:36
433
人生如戏-t
MySQL
...系型数据库管理系统,文中提到它是用来存储和管理结构化数据的重要工具,用户可以通过特定的命令和配置来查看其运行的IP地址,无论是本地部署还是远程服务器上运行的实例。 bind-address , MySQL配置文件中的一个参数,用于指定MySQL服务器监听的IP地址。如果设置为特定的IP地址,那么MySQL只会接受来自该IP地址的连接请求;如果设置为空,则表示MySQL监听所有可用的IP地址,允许任何来源的连接。 Nmap , 一款开源的网络扫描和端口探测工具,文中提到它可以用来扫描目标服务器上的开放端口和服务。通过使用Nmap,用户可以检测到运行在特定端口上的MySQL服务是否处于活动状态,并获取相关服务器的IP地址信息,从而帮助管理员进行网络排查和安全审计。
2025-03-24 15:46:41
78
笑傲江湖
转载文章
...互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 浏览器操作: 刷新driver.refresh()from selenium import webdriverdriver=webdriver.Chrome()driver.get('http://www.baidu.com')import timetime.sleep(2)driver.refresh()前进driver.forward()后退driver.back 获取标签元素 from selenium import webdriverdriver=webdriver.Chrome()driver.get('http://www.imdsx.cn') 通过ID定位目标元素driver.find_element_by_id('i1').send_keys(1111)向页面发送文本‘11111’ 通过className定位目标元素driver.find_element_by_class_name('c1').send_keys(1111) 通过name属性定位目标元素driver.find_element_by_name('n1').send_keys(1111) 通过Xpath属性定位目标元素driver.find_element_by_xpath('//input[@placeholder="请通过XPATH定位元素"]').send_keys(1111) 通过css Selector定位目标元素driver.find_element_by_css_selector('[maxlength="20"]').send_keys(2222) 通过标签名称定位(注:在一个页面中,标签一定会重复,所以不用这个来进行定位)driver.find_element_by_tag_name('input').send_keys('tag name') 通过标签中的文本查找元素driver.find_element_by_link_text('登录').click() 通过标签中文本的模糊匹配查找driver.find_element_by_partial_link_text('录').click() 获取标签元素常用的一共有8种定位方式,而Selenium实际提供了18种定位方式,还有8种是上面的复数形式,实际种一般用不到,还有2种是这上面16种的底层封装。参数化的一种调用方式。 复数: e=driver.find_elements_by_class_name('classname')[0]e.send_keys(1111)print(e)print(type(e))接受两个参数 形参1 以什么形式定位 形参2 定位value是什么driver.find_element_by_id('i1')driver.find_element('id','i1').send_keys(1111)driver.find_elements('id','i1')[0].send_keys(2222) 一般都直接用driver.find_element_by_css_selector(),因为底层只要符合w3c的都转化为css_selector 窗口操作: 获取当前浏览器的大小driver.get_window_size()通过宽和高对size进行设置driver.set_window_size('100','200') 获取当前窗口针对于Windows的位置的坐标x,ydriver.get_window_position() 设置当前窗口针对Windows的位置,x,ydriver.set_window_position(20,20) 最大化当前窗口,不需要传参driver.maximize_window() 返回当前操作的浏览器句柄driver.current_window_handle 返回所有打开server的浏览器句柄driver.window_handles 截取当前页面: from selenium import webdriverdriver=webdriver.Chrome()driver.get("http://www.baidu.com")driver.get_screenshot_as_file('d.png') 执行JavaScript语句 执行JavaScript语句driver.execute_script('window.scrollTo(0,0);')执行js的api,通过js来操作滚动条,滚动到最上面 关闭与退出: 当开启多个页面时,关闭当前页面driver.close()退出并关闭所有页面驱动driver.quit() from selenium import webdriverdriver=webdriver.Chrome()driver.get("http://ui.imdsx.cn/uitester/")driver.maximize_window()将窗口放大driver.execute_script('window.scrollTo(0,0);')执行js的apidriver.find_element_by_css_selector('[href="/new-index/"]').click()handles=driver.window_handles返回所有打开server的浏览器句柄print(handles)返回listdriver.switch_to.window(handles[1])driver.find_element_by_css_selector('newtag').send_keys(1111)找到新页面上的元素driver.close()关闭当前tab页 from selenium import webdriverdriver=webdriver.Chrome()driver.get("http://ui.imdsx.cn/uitester/")driver.maximize_window()将窗口放大driver.execute_script('window.scrollTo(0,0);')执行js的apidriver.find_element_by_css_selector('[href="/new-index/"]').click()handles=driver.window_handlesprint(handles)driver.switch_to.window(handles[1])driver.find_element_by_css_selector('newtag').send_keys(1111)driver.quit() 关闭所有页面,结束服务 其他 返回页面源码driver.page_source 返回tag标题driver.title 返回当前Urldriver.current_url 获取浏览器名称 如:chromedriver.name ElementApi接口 根据标签属性名称,获取属性valueelement.get_attribute('style') 向输入框输入字符串 如果input的type为file类型 可以输入文件绝对路径上传文件element.send_keys() 清除文本内容element.clear() 鼠标左键点击操作element.click() 通过属性名称获取属性element.get_property('id') 返回元素是否可见 True or Falseelement.is_displayed() 返回元素是否被选中 True or Falseelement.is_selected() 返回标签元素的名字element.tag_name 获取当前标签的宽和高element.size 获取元素的文本内容element.text 模仿回车按钮 提交数据element.submit() 获取当前元素的坐标element.location 截取图片element.screenshot() from selenium import webdriverdriver=webdriver.Chrome()driver.get("http://ui.imdsx.cn/uitester/")driver.maximize_window()将窗口放大driver.execute_script('window.scrollTo(0,0);')执行js的apie=driver.find_element_by_css_selector('i1')e.send_keys(1111)import timetime.sleep(1)e.clear() 清除文本框内内容 转载于:https://www.cnblogs.com/wxcx/p/8934540.html 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_34377065/article/details/94686128。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-12-03 12:51:11
46
转载
转载文章
...互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 WebSocket服务器因某些原因无法正常工作(WebSocket server not working for some reasons) 我尝试使用ws创建一个非常简单的服务器,当我运行服务器node index.js并且我在我的浏览器中午餐localhost:8080时,我的控制台中没有任何内容。 我应该看到client connected on localhost:8080打印到控制台 -index.js const WebSocketServer = require('ws').Server; const wss = new WebSocketServer({port: 8080}); const onConnect = wss => console.log('client connected on localhost:8080'); Rx.Observable .fromEvent(wss, 'connection') .subscribe(onConnect); I tried to create a very simple server using ws, When i run the server node index.js and i lunch localhost:8080 in my browser nothing appear in my console. i should see client connected on localhost:8080 printed to the console -index.js const WebSocketServer = require('ws').Server; const wss = new WebSocketServer({port: 8080}); const onConnect = wss => console.log('client connected on localhost:8080'); Rx.Observable .fromEvent(wss, 'connection') .subscribe(onConnect); 原文:https://stackoverflow.com/questions/37480475 更新时间:2020-09-13 19:09 最满意答案 您无法通过直接在浏览器中打开它来连接到WebSocket。 您应该使用某个HTML页面创建HTTP服务器和响应。 在此HTML页面中,您应该包含连接到WebSocket服务器的javascript: var socket = new WebSocket("ws://localhost:8080"); You can't connect to WebSocket by open it directly in a browser. You should create HTTP server and response with some HTML page. In this HTML page you should include javascript that connects to your WebSocket server: var socket = new WebSocket("ws://localhost:8080"); 相关问答 为了证明接收到握手,服务器必须获取两条信息并将它们组合以形成响应。 第一条信息来自| Sec-WebSocket-Key | 客户端握手中的头字段: Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ== 具体而言,如上例所示,| Sec-WebSocket-Key | 标题字段的值为“dGhlIHNhbXBsZSBub25jZQ ==”,服务器 将串联字符串“258EAFA5-E914-47DA-95CA-C5AB0DC85B11” 形成字符串“dGhl ... 我找到了解决方法。 我已经修改了我的wsgi.py,现在它可以工作: import os os.environ.setdefault("DJANGO_SETTINGS_MODULE", "myapp.settings") This application object is used by any WSGI server configured to use this file. This includes Django's development server, if the WSGI ... 好吧,就我而言, RewriteBase /元素解决了这个问题。 如果有人因为shauninmann视网膜代码而遇到这个问题,我就把它留在那里。 Options -MultiViews RewriteEngine on RewriteBase / RewriteCond %{HTTP_COOKIE} HTTP_IS_RETINA [NC] RewriteCond %{REQUEST_FILENAME} !@2x RewriteRule ^(.)\ ... 如果您的服务器正在侦听端口80上的连接,它是否在谈论http? 因为如果没有,不要在端口80上侦听:端口80已经建立为携带http流量。 下一步 - ipaddress和端口一起是端点的唯一标识符。 如果远程客户端通过端口80连接到您的服务器,而不是目标IP和端口,则没有其他信息表明网络层必须识别哪个应用程序(在端口80上侦听)应该获得该数据包。 鉴于配置多个IP地址非常困难 - 在NAT上是不可能的 - 将数据包路由到正确的侦听器的唯一信息就是端口。 所以你不能让两个应用程序在同一个端口上侦听。 ... 您无法通过直接在浏览器中打开它来连接到WebSocket。 您应该使用某个HTML页面创建HTTP服务器和响应。 在此HTML页面中,您应该包含连接到WebSocket服务器的javascript: var socket = new WebSocket("ws://localhost:8080"); You can't connect to WebSocket by open it directly in a browser. You should crea ... 所以我通过握手解决了我的特殊问题,而且非常无聊。 我需要两套“\ r \ n”才能完成握手。 所以为了解决我上面描述的握手问题(Javascript WebSocket没有进入OPEN状态)我需要对我的服务器端PHP进行以下更改(注意最后的\ r \ n \ r \ n,doh) : function dohandshake($user,$buffer){ // getheaders and calcKey are confirmed working, can provide source ... 是。 独立的WebSocket服务器通常可以在任何端口上运行。 浏览器客户端打开与非HTTP(S)端口上的服务器的WebSocket连接没有问题。 默认端口为80/443的主要原因是它们是最可靠的大规模使用端口,因为它们能够遍历阻止所有其他端口上所有流量的许多企业防火墙。 如果这对您的受众来说不是问题(或者您有基于HTTP的回退),那么为WebSocket服务器使用备用端口是完全合理的(并且更容易)。 另一种选择是使用80/443端口,但使用单独的IP地址/主机名。 Yes. A standalo ... Tyrus抱怨Connection: keep-alive, Upgrade header。 Firefox在这里没有做错任何事。 关于如何处理Connection标头,Tyrus过于严格,没有遵循WebSocket规范( RFC-6455 )。 RFC 4.1中的RFC规定: 6. The request MUST contain a |Connection| header field whose value MUST include the "Upgrade" tok ... 说实话,我不能100%确定地说这是什么,但我有一个非常强烈的怀疑。 我的代码中包含了太多的命名空间,我相信在编译器等实际运行时会出现一些混乱。 显然,Microsoft.Web.Websockets和SignalR的命名空间都包含WebSocketHandler。 虽然我不知道SignalR的所有细节,但看起来THAT命名空间中的WebSocketHandler并不意味着在SignalR之外使用。 我相信这个类正在被引用,而不是Microsoft.Web.Websockets中的那个,因为它现在起 ... 您应该使用websocket处理程序,而不是请求处理程序,尝试使用此示例 You should use the websocket handler, not the request handler, try with this example 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_34862561/article/details/119512220。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-03-19 12:00:21
53
转载
转载文章
...互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 说起前端届IT教育老大,怎么能没有千锋的名字,学前端,来千锋,入股不亏,学习带飞! 你可能兜兜转转看了不少路线图只是得到了罗列的知识点和一张思维导图,但是学这些能做些什么?学到这个程度可以找到什么样的工作并没有人跟你详细说明,这篇文章就来告诉你! 分享北大陆神精心为各位朋友梳理的前端开发学习成长路线,完整视频版本大家可以自行去搜索观看。 下面就让我们开始了解前端开发的进阶之路~ 第一阶段:前端开发基本功 这是入门前端最基础的内容。学会后,就能达到初级Web前端工程师水平。熟悉了前端开发的HTML与CSS基础知识,就能够配合UI设计师进行项目布局开发了。 如果你是应届生,想去找实习的工作,学完这个部分,初级前端开发工程师,前端实习生等岗位,你就可以去面试了,入职后待遇能达到4K-5K。 这一步骤共分为三部分内容:HTML、CSS和页面制作工具。HTML是前端开发入门首先要学会的东西,有了它,你才可以布局页面结构。CSS是页面美化和精细化的核心技术。想要更好的完成页面的开发,更好的与UI部门合作,这些页面制作工具是必须掌握的。 第二阶段:页面布局实战 有了第一步的基础知识,你就可以实战各种页面布局了。学会后,更加夯实初级Web前端工程师水平,能够完成各种PC端与移动端网页布局与样式设计实现了。 应届生找工作会更加有底气,入职后待遇能达到6K-7K。 这一步骤共分为两部分内容:布局技术,布局规范与方案。 想要轻松的完成各种PC端和手机端的布局,这些重要的布局技术必须掌握。另外一些布局规范与布局方案,是完成浏览器兼容和各种设备适配的法宝。 第三阶段:前端开发内功 第四阶段:PC端全栈项目开发 有了JavaScript、HTML、CSS知识,再加上这个步骤的技能点学习,你就能够完成一个PC端的前后端整体项目开发了。 可以从事网站开发工程师,以及Web前端开发工程师的工作了。薪资能达到11K-13K。 这一步骤共分为四部分内容:首先学会常用的前端工具库,掌握前端工程化和模块化,然后系统学习后端,或者叫服务端开发工具 Node.js,最后你就能独立完成一个网站或者管理系统的开发了。 第五阶段,前端高级框架技术。 这个步骤是从事前端工作必须掌握的重要内容,尤其是Vue、React,已经是公司开发企业项目的首选框架。 学会这个部分,你就是一名高级Web前端工程师了,可以胜任公司的C端和B端的所有项目,薪资待遇能达到14K-18K。那这些框架都需要学习掌握什么呢? Vue框架,需要掌握Vue3和它的生态技术。掌握了Vue3的选项式API,Vue2的项目也信手拈来。Vue3生态的每个技术都包含了很多内容,都需要你掌握它并熟练应用。像Vue3的组合式API、Vite2+SFC、VueRouter4、Vuex4、Pinia2、TypeScript基础、TS+Vue3,其他的技术栈。学会这些,你就可以基于这些技术开发Vue3的C端和B端项目了。 React框架,同样需要掌握React18和它的生态技术。每个生态也都包含很多内容,像Umi技术栈、其他技术栈。React技术备受大厂青睐,一般情况下,React岗位薪资也会比Vue高些。那除了这两个主要框架还需要什么呢? Angular框架,企业用的比较少些了,基本上都是老项目的维护了。 数据可视化,可以选学,如果项目里有这块需求,可以仔细研究一下。 第六阶段,混合应用开发技术。 所谓混合开发,就是将HTML5基于浏览器的应用,嵌入到基于Android和iOS手机APP里,或者嵌入到基于Node和Chromium的桌面APP里。因为兼具了WebApp和NativeApp的双重优点,混合应用开发技术得到了广泛的应用。 学会这个部分,就拥有了多端开发能力,能够胜任跨平台跨设备的架构工作。通过Vue和React基础加持,薪资待遇能达到19K-22K。 常见的混合开发如手机端的微信公众号、微信小程序、桌面端的Electron技术和PWA技术等。 第七步,原生应用开发技术。 所谓原生应用开发,就是应用前端的技术,脱离浏览器,进行原生的手机APP的开发。 掌握这部分内容,可以达到大前端高级开发工程师水平,可以主导移动端多元产品项目实现,能够跨平台开发提出可建设性解决方案。薪资待遇能达到 23K-30K。 比如,Facebook的基于React技术的ReactNative原生APP的开发,谷歌的基于Dart技术的Flutter原生APP的开发,以及华为的基于JS技术的HarmonyOS鸿蒙原生APP的开发。 第八步,大前端架构。 这是本学习路线图最后一个步骤了,同时也到达了一个至高点。 掌握这个部分,即可拥有大前端架构师水平,主要进行前端项目架构和项目把控。能够解决网站出现的突发状况,能够改进网站性能到极致。拥有大型网站、大量高并发访问量等开发经验。这个岗位的薪资能达到30K以上的水平。 前端架构师,包含很多内容,要求有广度也要有深度,这里给出了重要的五部分内容,包括开发工具及服务器技术、前端性能、微前端架构、低代码与组件库开发以及前端安全技术。 小白起点的前端路线图,我们都走了一遍,你可能会问,这些知识我们我该如何学习呢?你可以靠查文档、看视频,也可以找个师父带你。上面给大家推荐的视频都是核心的技术点视频以及项目练手视频,更多更细节的技术点请大家关注IT千锋教育搜索你需要的课程。 本篇文章为转载内容。原文链接:https://blog.csdn.net/longz_org_cn/article/details/127673811。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-03-07 21:33:13
270
转载
转载文章
...互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 一、部署Nginx 1、下载nginx镜像(这一步可以省略,直接进入第二步会自动下载的) pull 2、启动容器 run 3、进入容器 exec 1、镜像: docker hub官网搜索nginx 下载:docker pull nginx 查看下载情况:docker images 2、容器: 创建容器命令:docker run [-d 后台启动] [–name nginx01 起别名] [-p 3344:80 端口:协议] [镜像(包含版本)] (创建)启动容器实例:docker run -d --name nginx01 -p 3344:80 nginx 查看容器运行状况:docker ps 本机访问测试一下:curl localhost:3344 ■ 端口暴露 -p 宿主机端口:容器内部端口 浏览器输入: http://服务器ip地址:3344/ 3344 是暴露的端口 ----接下来: 进入(正在运行的)容器内部:docker exec -it nginx01 /bin/bash [root@iZwz9535z41cmgcpkm7i81Z /] docker exec -it nginx01 /bin/bashroot@d1a29e4791e3:/ whereis nginxnginx: /usr/sbin/nginx /usr/lib/nginx /etc/nginx /usr/share/nginxroot@d1a29e4791e3:/ cd /etc/nginxroot@d1a29e4791e3:/etc/nginx lsconf.d fastcgi_params mime.types modules nginx.conf scgi_params uwsgi_paramsroot@d1a29e4791e3:/etc/nginx ■ /bin/bash 是Linux的一种常用shell脚本,用于解释执行Linux命令,根据镜像支持的shell的不同,可以使用不同的的shell脚本。 容器,也是和虚拟机一样是虚拟技术呀,通过脚本执行/bin/bash实现,创建并进入容器内部docker ● 思考问题:每次改动nginx配置文件,都需要进入容器内部,十分麻烦: 要是可以在容器外部提供一个映射路径,达到在容器修改文件名,容器内部就可以自动修改?-v 数据卷技术! 二、部署tomcat docker run 可以不用pull,能自动下载 ctrl+c退出 docker pull tomcat:9.0 启动运行,应该加上版本号: docker run -d -p 3355:8080 --name tomcat01 tomcat:9.0 进入容器 docker exec -it tomcat01 /bin/bash ● 部署tomcat,发现问题: 1、linux命令少了 2、没有webapps 这是阿里云镜像的原因:默认使用最小镜像,所有不必要的都剔除了,保证最小可运行环境 可以通过拷贝的方式,解决没有webapps的问题: 在浏览器中输入:http://服务器ip地址:3355/ 进行访问 ● 思考问题:我们以后部署项目,如果每次都要进入容器很麻烦? 要是可以在容器外部提供一个映射路径,webapps,我们在外部放置项目,容器内部就可以自动修改?-v 数据卷技术! 三、部署es+kibana ● Elasticsearch 的问题: es 暴露的端口很多 es 十分耗内存 es 的数据一般需要放置到安全目录!挂载 1、问题1:es 十分耗内存 下载启动运行elastissearch 之后,Linux系统就变得特别卡 # 启动了 linux就卡住了docker stats# 查看 cpu的状态 #es 是十分耗内存的,1.xG# 1核2G(学生机)! # 查看 docker stats 2、问题2:es 需要暴露的端口很多 -p (下载)启动 elasticsearch$ docker run -d --name elasticsearch01 -p 9200:9200 -p 9300:9300 -e "discovery.type=single-node" elasticsearch:7.6.2 查看内存占用情况docker stats 先感觉stop一下docker stop ba18713ca536 3、es 十分耗内存的解决:增加内存的限制,修改配置文件 -e 环境配置修改 通过 -e 限制内存docker run -d --name elasticsearch02 -p 9200:9200 -p 9300:9300 -e "discovery.type=single-node" -e ES_JAVA_OPTS="-Xms64m -Xmx512m" elasticsearch:7.6.2 [root@iZwz9535z41cmgcpkm7i81Z /] curl localhost:9200/{"name" : "14329968b00f","cluster_name" : "docker-cluster","cluster_uuid" : "0iDu-G_KTo-4X8KORDj1XQ","version" : {"number" : "7.6.2","build_flavor" : "default","build_type" : "docker","build_hash" : "ef48eb35cf30adf4db14086e8aabd07ef6fb113f","build_date" : "2020-03-26T06:34:37.794943Z","build_snapshot" : false,"lucene_version" : "8.4.0","minimum_wire_compatibility_version" : "6.8.0","minimum_index_compatibility_version" : "6.0.0-beta1"},"tagline" : "You Know, for Search"} 4、思考:用kibana连接elasticsearch? 思考(kibana连接elasticsearch)网络如何连接过去 ☺ 参考来源: 狂神的B站视频《【狂神说Java】Docker最新超详细版教程通俗易懂》 https://www.bilibili.com/video/BV1og4y1q7M4 如果本文对你有帮助的话记得给一乐点个赞哦,感谢! 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_45630258/article/details/124785912。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-03-12 10:54:44
66
转载
转载文章
...互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 mysqldump 导出要用到MySQL的mysqldump工具,基本用法是: shell> mysqldump [OPTIONS] database [tables] 如果你不给定任何表,整个数据库将被导出。 通过执行mysqldump --help,你能得到你mysqldump的版本支持的选项表。 注意,如果你运行mysqldump没有--quick或--opt选项,mysqldump将在导出结果前装载整个结果集到内存中,如果你正在导出一个大的数据库,这将可能是一个问题。 mysqldump支持下列选项: --add-locks 在每个表导出之前增加LOCK TABLES并且之后UNLOCK TABLE。(为了使得更快地插入到MySQL)。 --add-drop-table 在每个create语句之前增加一个drop table。 --allow-keywords 允许创建是关键词的列名字。这由表名前缀于每个列名做到。 -c, --complete-insert 使用完整的insert语句(用列名字)。 -C, --compress 如果客户和服务器均支持压缩,压缩两者间所有的信息。 --delayed 用INSERT DELAYED命令插入行。 -e, --extended-insert 使用全新多行INSERT语法。(给出更紧缩并且更快的插入语句) -, --debug[=option_string] 跟踪程序的使用(为了调试)。 --help 显示一条帮助消息并且退出。 --fields-terminated-by=... --fields-enclosed-by=... --fields-optionally-enclosed-by=... --fields-escaped-by=... --fields-terminated-by=... 这些选择与-T选择一起使用,并且有相应的LOAD DATA INFILE子句相同的含义。 LOAD DATA INFILE语法。 -F, --flush-logs 在开始导出前,洗掉在MySQL服务器中的日志文件。 -f, --force, 即使我们在一个表导出期间得到一个SQL错误,继续。 -h, --host=.. 从命名的主机上的MySQL服务器导出数据。缺省主机是localhost。 -l, --lock-tables. 为开始导出锁定所有表。 -t, --no-create-info 不写入表创建信息(CREATE TABLE语句) -d, --no-data 不写入表的任何行信息。如果你只想得到一个表的结构的导出,这是很有用的! --opt 同--quick --add-drop-table --add-locks --extended-insert --lock-tables。 应该给你为读入一个MySQL服务器的尽可能最快的导出。 -pyour_pass, --password[=your_pass] 与服务器连接时使用的口令。如果你不指定“=your_pass”部分,mysqldump需要来自终端的口令。 -P port_num, --port=port_num 与一台主机连接时使用的TCP/IP端口号。(这用于连接到localhost以外的主机,因为它使用 Unix套接字。) -q, --quick 不缓冲查询,直接导出至stdout;使用mysql_use_result()做它。 -S /path/to/socket, --socket=/path/to/socket 与localhost连接时(它是缺省主机)使用的套接字文件。 -T, --tab=path-to-some-directory 对于每个给定的表,创建一个table_name.sql文件,它包含SQL CREATE 命令,和一个table_name.txt文件,它包含数据。 注意:这只有在mysqldump运行在mysqld守护进程运行的同一台机器上的时候才工作。.txt文件的格式根据--fields-xxx和--lines--xxx选项来定。 -u user_name, --user=user_name 与服务器连接时,MySQL使用的用户名。缺省值是你的Unix登录名。 -O var=option, --set-variable var=option设置一个变量的值。可能的变量被列在下面。 -v, --verbose 冗长模式。打印出程序所做的更多的信息。 -V, --version 打印版本信息并且退出。 -w, --where=@where-condition@ 只导出被选择了的记录;注意引号是强制的! "--where=user=@jimf@" "-wuserid>1" "-wuserid<1" 最常见的mysqldump使用可能制作整个数据库的一个备份: mysqldump --opt database > backup-file.sql 但是它对用来自于一个数据库的信息充实另外一个MySQL数据库也是有用的: mysqldump --opt database | mysql --host=remote-host -C database 由于mysqldump导出的是完整的SQL语句,所以用mysql客户程序很容易就能把数据导入了: shell> mysqladmin create target_db_name shell> mysql target_db_name < backup-file.sql 就是 shell> mysql 库名 < 文件名 相关标签:工具 本文原创发布php中文网,转载请注明出处,感谢您的尊重! 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_28851659/article/details/114329359。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-02-01 23:51:06
265
转载
转载文章
...互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 1.首先先定位该弹出框: 用spy++查找到该弹出框的标题和类名: 弹出框的句柄是每次都会变的,所以通过标题和类名获取该句柄: 获取另存为弹出框 calssname = u"32770" titlename = u"文件另存为" hwnd = win32gui.FindWindow(calssname,titlename) 2.输入文件名 输入框定位在多层窗口的下面,所以我是一层一层往下找的,没找到便捷的方法 获取文件名输入框 a1 = win32gui.FindWindowEx(hwnd,None,"DUIViewWndClassName",None) a2 = win32gui.FindWindowEx(a1,None,"DirectUIHWND",None) a3 = win32gui.FindWindowEx(a2,None,"FloatNotifySink",None) a4 = win32gui.FindWindowEx(a3,None,"ComboBox",None) hwnd_filename = win32gui.FindWindowEx(a4,None,"Edit",None) 在文件名输入框中输入文件名(fileName输入一个字符串,我根据系统需要生成的随机数,汉字的话需要转码,如u'你好'.encode('gbk')) win32gui.SendMessage(hwnd_filename, win32con.WM_SETTEXT, None, fileName) 3.点击保存 点击保存按钮 hwnd_save = win32gui.FindWindowEx(hwnd,None,"Button",None) win32gui.PostMessage(hwnd_save, win32con.WM_KEYDOWN, win32con.VK_RETURN, 0) win32gui.PostMessage(hwnd_save, win32con.WM_KEYUP, win32con.VK_RETURN, 0) 以上在不需要修改保存路径的情况下可以直接保存文件 --------------------------------------------------------------------------------------------------------------------------- 以下是未解决的问题 1.修改路径的问题(已解决),我猜想是通过两种方式,一是通过左边的树视图(SysTreeView32)来操作选择路径,二是通过在地址栏直接输入路径地址。其中第一种方法在网上没有查找到操作的方法,然后尝试第二种方法,找到路径地址输入框然后输入路径: 未点击地址栏时路径的窗口句柄是上图这样的 点击地址栏之后路径窗口句柄变成下图这样 a1 = win32gui.FindWindowEx(hwnd,None,"WorkerW",None) a2 = win32gui.FindWindowEx(a1,None,"ReBarWindow32",None) a3 = win32gui.FindWindowEx(a2,None,"Address Band Root",None) a4 = win32gui.FindWindowEx(a3,None,"msctls_progress32",None) a5 = win32gui.FindWindowEx(a4,None,"Breadcrumb Parent",None) hwnd_filepath1 = win32gui.FindWindowEx(a5,None,"ToolbarWindow32",None) print "-----hwnd_filepath1------",hwnd_filepath1 先找到到上图路径栏句柄(查找成功),然后按回车,使地址栏变成可输入状态 win32gui.PostMessage(hwnd_filepath1, win32con.WM_LBUTTONDOWN, win32con.MK_LBUTTON, 0) win32gui.PostMessage(hwnd_filepath1, win32con.WM_LBUTTONUP, win32con.MK_LBUTTON, 0) 在通过路径查找 a11 = win32gui.FindWindowEx(hwnd,None,"WorkerW",None) a21 = win32gui.FindWindowEx(a11,None,"ReBarWindow32",None) a31 = win32gui.FindWindowEx(a21,None,"Address Band Root",None) a41 = win32gui.FindWindowEx(a31,None,"msctls_progress32",None) a6 = win32gui.FindWindowEx(a41,None,"ComboBoxEx32",None) a7 = win32gui.FindWindowEx(a6,None,"ComboBox",None) hwnd_filepath = win32gui.FindWindowEx(a7,None,"Edit",None) print "-----hwnd_filepath------",hwnd_filepath 到这一步查找句柄返回值变成0,就是没查找到路径编辑框,没有找到原因,代码运行下来路径那里只是能看到的效果点击了一下,但是不会变成输入框状态,但是把鼠标移上去会变成输入的状态 这样是可输入的状态 然后win32gui.SendMessage(hwnd_filepath, win32con.WM_SETTEXT, None, 'C:\Users\Administrator\Desktop')这样地址就输入不进去,原因不明 视图数操作的方法没有找到 2.取消按钮的点击无效(已解决) 保存按钮 取消按钮 保存和取消的类名都是“Button”,所以通过保存按钮查找到下一个Button就是取消 hwnd_cancle = win32gui.FindWindowEx(hwnd,hwnd_save,"Button",None) print "------hwnd_cancle---",hwnd_cancle 取消句柄获取到了,通过下面的方法打印出来的父句柄和保存按钮是一样的都是另存为这个弹出框 print win32gui.GetParent(hwnd_cancle) 下面两行代码也获取到了取消的类名和标题打印出来的是‘Button’和‘取消’ print win32gui.GetClassName(hwnd_cancle) print win32gui.GetWindowText(hwnd_cancle).decode('gbk').encode('utf-8') 以下两行代码点击取消按钮的时候,弹出框不关闭,然后发现点击的是保存按钮,原因不明 win32gui.PostMessage(hwnd_cancle, win32con.WM_KEYDOWN, win32con.VK_RETURN, 0) win32gui.PostMessage(hwnd_cancle, win32con.WM_KEYUP, win32con.VK_RETURN, 0) 以上是完成的两点和处理失败的两点,做出来是个半成品,win32gui这方面的知识对我来说有点难,在python中安装的pywin32自带了一个API,里面的描述方法很简单,不够详细,很多看不太懂,以后还需要再花时间慢慢研究 -------------------------------------------------------------------------------------------- 问题1的解决方法: 修改成指定路径 win_1 = win32gui.FindWindowEx(hwnd, None,"WorkerW",None) win_2 = win32gui.FindWindowEx(win_1, None,"ReBarWindow32",None) win_3 = win32gui.FindWindowEx(win_2, None,"Address Band Root",None) win_4 = win32gui.FindWindowEx(win_3, None,"msctls_progress32",None) left, top, right, bottom = win32gui.GetWindowRect(win_4) win32api.SetCursorPos([left,top]) win32api.mouse_event(win32con.MOUSEEVENTF_LEFTUP | win32con.MOUSEEVENTF_LEFTDOWN, 0, 0, 0, 0) 将路径复制到剪切板 win32clipboard.OpenClipboard() win32clipboard.EmptyClipboard() win32clipboard.SetClipboardText(filePath) win32clipboard.CloseClipboard() 按下ctrl+v win32api.keybd_event(0x11, 0, 0, 0) win32api.keybd_event(0x56, 0, 0, 0) win32api.keybd_event(0x56, 0, win32con.KEYEVENTF_KEYUP, 0) win32api.keybd_event(0x11, 0, win32con.KEYEVENTF_KEYUP, 0) 按回车进入该路径 win32api.keybd_event(0x0D,0,0,0) 问题2取消按钮点击的问题已经解决: 点击取消按钮,用鼠标点击点击取消按钮,上面使用键盘按键不行,原因不明 hwnd_cancel = win32gui.FindWindowEx(hwnd,hwnd_save,"Button",None) left, top, right, bottom = win32gui.GetWindowRect(hwnd_cancel)该方法接收值必须为4个 win32api.SetCursorPos([left+35,top+13]) win32api.mouse_event(win32con.MOUSEEVENTF_LEFTUP | win32con.MOUSEEVENTF_LEFTDOWN, 0, 0, 0, 0) win32gui.GetWindowRect方法描述:Returns the rectangle for a window in screen coordinates。应该返回该句柄控件的四个顶点坐标吧 win32api.SetCursorPos方法描述:The SetCursorPos function moves the cursor to the specified screen coordinates.将光标移动到指定的屏幕坐标。 ----------------------------------------------------------------------------------------------- 查找另存为弹出框下的所有子句柄: hwndChildList = [] win32gui.EnumChildWindows(hwnd, lambda hwnd1, param: param.append(hwnd1), hwndChildList) for a in hwndChildList: print win32gui.GetParent(a) print win32gui.GetClassName(a) print win32gui.GetWindowText(a).decode('gbk').encode('utf-8') print "-----hwnd_save------",a 另外,经同事推荐ViewWizard工具比spy++更轻便快捷,查看父句柄也比之更方便 按键控制查询:http://www.mamicode.com/info-detail-1319197.html 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_39814378/article/details/110329291。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-12-17 22:46:11
253
转载
ReactJS
...。他们在最新发布的论文中提到,通过将视频播放器组件拆分为多个独立的异步模块,并利用Suspense进行按需加载,不仅显著减少了首屏加载时间,还有效降低了服务器压力。这一实践表明,Suspense不仅仅适用于静态数据获取场景,它在动态内容加载方面同样具有巨大潜力。 值得一提的是,随着React 18版本的推出,Suspense的API得到了进一步完善。新增的支持SuspenseList的特性允许开发者更灵活地控制多个异步组件的渲染顺序,这对于像电商商品列表这样的复杂场景尤为适用。此外,Facebook开源团队还在GitHub上发布了多个关于Suspense的最佳实践案例,涵盖从基础用法到高级技巧的全方位指导。 尽管如此,也有部分开发者对Suspense提出了质疑。有观点认为,过度依赖Suspense可能导致代码结构过于复杂,特别是在需要兼容老旧浏览器的情况下,性能开销可能成为不可忽视的问题。对此,React核心团队回应称,未来版本将引入更多优化策略,如智能缓存机制和渐进式加载选项,以平衡功能性和性能需求。 总的来说,Suspense作为React的一项革命性创新,正在逐步改变前端开发的方式。无论是大型企业的生产实践,还是学术界的理论探讨,都显示出这一技术的巨大前景。但对于开发者而言,如何在实际项目中扬长避短,仍然是一个值得深思的话题。
2025-04-12 16:09:18
87
蝶舞花间
转载文章
...互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 阅读本文大概需要 6.6 分钟。 编程门槛其实并不高,自学几个月就可以入门,但是初级程序员进阶却很难,需要学的知识很多很多。所以自学编程想入门,很简单,只要自己能努力,能坚持,几个月以后你就已经在路上了。尽管这个过程很难,你会迷茫、困惑,但是你要坚信努力必将有结果。 掌握基础的语法 我们最终目的是尽快的学完相关知识,然后找到一份工作,进入这个行业。我们这里的方法就是快速掌握知识运用。但是开发的这个行业你其实需要学习的知识实在太多太多,但是普通公司的一个初级工程师只要能保证会用业内通用的框架,能解决的基本的业务问题就好。所以我们这里学习过程必须的先做减法。这个过程中我们先不用去学习算法,框架源码什么的,先去学习工作中需要用到的知识,等我们进入行业再去学习。 自学的第一步,我们先掌握语言的基本知识点。我们下面拿 Java 举例。 学习 Java,推荐使用视频加书籍学习。视频资源可以去慕课网,网易云课堂寻找,这个不展开叙述。至于书籍,这里推荐 「Java核心技术(卷1):基础知识」,「Java编程思想」。两本书都是经典好书,尤其后面一本更是经典中经典。这里切记一点,切勿买 「xx 入门到精通」、「21 天带你学会 xx」 系列书籍,尽管这类书籍销量很好。 不推荐直接看书学习。因为你如果单纯看书,你很容易会困乏,而且很容易抓不住重点。这个过程很容易会让你失去兴趣。而结合视频学习,你可以跟视频进度学习,进而能掌握自己大概学习进度。这个学习过程中,你先看完视频,然后动手练习视频中的代码。 一定要动手练习! 一定要动手练习! 一定要动手练习! 代码是需要动手练习,才能孰生巧。 学完 Java 基础,用学的知识去完成一个小项目,这里会让自己有些小成就,这样能更好学下去。 Java 基础知识不用去学 awt,swing 等图形化编程。 如果这第一步都坚持不下来,那其实真的放弃吧。后面你只会越学越困难 聊聊选择的问题 自学第二步,选择从事的方向。 学完 Java 基础,你就面临自己以后需要从事开发的方向。如 Java 来说,一般分为服务段开发与客户端开发,方向不同,接下去学的知识点就会不同。所以这里选择需要慎重思考。 这里可以使用一个方法,我们从事件的价值出发,列出一个优缺清单表。比如你要选择服务端开发还是客户端开发,你先去充分了解这两个方向,然后列一分优缺清单表格,把了解到每一个点都写上去,打一个分数,分数分为 -10 到 10 分。最后我们统计一个总分,然后那个分数较高的方向。 掌握数据库 由于本人从事服务端开发,下面说说服务端开发学习的过程。 服务端开发,需要学习的东西会很多,不过不用担心,我们一个个说。 首先我们先说数据库。数据库对于服务端开发,一定要学会的技术,所以这个我们需要着重学习。 首先按照网上教程,自己在电脑上搭建一个数据库,这里推荐 MySQL。搭建之后,再下载一个数据库客户端管理工具,如 Navicat,DataGrip。弄完这些基础设施之后,我们这里接着去学会 SQL 的语法。这里着重学习单表增删改查的语法,跨表的连接查询等。网上找一个例子,如可以自己构建一个学生课程信息表,做到可以用以上学习到的语法。 学习完数据库,接着我们就需要学习Java JDBC 的知识。学习的 JDBC 就是让我们了解,如何使用 Java 操作数据库,运行 Mybatis的增删改查的语句。 接着我们可以去学习相关 ORM 的框架,如 Hibernate 或 Mybatis,这里推荐 Mybatis。学习框架,我们要做到掌握框架的使用技巧就可以。 这个过程你可能会发现,Mybatis 这类框架这么如此简化开发,为什么我们不直接学习 Mybatis ? 学习 JDBC 的目的,其实就是让你了解这些 ORM 的基础。 学完这个阶段,我们接下去就要进入 WEB 开发。 WEB 开发 这个过程我们首先学习一些前端知识,如 HTML,CSS,JavaScript,然后再去 Jquery 等前端框架,做到能实现一些简单的功能。我们不需要跟你上面一样精通,我们只要了解一些概念即可。 接下去我们学习 Servlet,做到能使用原生 Servlet + Jsp 能运行一个 WEB 程序。 后面我们再去学习 Spring 框架,使用 SpringMVC 了解 MVC 的概念。最后用 SpringMVC+Spring+Mybatis+MySQL 完成一个简单的管理系统。 其他 学完以上内容,基本上已经学习完工作中学习到的技术栈。这个过程你还需要额外学习一些工作中用到其他知识。 你需要去学习协同开发的工具,如 Git,SVN。做到了解如何新建分支,如何拉取代码,如何合并代码即可。 你还需要去学习一些 Linux 的命令。 总结 学完上述内容,你实际就已经掌握初级开发所需要的技术,已经基本上可以从事一个初级开发的岗位。我们上面讲的都是使用技巧,但是面试的时候可能会问你一些原理性的内容,所以在我们去找工作之前我们还需要去了解一些原理性知识。这方面的内容通过搜索引擎搜索即可。 这个过程你可能会碰到很多问题,这个过程一定善于使用搜索引擎。 本篇文章为转载内容。原文链接:https://blog.csdn.net/qq_35006660/article/details/115610534。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-07-02 23:59:06
60
转载
Gradle
...引发构建失败的问题。文中提到需要设置ANDROID_HOME变量指向Android SDK的实际位置,并将其加入系统的PATH变量中,这样才能确保Gradle能够顺利运行。 缓存问题 , Gradle具有缓存机制,用于存储已经下载的依赖项以加快后续构建过程。然而,当某个依赖项下载失败时,Gradle可能会陷入反复尝试下载的状态,进而导致构建失败。为了解决这类问题,可以使用Gradle提供的清理命令清除缓存,例如通过进入项目根目录下的android文件夹并执行./gradlew clean来清理Gradle缓存,然后重新尝试构建项目。
2025-04-15 16:14:29
36
青山绿水_
SeaTunnel
...据分析和可视化。在本文中,Prometheus 作为 SeaTunnel 的监控插件,用于实时监控数据传输任务的状态,确保数据传输过程中的可靠性。 Grafana , Grafana 是一个开源的度量分析和可视化套件,常与 Prometheus 结合使用以提供丰富的图表展示功能。它允许用户创建美观且交互式的仪表板,用于监控系统健康状况、性能指标以及其他关键业务数据。Grafana 支持多种数据源,包括 Prometheus,这使得它成为一个强大的数据可视化工具。在本文中,Grafana 被用来展示 SeaTunnel 任务的状态变化趋势和历史数据,帮助用户更好地理解数据传输情况并进行优化。
2024-12-11 16:12:53
118
月影清风
c++
...理确保程序完整性》一文中,我们深入探讨了如何利用C++的特性,特别是资源管理机制,构建异常安全的程序设计。随着软件开发的日益复杂化,资源管理成为了确保程序稳定性和安全性的关键环节。然而,在实际应用中,资源管理并非总是那么简单,尤其是在多线程环境、网络编程或大型分布式系统中。接下来,我们将深入分析资源管理在现代软件开发中的挑战与应对策略。 面临的挑战 1. 并发与线程安全:在多线程环境中,资源管理变得复杂。共享资源的访问需要进行精细控制,以防止死锁、竞争条件和数据不一致等问题。例如,使用互斥锁(mutex)、读写锁(read-write locks)或原子操作等技术来保证线程安全。 2. 跨平台兼容性:不同操作系统和硬件平台对资源管理的支持程度不同。确保资源管理代码在各种环境中都能正确运行,需要考虑平台差异和标准一致性。 3. 性能优化:资源管理操作,如资源获取和释放,可能会对程序性能产生影响。在追求资源管理的同时,需要平衡性能需求,避免不必要的开销。 4. 资源泄露与内存管理:在动态分配资源的情况下,确保资源在不再需要时被正确释放,是避免内存泄漏和资源泄露的关键。智能指针虽然有效,但在某些场景下仍需谨慎使用,特别是在与第三方库交互时。 应对策略 1. 采用现代C++特性:利用C++11及之后版本的特性,如范围基类(range-based for loops)、智能指针(std::unique_ptr, std::shared_ptr)和RAII原则,简化资源管理过程,提高代码可读性和安全性。 2. 使用线程安全库:选择支持线程安全的库,如Boost.Thread或Intel TBB(Threading Building Blocks),可以简化多线程编程,减少资源管理相关的错误。 3. 深入理解并使用现代内存管理技术:掌握C++的智能指针、RAII、RAII原则和现代内存管理概念,如RAII(Resource Acquisition Is Initialization),能够有效地管理资源,减少内存泄漏的风险。 4. 性能优化与测试:在实现资源管理策略时,结合性能分析工具(如Valgrind、gperftools)进行性能评估,确保资源管理操作不会对程序性能产生负面影响。同时,进行充分的单元测试和压力测试,验证资源管理的正确性和鲁棒性。 5. 持续学习与适应新技术:软件开发领域不断演进,新技术和最佳实践层出不穷。持续关注C++和软件工程领域的最新发展,学习新的资源管理工具和技术,如现代容器类库(如std::optional, std::variant)和并发库,能够帮助开发者更好地应对资源管理的挑战。 通过上述策略,开发者可以更有效地管理资源,确保程序在各种复杂场景下的稳定性和安全性,同时优化性能,满足现代软件开发的需求。
2024-10-05 16:01:00
49
春暖花开
转载文章
...互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 6月分了,又该更新一篇博客了。由于老婆换工作,最近找房子,换地方住,感受就是房价贵,身体累。 最近在工作技术上印像较深的应该就是任务的划分,专业一点就是WBS的分解,如何分解得好,不同的分解都能把任务分解下来,而且表面上也是满足要求的,但是可以说不同的分解在时间或者理解或者沟通成本等方面都会有影响。 做为程序员,我们先看看下面代码 一 for(int i=0;i<1000;i++){for(int j=0;j<10;j++){//do something } } 二 for(int j=0;j<10;j++){for(int i=0;i<1000;i++){//do something } } 针对这两段代码 都是以 i,j为参数做一些事情,但是两个的效果是否一样呢?没有区别,对在程序上面什么区别,结果也基本上没有什么区别。但是我今天的文章中是认为这个是有区别的。你现在要把10000箱东西搬上1楼,现在有两种方案,第一种是 每次搬10箱,搬1000次,第二种是 每次搬1000箱,搬10次。所以这里看出来就是有区别的了,这个我们就要看什么成本高,比如一次搬10箱 成本为X,每增加一箱会增加小x的成本,但是上一次楼的成本是Y,那么两种方案会得到如下成本公式。 第一种:成本=X+1000Y 第二种:成本=X+990x+10Y 最后通过计算是能选出来个成本最低的方案来执行的。 回到工作分解结构上来的。比如3个功能要分解,每个功能有3部分,1.接收数据,2.处理数据,3.写入数据库,当然三个功能是不同的内容,只是大体结构相同。我目前见得最多的是这样分,直接按3个功能分成3个任务,一种是一个功能的一部分分成一个任务,也就是分下来有6个任务。 这里我有点微微的吐嘲一下分成6个任务的坏处。我们先说一下好处。 1.3个人每个人拿3个小任务,任务显得小,对他们压力小一些。 2.每个人处理自己的3个任务类似,可能处理整速度快,而且分配时按善长哪一块分配哪一块的方式,较为合理。 下面说一下坏处,我认为还是弊大于利,下面列一些坏处(因为目前公司就是很多这样分配的任务) 1.3部分功能,3个文档,如果分给3个人来做,那么每个人都要求很精确的理解文档的意思,然后找出自己要做的部分来处理。 2.3个人看3个文档,假设每个文档由一个设计人员设计,那么这3个设计人员都要与3个开发人员产生沟通(所以沟通成本约为第一种方安的3倍,可能小于3倍) 3.开发人员在这种做多个相似(我们假设相似,其实这些问题因该由一个好的架构设计来处理)的编码情况下容易厌倦,产生复制修改代码的情况。 4.还有一部分成本前面3点都没有说到,也是沟通的成本,也就是一个功能里面的三个部分的衔接问题,也就是每个功能模块多了2个开发人员的沟通,也就是多出6个单位沟通成本。 先就说这么几点吧。但是我觉得已经很致命了,公司经常出现重复的沟通,就是上面所说的一个设计人员要同多个开发说明一件事情,而且不是在一起说,是开发在参与到开发过程中时,反馈回去,然后只有同这个开发沟通,可能与每个开发沟通的内容有一部分不是重复的,但是他们的设计内容都是一个模块当中的。而且公司经常出来开发与开发的衔接部分的沟通,有分歧时也会叫设计人员参与进来。所以这样分配的最大的成本就是沟通上面的成本,或者是变更方面的成本最大,比如一个功能模块有要变动,那么可能要通知3个开发人员。要是第一种方案可能就通知一个开发人员就行了。这里也不是说其他的人员不通知,我这里的意思是通知的力度是不一样的,如果是一个责任矩阵(Responsibility Matrix)来看的话,可能这种一点的方案会3个开发人员A,一个组长R,其它人员I。如果是上面一种方案那么可能是1个开发人员A,一个组长R,其它人员I.这里我也就是想说明他们的力度是不一样的。当然成本肯定也不一样。 插入:(我打算在以后的文章中加入插入系列,主要用于解释一些我认为比较有趣,或者有用,或者对我对大家来说可能陌生,但是有印像,本人也是通过查询总结出来的一些东西,多数为一些名词解释) 插入: 责任矩阵 责任矩阵是以表格形式表示完成工作分解结构中工作细目的个人责任方法。这是在项目管理中一个十分重要的工具,因为他强调每一项工作细目由谁负责,并表明每个人的角色在整个项目中的地位。制定责任色(RACI)(R=Responsible,A=Accountable,C=Consulted,I=Informed)。 插入后面继续说,刚才已经吐槽了一下一种方案的坏处,所以我认为对于分解还是逃不过模块,一个人做不下来的大模块,分解成小模块,每个模块主要就是IPO,输入什么,做什么事,出输什么,模块接口要设计好,这样一个一个的装配上就是一个大的系统,而不是把一个模块的类似部分或者说一个独立的功能模块再来分开。最小的模块我们就是函数,或者现在面向对象可以说类,但是细化下来的思想面向过程还是有用处的。这里我就强调一点,现代的设计中多用接口这个东西吧,你慢慢会发现他有很大的用处的。 总结:从昨天下午开始写这个,今天才完成中间有断开,所以可能思路不太清析,但是主要说的一点就是工作分解结构里面的一小部分内容,说了说两种分解方式的优劣。建议大家以接口设计,功能模块,类等去处理分解任务。 转载于:https://www.cnblogs.com/gw2010/p/3781447.html 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_34253126/article/details/94304775。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-07-29 21:22:45
111
转载
Impala
...和长期依赖性问题。在文中,深度强化学习模型被用于预测SQL查询的执行路径和最佳执行计划,以此来优化查询性能,体现了其在复杂数据分析任务中的应用价值。
2024-08-19 16:08:50
72
晚秋落叶
Saiku
...份和差异备份等。在本文中,备份指的是定期将Saiku系统中的关键数据复制到其他存储位置,以便在系统发生故障时能够快速恢复数据。
2024-11-18 15:31:47
37
寂静森林
Consul
...ue存储等功能。在本文中,Consul主要用于管理和存储应用程序的配置信息。通过Consul,开发者可以方便地查看和更新配置,而无需重启应用服务。它支持高可用性部署,确保配置数据的安全性和一致性。 版本控制 , 版本控制是一种管理变化的技术,特别是在软件开发中,用于追踪和管理代码或配置文件的不同版本。通过版本控制系统(如Git),用户可以记录每次修改的详细信息,包括谁进行了修改、修改了哪些内容、何时进行的修改等。这有助于团队成员之间的协作,当出现错误时,可以轻松地回滚到以前的稳定版本。在本文中,版本控制主要用于Consul配置的管理和追踪,确保配置变更的历史记录完整且可追溯。 Git , Git是一个分布式版本控制系统,旨在处理从很小到非常大的项目,速度极快。它允许用户记录每次文件修改的详细信息,包括修改的时间、作者和修改的内容。Git通过分支管理功能,使团队成员可以在同一份代码库中独立开发不同功能,互不干扰。合并分支时,Git会自动识别和解决大部分冲突,简化了协作流程。在本文中,Git被用作与Consul结合的工具,定期将Consul中的配置文件导出并保存至Git仓库,以实现配置变更的历史记录和版本管理。
2024-11-17 16:10:02
27
星辰大海
转载文章
...互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 改编自微信公众号:前端js动力节点。 webpack这个单词,我们可以拆开来读:web、pack。 pack是啥意思?打包,对吧? 所以webpack的核心就是打包,将所有的资源全部打包压成一个个模块,就像酱紫滴: 我们这节课重点讲一下css的打包。 有同学就犯嘀咕了: 你说js打包我还能理解,而css打包是个什么卵?css还用打包?开什么国际玩笑? 这种质疑不无道理。 因为从传统观点来看,css生下来就是个二等公民。js开始也是个二流货色,但经过这几年的努力,人家已经洗白白成了白富美;而css呢,好容易折腾到css3,虽然整了容,变的漂亮了些,但仍不登大雅之堂,不受人待见。 大家都是二等公民出身,为啥你js能起来,我就不行?css心中一万头草泥马奔过,难道这就是命运的安排? 人贵在有自知之明。当人生遇到低谷,最重要的是反思自己,而不是跟个怨妇一样抱怨。 css为啥无法成为白富美? 首先,可能是因其语法简单,没有什么挑战性;其次,大家也不怎么重视css的规范性。在传统模式下,css都是一股脑写在一个大文件里,然后加载到网页的,这样就直接导致了管理上的混乱: 在css增量开发时,要时刻注意命名空间问题;到了调试阶段,又不得不依赖谷歌控制台或firebug的元素定位,有时父类的某个属性影响了子类,导致修改子类样式无法达到预期。。。。 自从有了react和vue,css的灵魂得到了救赎。这两种框架均提出组件化编程的思想,也就是将html,css,js均凝聚成一个不可分割的小部件,留出对外通信的接口,然后灵活组合使用,譬如下图所示: 这样一来,css就有了打包的可能性。打包的好处是: css也有了模块化,可以不用再关心命名空间问题,只需专心将这个部件渲染好,出了问题也更容易定位追踪。 知其然知其所以然,我们搞懂了为啥css要打包的道理,下面就可以愉快而主动的学习了。 仔细权衡了一下,这里我并不打算引入react或vue讲解,因为这样会增加大家理解上的负担。学习新东西,最忌讳的就是学了这个又牵扯到那个,结果精力分散重点转移,到最后很可能一个都没搞懂,还增加了自己的挫败感。 为了简单起见,我们仍旧沿用前面那个案例做讲解,先把这个webpack玩转再说。 咱们看一下具体玩法。首先还是安装插件,这里我们需要两个工具: npm install style-loadernpm install css-loader 原料有了,我们做一下测试文件做测试。我们首先新建一个style.css文件,目录结构如下: style.css: .content {color: red;} 很简单,就是一个样式类。然后我们改一下helloworld.js文件。 helloworld.js: // 引入css模块var styles = require('../style.css');// 输出模块module.exports = () => {// 这里使用了箭头函数,还有let和const关键字哦~~let content = "Hello ";const NAME = "ES6";var div = document.createElement('div');div.setAttribute('class', styles.content); // 使用样式类div.innerHTML = content + NAME;return div;}; 注意,这里跟我们平时写的有点不一样。 我们在建一个dom节点时,指定了一个样式类。但是这个样式类,是以包的形式存在的,也就是一个模块。 综合起来看我们这个helloworld.js模块,是不是把html,css和js凝聚成了一个小整体了呢? 我知道你已经迫不及待的想看结果了,好吧,咱们赶紧写一下配置文件跑起来吧~~ webpack.config.js: var path = require('path');module.exports = {entry: './src/index.js',output: {path: path.resolve(__dirname, 'dist'),filename: 'bundle.js'},module: {rules: [{test: /\.js$/,exclude: /node_modules/,loader: 'babel-loader',options: {presets: ['env']} }, {test: /\.css$/,loader: 'style-loader!css-loader?modules'}]} }; 说明: style-loader和css-loader是工具名称。 !感叹号是分割符,表示两个工具都参与处理。 ?问号,其实跟url的问号一样,就是后面要跟参数的意思。 而modules这个参数呢,就是将css打包成模块。跟js打包是一样的,你不必再担心不同模块具有相同类名时造成的问题了。 我们运行一下:(我这次特地没在局部安装webpack-cli,发现可以运行,因为我昨天在全局安装了webpack-cli,之所以要在全局安装而单独局部安装不行,可能跟package.json有关,因为这里都没有用到package.json)。 如果不报错,我们打开浏览器,看一下index.html: 我们看到,样式已然生效了,但是我们打开控制台,看到class的名称并非是我们写的样式类.content,而是生成了新名称,这就说明webpack的编译生效了。 我们打开bundle.js看一下,css其实已经被打包编译到了bundle.js文件里:(太长,截了一部分) 我们看到,css打包后,存在形态已经变成了js。这没有什么可奇怪的,只有这样才能使用包的形式做管理,css本身,是无法达到这样的目的的,所以,它还是二等公民。。。。 本篇文章为转载内容。原文链接:https://blog.csdn.net/DreamFJ/article/details/81700004。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-03-13 11:42:35
73
转载
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
bg [job_number]
- 将停止的任务放到后台继续运行。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"