[浏览器前缀 ]的搜索结果

...nx 2.7 访问 浏览器访问nginx，前提是80端口可以访问 2.8 设置开启自启动 tips：此步骤为可选项 将nginx的sbin目录添加到rc.local文件中： 编辑rc.local文件 vim /etc/rc.local 在最后一行加入如下内容 /home/develop/nginx/sbin/nginx 总结 以上就是离线安装nginx的详细步骤，希望可以帮到有需要的小伙伴。 本篇文章为转载内容。原文链接：https://blog.csdn.net/Shiny_boy_/article/details/126965658。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...脚本原理 以edge浏览器为例，按键精灵双击全选文本中第一行的公开号，ctrl+c复制，鼠标转到网页搜索框，ctrl+v粘贴，点搜索。等搜索完成右键download PDF，选链接另存为并确定，之后点击网页关闭下载栏，一次下载完成。返回编辑器，删除第一行的文本，把第二行提到第一行，完成复位。 这样就形成了完整的一次过程，只要重复运行脚本就可以把所有专利全文下载下来。 注意事项 实际操作中，可能遇到两大问题： 网页反馈问题 这里指的是搜索后没有来到我们想象中的专利页，可能是没有搜索到专利，或该专利google patent没有pdf文档，这时如果脚本还在运行，那么显然就会错误运行。 脚本运行问题 主要要考虑的是命令之间的延时。延时调小确实运行速度会变快，但是如果电脑运行速度不够或者网速/服务器慢了，就会错误执行命令。我的建议是文本操作可以适当删减延时，涉及网页的部分适量增加延时，保证脚本的容错率。 由此可以看出来这个脚本还是离不开人的，在跑的时候还是需要盯着点，如果有错误可以及时处理。 检查下载效果 看了上面的注意事项，想必你也知道这个脚本不太靠谱。那么解决这个问题的方法就是负反馈。下载完了检查一遍就好了。 由于google patent下载的文件是以公开号命名的，所以对照要下载的和已下载的公开号就能看出哪些专利没有下载成功。 我这里写了一个python小脚本。 import pandas as pdimport os读取待下载专利的公开号，地址修改成你自己存放的位置df = pd.read_excel("target.xlsx",header= 0, usecols= "B").drop_duplicates()取前11位作为对比（以中国专利作为参考）PublicNumber_tgt = list(map(lambda x: x[0:11],df["公开（公告）号"].to_list()))读取已下载专利的公开号，地址修改成你自己存放的位置filelist=os.listdir(r'C:\Users\mornthx\Desktop\专利全文')取前11位作为对比PublicNumber_dl = list(map(lambda x: x[0:11],filelist))比较两者差值diff = set(PublicNumber_tgt).difference(set(PublicNumber_dl))print(diff) 没下载的专利具体问题具体解决就好了。 希望能帮到大家！ 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_38688347/article/details/124000919。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...第三方软件，只需通过浏览器就能完成通信。 三、WebRTC的工作原理 WebRTC的工作原理可以简单地概括为三个步骤： 1. 媒体流获取 浏览器会调用getUserMedia API，请求用户的摄像头和麦克风权限，获取用户的实时音频和视频流。 2. 信道建立 浏览器将媒体流封装成ICE候选信息，并发送给服务器或者其他浏览器。 3. 信令交换 通过WebSocket等网络传输机制，浏览器之间进行信令交换，协商并创建出一个可用于数据传输的安全连接。 四、如何利用WebRTC实现点对点通信 下面，我们通过一个简单的例子来说明如何利用WebRTC实现点对点通信。 首先，在HTML文件中添加以下代码： html 然后，在JavaScript文件中添加以下代码： javascript // 获取本地视频 const localStream = await navigator.mediaDevices.getUserMedia({ audio: true, video: true }); // 创建RTC对讲机 const pc = new RTCPeerConnection(); // 添加媒体流 pc.addTransceiver('audio'); pc.addTransceiver('video'); // 获取远程视频容器 const remoteVideo = document.getElementById('remoteVideo'); // 将本地视频流添加到远程视频容器 pc.getSenders().forEach((sender) => { sender.track.id = 'localVideo'; remoteVideo.srcObject = sender.track; }); // 接收媒体流 pc.ontrack = (event) => { event.streams.forEach((stream) => { stream.getTracks().forEach((track) => { track.id = 'remoteVideo'; const videoElement = document.createElement('video'); videoElement.srcObject = track; document.body.appendChild(videoElement); }); }); }; // 连接到其他客户端 function connect(otherUserURL) { // 创建新的RTCPeerConnection对象 const otherPC = new RTCPeerConnection(); // 设置回调函数，处理ICE候选信息和数据通道 otherPC.onicecandidate = (event) => { if (!event.candidate) return; pc.addIceCandidate(event.candidate); }; otherPC.ondatachannel = (event) => { event.channel.binaryType = 'arraybuffer'; channel.send('hello'); }; // 发送offer const offerOptions = { offerToReceiveAudio: true, offerToReceiveVideo: true }; pc.createOffer(offerOptions).then((offer) => { offer.sdp = SDPUtils.replaceBUNDLE_ID(offer.sdp, otherUserURL); offer.sdp = SDPUtils.replaceICE_UFRAG_AND_FINGERPRINT(offer.sdp, otherUserURL); offer.sdp = SDPUtils.replaceICEServers(offer.sdp, iceServers); return otherPC.setRemoteDescription(new RTCSessionDescription(offer)); }).then(() => { return otherPC.createAnswer(); }).then((answer) => { answer.sdp = SDPUtils.replaceBUNDLE_ID(answer.sdp, otherUserURL); answer.sdp = SDPUtils.replaceICE_UFRAG_AND_FINGERPRINT(answer.sdp, otherUserURL); answer.sdp = SDPUtils.replaceICEServers(answer.sdp, iceServers); return pc.setRemoteDescription(new RTCSessionDescription(answer)); }).catch((err) => { console.error(err.stack || err); }); } 在这个例子中，我们首先通过getUserMedia API获取用户的实时音频和视频流，然后创建一个新的RTCPeerConnection对象，并将媒体流添加到这个对象中。 接着，我们设置了回调函数，处理ICE候选信息和数据通道。当你收到ICE候选信息的时候，我们就把它塞到本地的那个RTCPeerConnection对象里头；而一旦收到数据通道的消息，我们就会把它的binaryType调成'arraybuffer'模式，然后就可以在通道里畅所欲言，发送各种消息啦。 最后，我们调用connect函数，与其他客户端建立连接。在connect函数里头，我们捣鼓出了一个崭新的RTCPeerConnection对象，就像组装一台小机器一样。然后呢，我们还给这个小家伙绑定了几个“小帮手”——回调函数，用来专门处理ICE候选信息和数据通道这些重要的任务，让它们能够实时报告状况，确保连接过程顺畅无阻。然后呢，我们给对方发个offer，就像递出一份邀请函那样。等对方接收到后，他们会回传一个answer，这就好比他们给出了接受邀请的答复。我们就把这个answer，当作是我们本地RTCPeerConnection对象的远程“地图”，这样一来，连接就算顺利完成啦！ 五、结论 WebRTC技术为我们提供了一种方便、快捷、安全的点对点通信方式，大大提高了应用的交互性和实时性。当然啦，这只是个入门级的小例子，实际上的运用场景可能会复杂不少。不过别担心，只要咱们把WebRTC的核心原理和使用技巧都整明白了，就能根据自身需求灵活施展拳脚，开发出更多既有趣又有用的应用程序，保证让你玩得飞起！ 未来，随着5G、物联网等技术的发展，WebRTC将会发挥更大的作用，成为更多应用场景的首选方案。让我们一起期待这个充满可能的新时代吧！

