![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 57
程序员石磊
专注在职读研、云原生技术、室内定位技术分享!
展开
-
在javascript for循环sleep
一招毙命原创 2022-09-16 21:59:20 · 548 阅读 · 0 评论 -
vscode插件利器:自动生成代码注释、文档、算法复杂度
FigstackFigstack帮助您阅读、编写和理解代码。目前,Figstack可以解释代码,生成文档,计算函数的时间复杂度。解释代码以自然语言解释代码自动编写文档不喜欢为你的代码编写文档?让figstack docstring来帮您编写可读性很高的文档吧z计算时间复杂度使用时间复杂度来衡量你的代码在效率,并看看你可以如何优化你的程序。认证为了使用扩展插件,你必须登录一个Figstack帐户。您可以通过单击侧边栏中的Figstack图标进行登录。使用快乐,笔芯????..原创 2021-09-13 08:52:04 · 2676 阅读 · 0 评论 -
网站前端性能优化终极指南
性能黄金法则:80- 90%的终端用户响应时间花在下载前端,即页面上的所有组件:img、stylesheets、scripts等原创 2021-08-09 08:48:18 · 14342 阅读 · 12 评论 -
不懂JavaScript 内存管理的前端不是好程序员!
一位客户报告说,当点击一个按钮后,Chrome关闭了该页面,该页面就失去了响应。我最初认为这可能是Chrome扩展的问题。所以,我在隐身模式下进行了测试,但问题也在隐身模式下重现。在解决这个问题之后,我花了很多时间阅读和理解JavaScript及其编译器。因此就有了该篇文章内存泄漏内存泄漏是因为不需要的内存,但由于某种原因,它没有被回收返回到内存池。JavaScript的设计方式是,一旦变量被使用,它将自动删除分配的内存,这个过程称为垃圾收集。JavaScript编译器使用两种不同的垃圾收集器,原创 2021-06-23 09:24:42 · 1665 阅读 · 44 评论 -
javascript代码这样写,美得像诗一样!
用简介的代码实现复杂的功能,看上去就很美,talk is cheap,show me the code!1.如果有多个条件我们可以在数组中存储多个值,并且可以使用数组include方法。//longif (x === 'hello' || x === 'hola' || x === 'hallo' || x ==='hej') {//logic}//shortif (['hello', 'hola', 'hallo', 'hej'].includes(x)) {//logic}2.原创 2021-05-25 22:29:42 · 558 阅读 · 24 评论 -
高拍仪、浏览器获取获取多摄像头,切换摄像头
前段时候接到一个需求,新增功能:根据当前电脑绑定了几个摄像头,获取相应摄像头列表, 并选择摄像头拍摄。翻阅网上的各种资料,没有找到方法,最后借鉴了H5页面转换前后摄像头的方法,记录如下。先通过 navigator.getUserMedia 调用起本地的摄像头调用成功之后获取到本地电脑所有的摄像头设备列表 navigator.mediaDevices.enumerateDevices() .then(function(devices) { console.log转载 2021-05-20 15:15:39 · 2454 阅读 · 3 评论 -
每个前端开发都应该知道的10个JavaScript技巧
在过去的5-10年中,JavaScript的市场份额已上升到新的水平,尤其是自2015年6月ES6推出以来,它成为Web开发中最受欢迎的编程语言,从而使开发人员可以创建前端UI和后端-逻辑。由于近年来启动了许多JavaScript框架,因此在开发Web应用程序时,它已成为显而易见的选择。以下是一些最受欢迎的JavaScript框架:ReactJSVueJSAngularJSExpress.JSSvelteBackbone.JSjQuery的考虑到这一点,是时候来看看一些易于实现且可以.原创 2021-05-19 23:34:22 · 360 阅读 · 5 评论 -
electron 10行核心代码定制自己的浏览器
核心技术nodeelectronelectron-builder 打包exeElectron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的,io.js 的一个变体。这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反,Electron 使用 web 页面作为它的 GUI,所以你能把它看作成一个被 JavaScript 控制的,精简版的 Chromium 浏览器。核心代码原创 2021-01-31 23:27:23 · 2838 阅读 · 0 评论 -
echart 全国地图 下钻省、市、区
现在全国省、市、区地图geojson很难找,本博主为此也踩了不少坑,现在分享出来,在线预览请点击,全国地图下钻如果想要获取代码,请关注公众号[lovepythoncn]或扫描左侧二维码,回复全国地图,即可下载var cityMap = { "北京市": "110100", "天津市": "120100", "上海市": "310100", "重庆市": "500100", "崇明县": "310200", // ?? "湖北原创 2021-01-26 12:40:48 · 1740 阅读 · 0 评论 -
js tree 根据子节点找到所有父节点
利用深度优先遍历和递归var acceptUnitNodes = null;//接收单位树形数据 function findParentNode(ids){ //ids 是子节点数组 var parentNodes = [];//所有父节点 var forfun = function (id,nodes) { for(var i=0;i<nodes.length;i++){ var currentNode = nodes[i]; if(currentNode.id =原创 2020-06-20 09:59:53 · 4972 阅读 · 0 评论 -
如何实现 请在微信客户端打开链接
那就是判断useragentf (navigator.userAgent.match(/MicroMessenger/i) != 'MicroMessenger'){ window.location.href='wxerror.jsp'; }原创 2019-11-27 18:42:14 · 2940 阅读 · 0 评论 -
js 递归获取子节点所有父节点,深度遍历获取第一个子树
前端需求。递归深度优先遍历算法// 查找一个节点的所有父节点 familyTree (arr1, id) { var temp = [] var forFn = function (arr, id) { for (var i = 0; i < arr.length; i++) { var item = arr[i] ...原创 2019-06-10 22:19:41 · 8018 阅读 · 1 评论 -
自己写出个ajax的分页插件
/*初始化分页 container容器传jquery对象 pageNow当前第几页 pageSize每页数量 count总数*/function initPage(container,pageNow,pageSize,count){container.empty();var totalPage=0;if(count%pageSize>0){totalPage=parse原创 2014-07-02 16:26:52 · 705 阅读 · 0 评论 -
jquery mobile页面跳转后js不执行的问题
为了实现在移动设备上的无缝客户体验,jQuery Mobile默认采用AJAX的方式载入一个目的链接页面。因此,当在浏览器中点击一个链接打一个新的页面时,jQuery Mobile接收这个链接,通过AJAX的方式请求链接页面,并把请求得到的内容注入到当前页面的DOM里。另外还需要确保请求的页面url唯一标识的。这样的结果就是用户交互始终保存在同一个页面中。新页面中的内容也会轻松的显示到这个转载 2014-11-02 11:15:58 · 3959 阅读 · 0 评论 -
从富文本编辑器获取html内容组装json,特殊字符引起报错解决办法。
最近项目需要,需要从富文本编辑器获取html内容组装json,然后还要把组装后的json对象利用json2转成json字符串,数据放入编辑器提交,由于兼容ie8以上浏览器。所以搞了好久的特殊字符转义,经常出错。我们一般想到的解决办法就是转义:这/*3.用正则表达式实现html转码*/function htmlEncodeByRegExp(str){ var s = ""; if原创 2015-09-30 10:07:48 · 13932 阅读 · 0 评论 -
Paho JavaScript Client 基于websocket实现 mqtt客户端
mqtt服务器采用activemq实现。首先配置activemq支持websocket. 具体配置,请点击activemq官网配置。编写客户端页面,引入Paho官方客户端js库。 具体配置,请点击查看 贴出关键代码如下:// Create a client instance//注意不要在client前写varclient = new Paho.MQTT.Client(l原创 2018-01-15 15:56:34 · 7468 阅读 · 6 评论 -
underscorejs js界的apache common
最近做一些前端的开发,在项目中找到underscorejs,这个js库,比较好奇,到官网研究下,发现真不错。原来他已经封装了关于数组,集合,函数在开发中常用的算法,和apache common 像极了。用起来特别方便。贴上地址...原创 2019-01-18 09:53:49 · 323 阅读 · 0 评论 -
轻量级前端路由 router directorjs兼容ie8
ie8兼容性,不多说了,很多前端都因他而苦恼。想搞个spa单页应用,github搜起来,发下一个框架还不错。https://github.com/flatiron/director简单易用。但是个别方法不兼容ie8。针对进行修复:/** * 修复director.js 不兼容ie8 */(function(){ if (!Array.isArray) { ...原创 2019-01-18 10:12:21 · 1061 阅读 · 0 评论 -
chrome内核 用h5调用高拍仪(摄像图)实现拍证件照
最近做一些填单台的项目,需要调用高拍仪对证件进行拍照。并上传到后台。我们的客户端用的是chrome内核,内嵌网页,支持h5.然后就去网上找一些例子来参考。现在找到了一个不错的插件。感谢原创作者的无私分享。点击下载地址大概实现思路前端界面h5 api调用本地摄像头,然后拍照结束后可以截取预览,最后将结果以base64提交到后台.技术用到的主要有vedio标签canvasnavigat...原创 2019-01-24 18:09:44 · 12364 阅读 · 2 评论 -
改造jquery validator ,支持多个name相同的验证
在项目中经常遇到,表单可以动态追加多行。但是追加的行中,input 文本框的name会重复。如果用jquery validator ,它只支持验证第一个input,后面的name相同的input不会被验证,怎么办呐?经过研究源码,提出了解决办法。基于jQuery Validation Plugin - v1.14.0 - 6/30/2015改造在defaults默认配置中增加 duplicat...原创 2019-01-09 17:04:34 · 949 阅读 · 0 评论 -
【浏览器&exe桌面应用】用nw.js &Electron -HTML和JavaScript制作exe桌面程序-打造浏览器,查询机客户端,大屏展示客户端
接着前几篇的讲,尝试了不同方案来制作浏览器,今天又网友提出了新的方案,那么我就来简单记录了解下,多几个方案,多几个出路,遇到问题不用慌。nw.js官网 https://nwjs.io/简单介绍NW.js is an app runtime based on Chromium and node.js. You can write native apps in HTML and JavaScr...原创 2019-06-07 10:32:06 · 1103 阅读 · 0 评论 -
【nodejs代理服务器二】nodejs webpack打包配置踩坑总结
接着上篇用Nodejs开发web代理,防止web渗透。如果部署到正式环境,需要进行打包配置。我在用webpack打包配置中遇到了几个错误,总结如下:webpack环境变量问题https://www.cnblogs.com/fengchaoran/p/8461317.htmlwebpack之傻瓜式教程及前端自动化入门https://www.cnblogs.com/liqiyuan/...原创 2019-06-10 22:08:48 · 675 阅读 · 0 评论 -
jquery ajax 和servlet json 结合的简单小例子
1.servlet import java.io.IOException;import java.io.PrintWriter;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import javax.servlet.Se原创 2014-03-06 15:42:06 · 3428 阅读 · 0 评论