[推荐]欢迎使用Z-BlogPHP!

发表于 JS 分类,标签:
欢迎使用Z-Blog,这是程序自动生成的文章.您可以删除或是编辑它:)系统总共生成了一个"留言本"页面,和一个"欢迎使用Z-BlogPHP!"文章,祝您使用愉快!...

前端跨域withCredentials设置为true, 请求头携带cookie信息

会会 发表于 JS 分类,标签: 前端跨域withCredentials
描述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 分类,标签:
版本信息作者时间主要变更内容链接吴惟刚2022/02/25事件代理http://wuweigang.com/?id=365概述事件代理对前端来说非常常见,尤其是jquery时代,我们为了提升性能,我们会尽量减少给每个元素绑定事件,而是给需要绑定事件的元素的父级绑定事件。原理将事件绑定在父级元素上,通过判断event.target对象,判断当前点击的元素是否是目标元素或者是目标元素的后代元素,决定是否触发事件回调函数。示例分三段,html,css,js,大家可以复制代码进行浏览器中测试。operateProxyEvent()函数,大家可以参考html123456789101112131415161718192021222324252627282930313233343536<!DOCTYPEhtml><htmllang="en"><...

es6 async await 常规使用

发表于 JS 分类,标签:
版本信息作者时间主要变更内容链接吴惟刚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 分类,标签:
 针对新开的页签,尽量不要用window.open打开,这里存在window对象的引用,新开的页面让原父页面内存会增加,且不会销毁,打开次数越多,那么其内存占用越高。示例:父页面为一个数据列表,点击列表打开该列表的详情,打开详情后关闭,持续100次首次打开页面,默认内存占用情况:执行100次打开详情,再关闭详情,的内存占用。...

生成mock tree数据的方法

发表于 JS 分类,标签:
functionmockTreeData(count,min=5,max=50){//父idletpId=-1,//当前层级level=0,//当前层级的节点数curLevel=[],//当前层级的父级层级prevLevel=[],//每层级的数量levelCount,//总节点变量i=0,j,l,//父节点所在层级的数据长度prevLevelLen;//总节点数constnodes=[];/...

2021前端资料站

发表于 JS 分类,标签:
  next.js文档 https://docs.nestjs.cn/7/firststeps  2.   监测手部运动的JS库https://github.com/victordibia/handtrack.js 3. geoJSON地图https://datav.aliyun.com/tools/atlas/#&lat=30.37018632615852&lng=106.68898666525287&zoom=3.5  ...

常用正则[一]

发表于 JS 分类,标签:
const regExps = [  /**   * 用户名   * 字母,数字,下划线,减号   */  {    id: 'username',    name: '用户名',    reg: /^[a-zA-Z0-9_-]+$/,    msg: '该项数据只能包含字母,数字,下划线,减号'  },...

window.close()不能关闭页面时的解决办法及思路

发表于 JS 分类,标签:
JS如下写法: 正常: window.close()iframe正常:window.top.close()但是呢,chrome,firefox等中有时候会不起作用。MDN发现确实是这样,不是通过window.open()方法打开的窗口不能使用close进行关闭.window.open()语法正常的改善的写法:   window.open("about:blank","_self").close()     或者  window.open("","_self").close()  如果是frame写法改善: window.top.open("...

word插件记录

发表于 JS 分类,标签:
jquery.wordexport.jsFileSaver.jshttps://www.cnblogs.com/ll409546297/p/6634776.html  https://blog.csdn.net/qq_41615323/article/details/109235888freemarkerhttps://freemarker.apache.org https://github.com/apache/freemarker...

前端性能问题-内存优化的探索与实践

发表于 JS 分类,标签:
一、内存结构内存分为堆(heap)和栈(stack),堆内存存储复杂的数据类型,栈内存则存储简单数据类型,方便快速写入和读取数据。在访问数据时,先从栈内寻找相应数据的存储地址,再根据获得的地址,找到堆内该变量真正存储的内容读取出来。在前端中,被存储在栈内的数据包括小数值型,string,boolean和复杂类型的地址索引。所谓小数值数据(smallnumber),即长度短于32位存储空间的number型数据。一些复杂的数据类型,诸如 Array,Object 等,是被存在堆中的。如果我们要获取一个已存储的对象A,会先从栈中找到这个变量存储的地址,再根据该地址找到堆中相应的数据。如图:测试代码1234567891011121314151617181920212223242526272829//栈vara;functioninStack(){&nb...