...ript引擎，用于在浏览器中解析、编译和执行JavaScript代码。在Node.js中，V8引擎被用作其运行环境的核心部分，将JavaScript代码转换为机器码，实现高性能的服务器端JavaScript应用。 无服务器架构（Serverless Architecture） , 在本文语境下，无服务器架构是一种云计算模型，其中开发者无需关注底层服务器的运维管理，只需编写和上传业务逻辑代码至服务提供商如AWS Lambda。在这种模式下，平台会自动管理和扩展计算资源，按需执行代码并仅对实际使用的计算资源计费。 实时通信应用 , 实时通信应用是指能够实现实时数据交换和互动的应用程序，如在线聊天室、协同编辑文档工具等。这类应用通常依赖于WebSocket、Socket.IO等技术，以确保信息能够近乎实时地在客户端与服务器之间双向传输。 RESTful API , RESTful API是一种基于HTTP协议，遵循Representational State Transfer（表述性状态转移）设计原则构建的应用程序接口。它通过HTTP方法（GET、POST、PUT、DELETE等）来操作资源，并且具有统一接口格式，便于不同系统之间的数据交互。 AWS Lambda , AWS Lambda是Amazon Web Services提供的无服务器计算服务。用户可以在Lambda上部署和执行代码片段（函数），而无需预置或管理服务器。Lambda根据触发器（如API调用、文件上传等事件）自动执行代码，并按实际执行时间计费，从而实现高度可扩展性和成本效益。 npm , npm（Node Package Manager）是Node.js的包管理器，提供了便捷的方式来安装、共享和更新Node.js模块。开发者可以通过npm从全球最大的开源JavaScript软件库下载第三方代码包，以便在自己的项目中复用他人开发的功能组件，极大地提高了开发效率。

