[推荐]欢迎使用Z-BlogPHP!
发表于
JS
分类，标签:
15
04月
2015
3
欢迎使用Z-Blog,这是程序自动生成的文章.您可以删除或是编辑它:)系统总共生成了一个"留言本"页面,和一个"欢迎使用Z-BlogPHP!"文章,祝您使用愉快!...
canvas-img引发的内存问题
发表于
JS
分类，标签:
10
10月
2023
版本信息作者时间主要变更内容链接吴惟刚2023年10月10日无http://wuweigang.com/?id=395问题描述页面滚动按需加载图片，越往下滚动页面图片越来越多（图片采用canvas渲染），机器为8GB内存机器，在chrome下大约3000张图，浏览器崩溃，每张图平均1MB系统问题排查定位如果不加载图片，不渲染canvas,浏览器内存不会增长,基本问题就出现在这里问题定位追踪测试环境信息window10chrome117.0.5938.13464window7chrome75.0.3770.3832下面测试简称window10和window7页签自己的进程为渲染进程，gpu进程各页签共享进程，chrome为多进程架构测试如下测试1用js循环生成1000个canvas,存储到某个变量中,canvas宽高大小为512乘512，查阅知识一个，一个...
动态表单数据结构定义
发表于
JS
分类，标签:
26
07月
2023
要实现上述的动态表单，建议数据结构定义如下：//表单输入项的数据结构vardataStructure=[{//属性名称（必须和后端定义的查询key一一对应）code:'dq',//字段的label（必须和需求文档的labe一一对应）label:'地区',//页面输入的值（必须,最终返回给后端定义值）value:'',//数据类型number,text,date,radio,checkbox,select,select-tree,textarea//number对应inputnumber//text对应input...
【大数据量性能测试1】字符串比较
发表于
JS
分类，标签:
08
03月
2023
chrome浏览器，采用1000万数据循环测试，查找字符串。测试结论如下：字符串查找：1.首推：字符串推荐【==】【===】和【indexOf】2.其次： 数组推荐【indexOf】和【includes】3.正则较慢，大数据量的查找不建议用正则。正则截图数组截图字符串截图以下为测试代码，大家可以自己复制，在本地测试<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <title>Title</title></head><body><h1>大数据量1000万数据js字符串查找对比</h1...
常用正则【二】（匹配这些中文标点符号）
发表于
JS
分类，标签:
28
02月
2023
/** --------------------------------------------------------------------------------- （ \uff08 ） \uff09 〈 \u3008 &nb...
针对可视化大屏在不同屏幕的缩放
发表于
JS
分类，标签:
25
12月
2022
在做可视化大屏时，大屏的分辨率基本都是固定死的，因此我们只需要把页面按照设计稿尺寸写死即可，但是我们开发屏幕很小，这时候总的将浏览器进行缩小，这里给出一个通用方法，供大家使用，无需缩放浏览器<script> function adjustScreen() { cancelAnimationFrame(window.resizeTimer); window.resizeTimer = requestAnimationFrame(function () { &nbs...
前端跨域withCredentials设置为true, 请求头携带cookie信息
会会 发表于
JS
分类，标签:
前端跨域withCredentials
18
04月
2022
描述withCredentials在同一域名下使用withCredentials属性是无效的默认值是false跨域请求需要登录认证的请求，需要携带权限信息比如cookie,JWT鉴权(authorizationheaders),配置withCredentials属性为true案例使用node起一个本地的服务http://localhost:3000运行命令(server是创建的这个js的名称)1nodeserver.js或者直接在webstorm中直接运行121.打开这个server.js===》右键===》Run'Server.js'2.再或者输入命令Ctrl+Shift+F10js代码如下123456789101112131415consthttp=require('http');consthostname='12...
原生事件代理实现
发表于
JS
分类，标签:
25
02月
2022
版本信息作者时间主要变更内容链接吴惟刚2022/02/25事件代理http://wuweigang.com/?id=365概述事件代理对前端来说非常常见，尤其是jquery时代，我们为了提升性能，我们会尽量减少给每个元素绑定事件，而是给需要绑定事件的元素的父级绑定事件。原理将事件绑定在父级元素上，通过判断event.target对象，判断当前点击的元素是否是目标元素或者是目标元素的后代元素，决定是否触发事件回调函数。示例分三段，html,css，js,大家可以复制代码进行浏览器中测试。operateProxyEvent()函数，大家可以参考html123456789101112131415161718192021222324252627282930313233343536<!DOCTYPEhtml><htmllang="en"><...
es6 async await 常规使用
发表于
JS
分类，标签:
21
02月
2022
版本信息作者时间主要变更内容链接吴惟刚2022/02/21asyncawaithttp://wuweigang.com/?id=363概述说一下async,await函数的简单应用，用最简单的示例，让复杂的事变得更简单。记住以下知识，项目中基本够用示例以下示例，大家可以直接复制粘贴到浏览器的console面板测试，方便大家理解。示例1-最简单的async函数1234567891011//async关键词，创建的函数就是异步函数asyncfunctionasyncFn(){ console.log('2') return 4;}console.log('1');asyncFn().then((data)=>{ con...
前端性能最佳实践 【1】
发表于
JS
分类，标签:
12
07月
2021
针对新开的页签，尽量不要用window.open打开，这里存在window对象的引用，新开的页面让原父页面内存会增加，且不会销毁，打开次数越多，那么其内存占用越高。示例：父页面为一个数据列表，点击列表打开该列表的详情，打开详情后关闭，持续100次首次打开页面，默认内存占用情况：执行100次打开详情，再关闭详情，的内存占用。...
生成mock tree数据的方法
发表于
JS
分类，标签:
08
06月
2021
functionmockTreeData(count,min=5,max=50){//父idletpId=-1,//当前层级level=0,//当前层级的节点数curLevel=[],//当前层级的父级层级prevLevel=[],//每层级的数量levelCount,//总节点变量i=0,j,l,//父节点所在层级的数据长度prevLevelLen;//总节点数constnodes=[];/...