程序员石磊

一招毙命

FigstackFigstack帮助您阅读、编写和理解代码。目前，Figstack可以解释代码，生成文档，计算函数的时间复杂度。解释代码以自然语言解释代码自动编写文档不喜欢为你的代码编写文档？让figstack docstring来帮您编写可读性很高的文档吧z计算时间复杂度使用时间复杂度来衡量你的代码在效率，并看看你可以如何优化你的程序。认证为了使用扩展插件，你必须登录一个Figstack帐户。您可以通过单击侧边栏中的Figstack图标进行登录。​使用快乐，笔芯????..

性能黄金法则:80- 90%的终端用户响应时间花在下载前端，即页面上的所有组件:img、stylesheets、scripts等

一位客户报告说，当点击一个按钮后，Chrome关闭了该页面，该页面就失去了响应。我最初认为这可能是Chrome扩展的问题。所以，我在隐身模式下进行了测试，但问题也在隐身模式下重现。在解决这个问题之后，我花了很多时间阅读和理解JavaScript及其编译器。因此就有了该篇文章内存泄漏内存泄漏是因为不需要的内存，但由于某种原因，它没有被回收返回到内存池。JavaScript的设计方式是，一旦变量被使用，它将自动删除分配的内存，这个过程称为垃圾收集。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.

前段时候接到一个需求，新增功能：根据当前电脑绑定了几个摄像头，获取相应摄像头列表， 并选择摄像头拍摄。翻阅网上的各种资料，没有找到方法，最后借鉴了H5页面转换前后摄像头的方法，记录如下。先通过 navigator.getUserMedia 调用起本地的摄像头调用成功之后获取到本地电脑所有的摄像头设备列表 navigator.mediaDevices.enumerateDevices() .then(function(devices) { console.log

在过去的5-10年中，JavaScript的市场份额已上升到新的水平，尤其是自2015年6月ES6推出以来，它成为Web开发中最受欢迎的编程语言，从而使开发人员可以创建前端UI和后端-逻辑。由于近年来启动了许多JavaScript框架，因此在开发Web应用程序时，它已成为显而易见的选择。以下是一些最受欢迎的JavaScript框架：ReactJSVueJSAngularJSExpress.JSSvelteBackbone.JSjQuery的考虑到这一点，是时候来看看一些易于实现且可以.

核心技术nodeelectronelectron-builder 打包exeElectron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的，io.js 的一个变体。这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反，Electron 使用 web 页面作为它的 GUI，所以你能把它看作成一个被 JavaScript 控制的，精简版的 Chromium 浏览器。核心代码

现在全国省、市、区地图geojson很难找，本博主为此也踩了不少坑，现在分享出来，在线预览请点击，全国地图下钻如果想要获取代码，请关注公众号[lovepythoncn]或扫描左侧二维码，回复全国地图，即可下载var cityMap = { "北京市": "110100", "天津市": "120100", "上海市": "310100", "重庆市": "500100", "崇明县": "310200", // ?? "湖北

利用深度优先遍历和递归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 =

那就是判断useragentf (navigator.userAgent.match(/MicroMessenger/i) != 'MicroMessenger'){ window.location.href='wxerror.jsp'; }

前端需求。递归深度优先遍历算法// 查找一个节点的所有父节点 familyTree (arr1, id) { var temp = [] var forFn = function (arr, id) { for (var i = 0; i < arr.length; i++) { var item = arr[i] ...

/*初始化分页 container容器传jquery对象 pageNow当前第几页   pageSize每页数量   count总数*/function initPage(container,pageNow,pageSize,count){container.empty();var totalPage=0;if(count%pageSize>0){totalPage=parse

为了实现在移动设备上的无缝客户体验，jQuery Mobile默认采用AJAX的方式载入一个目的链接页面。因此，当在浏览器中点击一个链接打一个新的页面时，jQuery Mobile接收这个链接，通过AJAX的方式请求链接页面，并把请求得到的内容注入到当前页面的DOM里。另外还需要确保请求的页面url唯一标识的。这样的结果就是用户交互始终保存在同一个页面中。新页面中的内容也会轻松的显示到这个

最近项目需要，需要从富文本编辑器获取html内容组装json，然后还要把组装后的json对象利用json2转成json字符串，数据放入编辑器提交，由于兼容ie8以上浏览器。所以搞了好久的特殊字符转义，经常出错。我们一般想到的解决办法就是转义：这/*3.用正则表达式实现html转码*/function htmlEncodeByRegExp(str){ var s = ""; if

mqtt服务器采用activemq实现。首先配置activemq支持websocket. 具体配置，请点击activemq官网配置。编写客户端页面，引入Paho官方客户端js库。 具体配置，请点击查看 贴出关键代码如下：// Create a client instance//注意不要在client前写varclient = new Paho.MQTT.Client(l

最近做一些前端的开发，在项目中找到underscorejs，这个js库，比较好奇，到官网研究下，发现真不错。原来他已经封装了关于数组，集合，函数在开发中常用的算法，和apache common 像极了。用起来特别方便。贴上地址...

ie8兼容性，不多说了，很多前端都因他而苦恼。想搞个spa单页应用，github搜起来，发下一个框架还不错。https://github.com/flatiron/director简单易用。但是个别方法不兼容ie8。针对进行修复：/** * 修复director.js 不兼容ie8 */(function(){ if (!Array.isArray) { ...

最近做一些填单台的项目，需要调用高拍仪对证件进行拍照。并上传到后台。我们的客户端用的是chrome内核，内嵌网页，支持h5.然后就去网上找一些例子来参考。现在找到了一个不错的插件。感谢原创作者的无私分享。点击下载地址大概实现思路前端界面h5 api调用本地摄像头，然后拍照结束后可以截取预览，最后将结果以base64提交到后台.技术用到的主要有vedio标签canvasnavigat...

在项目中经常遇到，表单可以动态追加多行。但是追加的行中，input 文本框的name会重复。如果用jquery validator ，它只支持验证第一个input,后面的name相同的input不会被验证，怎么办呐？经过研究源码，提出了解决办法。基于jQuery Validation Plugin - v1.14.0 - 6/30/2015改造在defaults默认配置中增加 duplicat...

接着前几篇的讲，尝试了不同方案来制作浏览器，今天又网友提出了新的方案，那么我就来简单记录了解下，多几个方案，多几个出路，遇到问题不用慌。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...

接着上篇用Nodejs开发web代理，防止web渗透。如果部署到正式环境，需要进行打包配置。我在用webpack打包配置中遇到了几个错误，总结如下：webpack环境变量问题https://www.cnblogs.com/fengchaoran/p/8461317.htmlwebpack之傻瓜式教程及前端自动化入门https://www.cnblogs.com/liqiyuan/...

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