...点击“注册”按钮后，浏览器会以POST方式将表单中的所有字段值作为参数一并发送给服务器。这些发送到服务器的参数就是所谓的POST参数，例如username、password等，在result.jsp页面中，开发人员通过request对象的getParameter方法来获取并处理这些POST参数。 闰年和平年 , 在日期处理部分，闰年和平年是一个重要的概念。平年是指公历年份不能被4整除的年份，全年有365天；闰年则是能被4整除且不能被100整除的年份，或者能被400整除的年份，全年有366天，其中2月份多出一天。在模拟出生日期选择时，为了准确计算年龄，需要考虑到这一差异，但在文中提到的JSP页面实现中，尚未考虑闰年对日期和年龄计算的影响，导致每月都默认设置为31天，这在实际应用中可能会导致年龄计算不准确。

...”。最后，只需在你的浏览器地址栏输入localhost，再加上指定的那个端口数字，嗖一下，就能打开Saiku酷炫的界面啦！ (2) 配置数据源 - 虽然不能给出具体代码示例，但在此环节，你需在Saiku的配置文件中添加你的数据库连接信息，就像人类在面对新环境时需要找到“水源”一样重要。例如，为MySQL配置数据源时，需要填写诸如URL、用户名、密码以及数据立方体名称等详细参数。 4. 在云端服务器配置和使用Saiku (1) 远程部署 - 当Saiku需要在云端服务器上运行时，我们需要考虑网络延迟、安全性和资源分配等问题。首先，你可以通过SSH这类工具，把Saiku服务像打包行李一样上传到服务器上。接着，就像启动一台新电脑那样，在服务器上输入神秘的启动命令，确保这个服务能够在云端畅快地跑起来。 (2) 跨域访问与安全配置 - 如果你的应用跨越了不同网络环境，可能会遇到跨域问题。这时，你可以在Nginx或Apache等反向代理服务器上做相应配置，允许外部网络访问Saiku服务。同时，别忘了加强安全性，比如启用HTTPS，配置防火墙规则等。 5. 针对复杂网络环境的高级配置技巧 - 在复杂的网络环境下，可能涉及多个子网、VPC或者混合云架构，这就需要更精细的路由规划和网络策略设定。比如说，假如Saiku服务藏在一个私有子网里头，而用户又在另一个不同的网络环境里玩，这时候可能就需要捣鼓一下NAT网关啦，或者搞个VPC对等连接什么的，目的就是为了确保大家能既安全又准确地“摸”到Saiku服务。 6. 结语 配置和使用Saiku的过程，就像是在迷宫中寻找出路，需要我们不断地尝试、理解并解决问题。尽管没有具体的代码片段，但每个步骤背后都蕴含着丰富的技术细节和实践经验。只有彻底搞懂每一步操作背后的门道和原理，你才能在任何网络环境里都像老司机那样，轻松玩转这款强大的数据分析神器。 以上内容虽未包含实际代码，但在实践中，每一项配置和设置都会转化为对配置文件或系统参数的具体操作。希望这篇指南能像一位贴心的朋友，手把手带你掌握在各种网络环境下配置和使用Saiku的大招秘籍，而且读完之后，你还能兴奋地想要去解锁更多关于它的新技能呢！

