![](https://img-blog.csdnimg.cn/20200711130203271.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
++ JavaScript
文章平均质量分 59
‘’
风中依旧笑着过
目前就职亚信科技高级前端开发工程师,常用 vue2、vue 3进行开发,开发过的项目涵盖 PC端、小程序、H5;擅长使用 flex 布局,熟悉 vue 父子组件通讯、生命周期函数、路由、vuex 、 webpack 打包过程,对可视化技术有一定的了解使用过 ThreeJS、G6,参与过 WebGIS 开发使用过超图 GIS ,对后端 java、php、mysql 技术有一定的基础。
展开
-
对Vue响应式的理解
为了解决Vue2中Object.defineProperty带能的性能问题,已经实现的复杂性问题,所以Vue3重新编写了这一部分的实现,利用的是Es6的新语法Proxy代理来实现的,在Vue3中就不在需要特殊api了,初始化的性能和内存消耗也得到提升。(1).MVVM框架中要解决的核心问题数据驱动视图,数据的改变引起视图的更新,那么要实现这一点那么就是需要对数据做响应式的处理,这样才能实现数据改变立即做出更新处理。(1).所谓的数据响应式就是能够使数据变化可以被检测到并且对这种变化做出响应式的机制。原创 2023-03-08 22:00:11 · 751 阅读 · 0 评论 -
HTTP的强缓存与协商缓存
HTTP的强缓存与协商缓存原创 2023-03-05 23:34:51 · 84 阅读 · 0 评论 -
script标签中的async和defer
以上就是我对script标签中的async和defer的理解,如果文章由于我学识浅薄,导致您发现有严重谬误的地方,请一定在评论中指出,我会在第一时间修正我的文章,以避免误人子弟。在webpack打包中htmlwebpackplugin中打包后,index.html引入的script就是使用defer延迟加载,来优化首屏加载。问题:script标签放在Body中 如果不加额外的属性那么会对加载起到阻塞吗?原创 2023-03-04 22:32:53 · 259 阅读 · 0 评论 -
vscode格式化保持标签不换行
好看美观的代码格式能提高不少的工作效率!强迫症的我今天就在研究,使用vsocde保存如何做到便签不自动换行顺便记录下,我最终完成的效果如下图:遇到的问题1.每次在开发时保存代码都会将我的代码换行,个人感觉阅读起来不是很方便,使用vscode的shift+alt+下 快捷键CV都不是那么方便!配置vscode1.首先打开vscode的 >文件 >首选项 >设置>工作台>外观>打开setting.json文件2.打开setting....原创 2021-11-01 17:26:59 · 3925 阅读 · 0 评论 -
原型和原型链的区分
关于原型和原型链的区别,秉着晚学不如早学的原则,今天特意进行对这个知识点进行了梳理。原创 2021-02-04 22:32:35 · 335 阅读 · 0 评论 -
js字符串使用占位符拼接
昨天和后端对接接口时遇需要将字符串中的占位符用某个值代替,这里记录下来。// 在String原型对象上添加format方法String.prototype.format = function(){ let str = this; if(arguments.length == 0){ return str; }else{ Object.keys(arguments).forEach((item,index)=>{ str原创 2021-01-26 11:22:19 · 1437 阅读 · 0 评论 -
JS获取本周、上周、本月、上月时间段
哈喽,最近公司都在赶项目在做的过程中产品提了一个需要查看本周、上周、上个月的需求,现在来记录下代码能直接使用。最后的效果如下图(主要涉及Date()对象的使用):主要思路(获取周时间段)/***核心思路:先得到startDateTime(开始时间),随后+6就能得出endDateTime(结束时间)开始时间的计算方式:通过getDay()先获取要计算时间是属于星期几(可能出现:0~6),再通过getDate()获取要计算时间是属于本月中那一天结果会出现两种情况:1、利用本月的天数-归属星期几原创 2020-12-14 23:42:54 · 1118 阅读 · 3 评论 -
数组按照对象中的属性进行排序
数组按照对象中的属性进行排序,工作中还是很经常用到了。下面就直接贴上代码:let numArray = [ { name:"zhangsan", age:1 }, { name:"lisi", age:10 }, { name:"wangwu", age:2 }]function ObjSortFun(valName){ return function原创 2020-09-26 16:00:40 · 650 阅读 · 0 评论 -
js是单线程和异步
延迟0秒有啥用?这里就衍生出JS的代码执行流程的问题大家都知道javascript是单线程,正常情况下javascript都是按照顺序执行的。但是我们可以让某段代码后面的代码先执行,这时就可以用到setTimeout延时0ms来实现了。如:console.log(1)setTimeout(function(){console.log(2); }, 0); console.log(3)执行的结果依次:1 3 2之所以会出现这样结果是因为setTimeout(fn, 0)将console.log(原创 2020-07-16 17:10:02 · 194 阅读 · 0 评论 -
js时间戳转为日期格式高级用法
高级用法js时间戳转为日期格式原创 2020-07-11 09:58:09 · 354 阅读 · 2 评论 -
js使用最频繁的方法
1.替换replace()replace(“原来的字符串”,“新的字符串”);用来替换字符串,可以配置正则进行替换let url = 'xxx.baidu.com';console.log(url.replace(/x/g,'w')); //www.baidu.com2.截取字符串substr()substr(开始的位置,个数);返回的是截取后的新的字符串let url = 'xxx.baidu.com';console.log(url.substr(0,5)); //xxx.b3.截取原创 2020-06-15 22:51:03 · 144 阅读 · 0 评论 -
js操作数组常用方法
1.数组合并concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,返回新的一个数组。let array1 = [1,2,3,4]let array2 = [5,6,7]let newArray = array1.concat(array2);console.log(newArray); //[ 1, 2, 3, 4, 5, 6, 7 ]2.添加元素push()push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。末尾添加,改变原数组。let原创 2020-06-15 22:02:00 · 197 阅读 · 0 评论