...有个页面需要添加一个浏览历史记录功能 具体来说就是要记录下用户在此网站的点击历史 并把它们降序排列出来(只显示前6个浏览历史而且不能重复) 由于以前对javascript了解不够深入 一时间手足无措 后来经过两位高手同事的指点(对这两位同事的敬仰犹如滔滔江水连绵不绝...) 恍然大悟 豁然开朗 成功地完成了此功能的添加 首先来介绍一下javascript中关于此功能的一些对象和方法: 1. window.event对象： event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 2. event.srcElement： 表示该事件的发生源 通俗一点说也就是该事件被触发的地方 3. srcElement.parentNode： 表示该事件发生源的父结点 4. srcElement.tagName： 表示事件发生源的标签名 5. toUpperCase()： 大写化相应字符串的方法 基本上就是这些属性和方法，可能对于刚刚接触javascript的朋友们或者以前很少使用此类功能的朋友来说， 这些对象有些陌生，不过没关系，了解以后发现其实并不难，和javascript验证表单之类的并没有太多的不同。 下面就结合程序给大家一步一步讲解(程序难免有不合理之处，希望大家多多指正，共同进步)： 第一部分：javascript纪录浏览动作 复制内容到剪贴板 代码: function glog(evt) //定义纪录鼠标点击动作的函数 { evt=evt?evt:window.event;var srcElem=(evt.target)?evt.target:evt.srcElement; try { while(srcElem.parentNode&&srcElem!=srcElem.parentNode) //以上这个语句判断鼠标动作是否发生在有效区域，防止用户的无效点击也被纪录下来 { if(srcElem.tagName&&srcElem.tagName.toUpperCase()=="A")//判断用户点击的对象是否属于链接 { linkname=srcElem.innerHTML; //取出事件发生源的名称，也就是和之间的文字，也就是链接名称哈 address=srcElem.href+"_www.achome.cn_"; //取出事件发生源的href值，也就是该链接的地址 wlink=linkname+"+"+address; //将链接名称和链接地址整合到一个变量当中 old_info=getCookie("history_info"); //从Cookies中取出以前纪录的浏览历史，该函数后面有声明 //以下程序开始判断新的浏览动作是否和已有的前6个历史重复，如果不重复则写入cookies var insert=true; if(old_info==null) //判断cookie是否为空 { insert=true; } else { var old_link=old_info.split("_www.achome.cn_"); for(var j=0;j<=5;j++) { if(old_link[j].indexOf(linkname)!=-1) insert=false; if(old_link[j]=="null") break; } } if(insert) { wlink+=getCookie("history_info"); setCookie("history_info",wlink); //写入cookie，该函数后面有声明 history_show().reload(); break; } } srcElem = srcElem.parentNode; } } catch(e){} return true; } document.οnclick=glog;//使每一次页面的点击动作都执行glog函数 第2部分：Cookies的相关函数 复制内容到剪贴板 代码: //cookie的相关函数 //读取cookie中指定的内容 function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function getCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } //将浏览动作写入cookie function setCookie (name, value) { var exp = new Date(); exp.setTime (exp.getTime()+3600000000); document.cookie = name + "=" + value + "; expires=" + exp.toGMTString(); } 第3部分：页面显示函数 复制内容到剪贴板 代码: function history_show() { var history_info=getCookie("history_info"); //取出cookie中的历史记录 var content=""; //定义一个显示变量 if(history_info!=null) { history_arg=history_info.split("_www.achome.cn_"); var i; for(i=0;i<=5;i++) { if(history_arg[i]!="null") { var wlink=history_arg[i].split("+"); content+=("↑"+""+wlink[0]+" "); } document.getElementById("history").innerHTML=content; } } else {document.getElementById("history").innerHTML="对不起，您没有任何浏览纪录";} } 代码差不多就是这些了 就为大家分析到这里 还有不足之处还请大家多多指教 下面可以运行代码查看效果 查看效果 //cookie的相关函数 function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function getCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function setCookie (name, value) { var exp = new Date(); exp.setTime (exp.getTime()+3600000000); document.cookie = name + "=" + value + "; expires=" + exp.toGMTString(); } function glog(evt) { evt=evt?evt:window.event;var srcElem=(evt.target)?evt.target:evt.srcElement; try { while(srcElem.parentNode&&srcElem!=srcElem.parentNode) { if(srcElem.tagName&&srcElem.tagName.toUpperCase()=="A") { linkname=srcElem.innerHTML; address=srcElem.href+"_www.achome.cn_"; wlink=linkname+"+"+address; old_info=getCookie("history_info"); var insert=true; if(old_info==null) //判断cookie是否为空 { insert=true; } else { var old_link=old_info.split("_www.achome.cn_"); for(var j=0;j<=5;j++) { if(old_link[j].indexOf(linkname)!=-1) insert=false; if(old_link[j]=="null") break; } } / if(insert) //如果符合条件则重新写入数据 { wlink+=getCookie("history_info"); setCookie("history_info",wlink); history_show().reload(); break; } } srcElem = srcElem.parentNode; } } catch(e){} return true; } document.οnclick=glog; function history_show() { var history_info=getCookie("history_info"); var content=""; if(history_info!=null) { history_arg=history_info.split("_www.achome.cn_"); var i; for(i=0;i<=5;i++) { if(history_arg[i]!="null") { var wlink=history_arg[i].split("+"); content+=("↑"+""+wlink[0]+" "); } document.getElementById("history").innerHTML=content; } } else {document.getElementById("history").innerHTML="对不起，您没有任何浏览纪录";} } // JavaScript Document 浏览历史排行(只显示6个最近访问站点并且没有重复的站点出现) history_show(); 点击链接： 网站1 网站2 网站3 网站4 网站5 网站6 网站7 网站8 网站9 如果有其他疑问请登陆www.achome.cn与我联系 提示：您可以先修改部分代码再运行 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_30611227/article/details/117818020。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...mponents）和浏览器原生API的兴起，开发者们开始探索如何在保持Material UI美观性的同时，充分利用现代浏览器的功能。例如，使用Shadow DOM或Custom Elements构建自定义组件，不仅可以实现更细粒度的样式控制，还能增强组件的可复用性和可维护性。这要求开发者深入了解DOM结构和事件处理机制，以确保组件在不同环境下的兼容性和性能。 其次，性能优化成为前端开发的重中之重。针对大型应用或高流量网站，如何在不牺牲用户体验的前提下，提高页面加载速度和响应时间，成为亟待解决的问题。Material UI提供了多种优化选项，如懒加载、按需导入组件、减少HTTP请求等。此外，使用Web Performance API进行性能监控，分析瓶颈所在，采取相应措施，也是提升应用性能的有效手段。 再次，响应式设计和适配多设备需求是现代前端开发的重要考量。Material UI提供了丰富的响应式组件，支持自适应布局和动态样式调整。然而，面对复杂多变的屏幕尺寸和分辨率，如何在保持设计一致性的同时，确保每个用户都能获得最佳体验，是值得深入研究的课题。这涉及到对不同设备特性的深入理解，以及灵活运用CSS Flexbox、Grid等布局工具。 最后，安全性不容忽视。随着数据泄露事件频发，前端应用的安全防护变得尤为重要。Material UI虽然提供了安全的组件库，但开发者仍需了解跨站脚本攻击（XSS）、同源策略（CSP）等常见安全威胁，并采取相应措施。加强输入验证、合理使用CDN服务、定期更新依赖库版本，都是提高应用安全性的有效策略。 综上所述，随着技术的不断进步，Material UI的使用不再是简单的组件拼接，而是需要开发者具备更全面的知识和技能，包括组件化、性能优化、响应式设计以及安全防护等方面。通过不断学习和实践，开发者可以更好地应对挑战，构建出既美观又高效、安全的前端应用。

...简单，只需要自己模拟浏览器登陆即可 在HttpUttils加上这段，两个方法中的HTTPGet对象都需要设置一下。 //设置请求头模拟浏览器 httpGet.setHeader("User-Agent","Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0"); 2.java.lang.NumberFormatException: For input string: ""，获取的spu为空串，加上一个前置空串判断即可 解决如下： //获取商品spu String attr = spuEle.attr("data-spu");//判断是否为空串 long spu = Long.parseLong(attr.equals("")?"0":attr); 以上两个bug是我学习遇到的，现已解决，爬取数据如下： 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_32161697/article/details/114506244。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...Query因其广泛的浏览器支持和成熟的插件生态依然占据着不可替代的地位。 近期，GitHub上出现了一个名为“jQuery Modernization”的开源项目，该项目致力于为jQuery引入更多现代特性，比如异步加载、模块化支持以及与TypeScript的深度集成。这一举措引发了社区的广泛讨论。一方面，有人认为这会让jQuery焕发新生，吸引更多年轻开发者加入；另一方面，也有人担心这样做会模糊jQuery原有的定位，使其变得过于复杂而不易维护。 与此同时，国内某知名电商网站的技术团队发布了一篇技术博客，分享了他们在大规模电商平台中如何平衡使用jQuery与现代框架的经验。他们指出，在实际开发中，完全抛弃jQuery并非明智之举。对于那些涉及大量历史遗留代码的系统而言，逐步迁移至React或Vue的成本极高，而jQuery则提供了一种低成本、高效率的解决方案。通过合理规划，他们成功地将jQuery与Vue结合使用，既保留了原有系统的稳定性，又实现了新功能的快速迭代。 此外，有专家提醒，尽管jQuery在某些领域仍有价值，但开发者不应忽视其潜在的安全隐患。近年来，多起因jQuery版本过旧而导致的安全漏洞事件敲响了警钟。因此，定期更新jQuery版本、及时修补已知漏洞至关重要。同时，随着WebAssembly技术的兴起，未来可能会出现更多超越传统JavaScript框架的新工具，这或许会对jQuery的地位构成挑战。 综上所述，虽然jQuery正处于转型期，但它依然是前端开发领域的一块基石。无论是继续深耕还是寻找替代方案，都需要开发者根据具体业务需求做出理性判断。在这个快速变化的时代，保持开放的心态和持续学习的态度才是应对技术变革的最佳策略。

...开发应用，包括Web浏览器、Android、iOS等，大大提高了开发效率和代码复用性。 零成本抽象(zero-cost abstractions) , 零成本抽象是Kotlin设计哲学的一部分，指的是在使用抽象概念（如泛型、高阶函数等）时，不会增加额外的运行时开销或代码复杂度。这使得开发者能够使用更高级别的抽象而不担心性能损失，从而提高代码的可读性和可维护性。 现代软件开发(modern software development) , 现代软件开发是指采用最新技术和最佳实践来创建高质量、可扩展和安全的软件系统的过程。Kotlin作为一门现代编程语言，结合了简洁的语法、强大的功能特性和跨平台支持，为现代软件开发提供了有力的工具，助力开发者构建更高效、更安全的应用程序。

...关键词，并复制 打开浏览器的开发者模式（快捷键F12）并点击这个搜索按钮 打开这个搜索按钮以后，进行粘贴操作 并且按下回车！ 由图可知，只搜索到一个包，在查看这个包内容之前，应该就有90%的把握就是这个包了 点开查看（没错 就是这个包了） 小细节：Preview是渲染之后的结果 Response是写代码请求的结果 接下来我们就上代码 -- coding: UTF-8 --import jsonimport requestsfrom faker import Fakerdef get_aim(file_name):"""从文件里获取想要的关键词"""with open(file_name, mode='r', encoding='utf-8') as file:keys = file.read()return keysdef aim_letter(aim):"""获取到网页的json数据并保存到txt文件"""url = f'https://m.baidu.com/sugrec?pre=1&p=3&ie=utf-8&json=1&prod=wise&from=wise_web&sugsid=128699,138809,114177,135846,141002,138945,140853,141677,138878,137978,141200,140173,131246,132552,137743,138165,107315,138883,140259,141754,140201,138585,141650,138253,140114,136196,140325,140579,133847,140793,140066,134046,131423,137703,110085,127969,140957,141581,140593,140865,139886,138426,138941,141190,140596&net=&os=&sp=null&rm_brand=0&callback=jsonp1&wd{aim}&sugmode=2&lid=12389568409845924354&sugid=1990018821100998871&preqy=java&_=1580993331416'headers = {'User-Agent': Faker().user_agent(),'Host': 'm.baidu.com','Referer': 'https://m.baidu.com/ssid=4348023d/s?word={aim}&ts=3254538&t_kt=0&ie=utf-8&rsv_iqid=2845402975&rsv_t=daabpEKSG2wGueEO%252FnXSVz2dj3oGTk5cF1suYK9xduVIBAnyA5yo&sa=ib&rsv_pq=2845402975&rsv_sug4=5130&tj=1&inputT=2405&sugid=1990018821100998871&ss=100'}res = requests.get(url, headers=headers) 由于获取到的数据不是标准的json数据要进行字符串的删减result = json.loads(res.text.replace('jsonp1', '').strip('()')) 保存到txt文件with open(f'百度下拉词.txt', mode='a', encoding='utf-8') as file:for key in result['g']:file.write(key + '\n')def main():"""进行整合，并捕捉错误"""name = input('请输入文件的名字：')start_time = time.time()try:letter = get_aim(name).split('\n') 利用线程池加快爬取速度with concurrent.futures.ThreadPoolExecutor(max_workers=100) as executor:for l in letter:executor.submit(get_data, l)except:print('请检查文件名是否存在或者文件名是否错误！！')else: 提示用户完成并打印运行时间时间print('' 30 + f'<{name}> 百度相关词 已完成' + '' 30)finally:print(time.time() - start_time)if __name__ == '__main__':main() 在此 要感谢我的晨哥!!!哈哈 本篇文章为转载内容。原文链接：https://blog.csdn.net/Result_Sea/article/details/104201970。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...就是保证在你打开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。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...x.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。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...实并删除相应内容。 浏览器操作： 刷新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。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...范与布局方案，是完成浏览器兼容和各种设备适配的法宝。 第三阶段：前端开发内功 第四阶段：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。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...端口:容器内部端口 浏览器输入: 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。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...的需求也在增加，理解浏览器工作原理以及如何运用Web Worker、Service Worker提升用户体验变得愈发重要。 与此同时，数据结构与算法始终是程序员的核心素养之一，无论面试还是实际工作中，扎实的算法基础都能使开发者在解决问题时更加游刃有余。因此，即使在快速掌握实战技能的同时，也不能忽视理论知识的学习，包括但不限于《算法导论》、LeetCode等经典资源。 总之，在持续探索编程世界的过程中，保持与时俱进、关注最新技术动态，并结合自身兴趣和发展方向深入学习，才是实现从初级到高级甚至专家级程序员蜕变的关键所在。

...特别是在需要兼容老旧浏览器的情况下，性能开销可能成为不可忽视的问题。对此，React核心团队回应称，未来版本将引入更多优化策略，如智能缓存机制和渐进式加载选项，以平衡功能性和性能需求。 总的来说，Suspense作为React的一项革命性创新，正在逐步改变前端开发的方式。无论是大型企业的生产实践，还是学术界的理论探讨，都显示出这一技术的巨大前景。但对于开发者而言，如何在实际项目中扬长避短，仍然是一个值得深思的话题。

...0.html） IE浏览器打开192.168.0.100网址，提示不安全，然后忽略掉，输入账号密码就可以进去了 进去后在下图位置，上传更新文件进行安装。 2.后面又看到一篇博客：https://blog.csdn.net/qq_36810544/article/details/115734795这篇博客比上边那篇早，应该是有参考吧，说是更新版本就行了，然并卵啊，可能是因为他是Ubuntu20.04，我是18.04的原因？ 3.最后没招了，用IPMITOOL手动调节吧，参考了博客：https://blog.51cto.com/u_15072918/4392813 这篇博客也是更新后仍然无法识别3090(实际上我下的新版本的IDRAC是可以识别出有GPU的，但是还是显示不可用哇)，所以就把IDRAC的版本回退到3.30以下使用IPMITOOL进行行手动调节转速了。 具体步骤如下： 将IDRAC回退到3.30版本，下载地址：https://www.dell.com/support/home/zh-cn/drivers/driversdetails 有的版本IDRAC可能需要把IMPI取消禁用，就在笔记本访问的IP地址的网页里修改即可，应该是在IDRAC设置中，没找到的话应该是不需要操作。 下载IPMITOOLWIN版本程序后解压，终端cd进入该文件夹，然后运行ipmitool命令： 关闭自动控制：ipmitool -I lanplus -U 用户名 -P 密码 -H 服务器地址 raw 0x30 0x30 0x01 0x00 设置风扇转速：ipmitool -I lanplus -U 用户名 -P 密码 -H 192.168.0.120 raw 0x30 0x30 0x02 0xff 0x64 ，最后两位对应16进制的风扇转速。64对应100%。 3.转速现在是可以手动调节了，但是每次都要执行终端命令太麻烦了，然后我写了一个小的gui界面，可以更方便地对风扇转速进行调节。界面如下，可以通过+和-增加和降低风速，也可以设定数值进行Set。   为了防止过热，最低风扇转速设置成了30%。需要注意：这个文件中IDRAC的IP必须是192.168.0.120才可以。 本文就先写到这里了，调节软件如果有需求的话可以后续上传，我在程序中也放了IPMITOOLWIN的文件，不需要再进行下载。有更好的解决方法也欢迎评论区分享。 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_42686221/article/details/125478351。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...内容安全策略）是一种浏览器安全机制，用于防止跨站脚本攻击（XSS）和其他恶意脚本注入攻击。通过设置 CSP 标头，网站可以定义允许的资源来源，包括脚本、样式表、图像等。在 Spring Boot 的上下文中，实现 CSP 可以帮助保护应用程序免受潜在的攻击，确保只有来自信任源的资源被加载和执行，从而增强应用的整体安全性。在配置 CSP 时，开发者需要权衡性能、用户体验与安全性的关系，合理定义允许的资源来源，以达到最优的安全防护效果。

...p3" >您的浏览器不支持 audio 元素。</audio></body></html> 3、HTML <area> 标签 <area> 标签可以在图像上划分区域，这些区域是可以点击的，并且对应不同的操作。 <!DOCTYPE html><html><head><meta charset="utf-8"><title>W3Cschool(w3cschool.cn)</title></head><body><p>点击太阳或其他行星，注意变化：</p><img src="/statics/images/course/planets.gif" width="145" height="126" alt="Planets" usemap="planetmap"><map name="planetmap"><area shape="rect" coords="0,0,82,126" target="_blank" alt="Sun" href="/statics/images/course/sun.gif"><area shape="circle" coords="90,58,3" target="_blank" alt="Mercury" href="/statics/images/course/merglobe.gif"><area shape="circle" coords="124,58,8" target="_blank" alt="Venus" href="/statics/images/course/venglobe.gif"></map></body></html> 4、HTML <select> 标签定义及使用说明 <select> 元素用来创建下拉列表。 <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><select><option value="volvo" style="display:none">Volvo</option><option value="saab">Saab</option><option value="opel">Opel</option><option value="audi">Audi</option></select></body></html> 5、HTML <style> 标签 <style> 标签包含了 HTML 文档的样式详细，在默认情况下，在该元素内写入的样式指令将被认为是CSS。 <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title><style type="text/css">h1 {color:red;}p {color:blue;}</style></head><body><h1>这是一个标题</h1><p>这是一个段落。</p></body></html> 7、HTML <sub> 标签 包含在 _{标签和其结束标签} 中的内容会以正常内容的一半的高度显示在下方，而且通常较小，请参见下述例子： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> </head><body><p>这个文本包含 _下标文本。</p><p>这个文本包含 ^上标 文本。</p></body></html> 8、HTML <summary> 标签 <summary> 标签元素作为一个<datails>元素的标题，该标题可以包含详细的信息，但是默认情况下不显示，需要单击才能显示详细信息，请参考下述示 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><details><summary>Copyright 1999-2011.</summary><p> - by Refsnes Data. All Rights Reserved.</p><p>All content and graphics on this web site are the property of the company Refsnes Data.</p></details><p><b>注意：</b>目前只有 Chrome 和 Safari 6 支持 summary 标签。</p></body></html> 9、HTML <table> 标签 <table> 标签用来定义 HTML 表格，一个简单的 HTML 表格应该包括两行两列，如下述示例所示： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> </head><body><table border="1"><tr><th>Month</th><th>Savings</th></tr><tr><td>January</td><td>$100</td></tr><tr><td>February</td><td>$80</td></tr></table></body></html> 10、HTML <textarea> 标签 <textarea> 标签表示多行纯文本编辑控件，用户可在其文本区域中写入文本，请参考下述示例： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool 在线教程(w3cschool.cn)</title> </head><body><textarea rows="10" cols="30">我是一个文本框。</textarea></body></html> 11、HTML <tt> 标签 - HTML5 不支持 <tt> 标签用来改变字体样式，使标签中的文本显示为打字机文本，请参考下述例子： <!DOCTYPE html><html><body><p>This text is normal.</p><p><tt>This text is teletype text.</tt></p></body></html> 12、HTML <u> 标签 <u> 标签可以用来对标签内的文本实现下划线样式，请参考下述示例： <!DOCTYPE html><html><body><p>This is a <u>parragraph</u>.</p></body></html> 13、HTML <ul> 标签 <ul> 标签表示HTML页面中项目的无序列表，一般会以项目符号列表呈现，请参考下述例子： <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><h4>无序列表:</h4><ul><li>咖啡</li><li>茶</li><li>牛奶</li></ul></body></html> 14、HTML <video> 标签 <video> 标签可以将视频内容嵌入到HTML文档中，请参考下述示例： <!DOCTYPE html><html><body><video width="320" height="240" controls><source src="/statics/demosource/movie.mp4" type="video/mp4"><source src="/statics/demosource/movie.ogg" type="video/ogg">您的浏览器不支持 HTML5 video 标签。</video></body></html> 15、HTML <ol> 标签 <ol> 标签在 HTML 中表示有序列表，是 ordered lists 的缩写。您可以自定义有序列表的初始序号，请参考下面的实例： <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body>​<ol><li>咖啡</li><li>茶</li><li>牛奶</li></ol>​<ol start="50"><li>咖啡</li><li>茶</li><li>牛奶</li></ol></body></html> 16、HTML <noframes> 标签HTML5不支持该标签 <noframes> 标签用于支持不支持 <frame> 元素的浏览器，请参考下面的示例： <html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><frameset cols="25%,50%,25%"><frame src="/statics/demosource/frame_a.htm"><frame src="/statics/demosource/frame_b.htm"><frame src="/statics/demosource/frame_c.htm"><noframes>抱歉，您的浏览器不支持 frame 属性！</noframes></frameset></html> 17、HTML <hr> 标签 <hr> 标签表示段落级元素之间的主题划分。例如，在下面的实例中我们对具有主题变化的内容使用了 <hr> 标签： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><h1>HTML</h1><p>HTML 是用于描述 web 页面的一种语言。</p><hr><h1>CSS</h1><p>CSS 定义如何显示 HTML 元素。</p></body></html> 18、HTML <h1> - <h6> 标签 <h1> - <h6> 标签用来定义 HTML 标题，表示了 HTML 网页中六个级别的标题。您可以通过下面的这个实例来看看每个级别的标题有什么区别： <!DOCTYPE html><html><head><meta charset="utf-8"><title>W3Cschool(w3cschool.cn)</title></head><body><h1>这是标题1</h1><h2>这是标题2</h2><h3>这是标题 3</h3><h4>这是标题 4</h4><h5>这是标题 5</h5><h6>这是标题 6</h6></body></html> 19、HTML <center> 标签 - HTML 5 不支持 <center> 标签控制文本的居中显示，不能在 HTML5 中使用。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p>这是一些文本。</p><center>这个文本居中对齐。</center><p>这是一些文本</p></body></html> 20、HTML <button> 标签 <button> 标签用来设置 HTML 中的按钮。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><button type="button" onclick="alert('Hello world!')">Click Me!</button></body></html> 21、HTML <br> 标签 <br> 标签是空标签，可插入一个简单的换行符。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p>使用br元素<br>在文本中<br>换行。</p></body></html> 22、HTML <dt> 标签 <dt> 标签只能够作为 <dl> 标签的一个子元素出现，常常后跟一个 <dd> 标签。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><dl><dt>咖啡</dt><dd>黑色的热饮</dd><dt>牛奶</dt><dd>白色的冷饮</dd></dl></body></html> 23、HTML <fieldset> 标签 <fieldset> 标签内的一组表单元素会在 WEB 浏览器中以特殊的方式显示，比如不同样式的边界、3D效果等。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><form><fieldset><legend>个人信息:</legend>姓名: <input type="text"><br>邮箱: <input type="text"><br>生日: <input type="text"></fieldset></form></body></html> 24、HTML <embed> 标签 <embed> 标签用来定义在页面中嵌入的内容，比如插件。比如，在下面的实例中我们嵌入了一个 flash 动画： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><embed src="/statics/demosource/helloworld.swf" tppabs="http://W3Cschool.com/tags/helloworld.swf"></body></html> 25、HTML <font> 标签 - HTML5 不支持 <font> 标签的使用示例如下所示，该标签已经过时，因此我们不建议您使用该标签。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p><font size="3" color="red">这是一些文本！</font></p><p><font size="2" color="blue">这是一些文本！</font></p><p><font face="verdana" color="green">这是一些文本！</font></p></body></html> 26、HTML <label> 标签 <label> 标签是一种常见的表单控件，触发对应表单控件功能，让用户在使用表单的时候能够有更好的体验。参考下述的实例： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p>点击其中一个文本标签选中选项：</p><form action="/statics/demosource/demo-form.php"><label for="male">Male</label><input type="radio" name="sex" id="male" value="male"><br><label for="female">Female</label><input type="radio" name="sex" id="female" value="female"><br><br><input type="submit" value="提交"></form></body></html> 记录一些重要标签！ 本篇文章为转载内容。原文链接：https://blog.csdn.net/chehec2010/article/details/85060460。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。