哒哒哒

最近一段时间使用react + typeScript开发新对项目，说实话体验不是很好一是可能由于之前一直使用vue + js，对比react两个框架还是有明显差别对二是可能一次性接受太多的新知识，消化不完，react + typeScript做图片处理项目，很多图片图形处理在前端完成所以大家新项目做技术选型的时候还是要慎重一些，一次改变太大并不利于新项目的开发，因此可以现在不重要的模块...

在vue中与视图中绑定的数据，其数据的变化会驱动视图的更新，这是因为vue是响应式那么有没有那么一种情况数据的变化视图没有变化呢？答案肯定是有的，例如对象的属性变化vue并不能监听到，因此数据的变化并不能驱动视图更新vue也提供了$set方法来更新对象属性值的变化，但是也会有奇怪的现象比如<template> <div class="test"> ...

canvas在空标签没有任何额外手动添加的属性时，默认宽高为300*150px// 默认宽高300*150px<canvas /> 这里的宽高有两个含义canvas元素宽高为300*150px canvas画布可见区域为300*150px这时就引出两个坐标系概念，一个是在屏幕上显示的真实尺寸，一个是在canvas内的坐标<canvas id="test"...

当浏览器必须重新处理和绘制部分或全部页面时，回流就会发生，例如当一个交互式站点更新后，前面这段话是在MDN上对回流的表述，那么这段话啥意思呢，实际上就是当元素的内容、结构、位置、尺寸等发生变化时会引起回流，而回流必定会引起重绘页面初始化 DOM树发生变化（增删节点） render树变化（如padding变化） 窗口resize以上都会导致回流的产生...

如果存在service work，会先触发cache事件，判断是否命中service work中的缓存 未命中则memory-cache中查找命中 未命中则disk-cache中查找命中，其中如果有强缓存且缓存没有过期，则使用强缓存状态全部为200，若强缓存失效则使用协商缓存最后根据文件状态判断是304（请求服务器发现没有更新）还是200 未命中则发送网络请求 吧响应数据存储在disk-c...

在vue中keep-alive能够被经常使用到，下面总结下使用方法、技巧、概念1.通常用来包裹组件使用，本身没有意义，不会产生任何可视的元素，与component一起使用&lt;keep-alive&gt; &lt;component :is="view"&gt;&lt;/component&gt;&lt;/keep-alive&gt;2.在包裹组件时可以默认缓存组件，所谓...

由于JS是单线程的，但是JS又又异步处理概念，那么是怎么处理这个异步的东西的呢，这个时候就有了事件循环的概念在JS里事件循环是很重要的概念，代码的执行栈都是以事件循环为标准的具体的事件循环概念这里就不详细解释描述，主要讲述事件循环中的执行优先级问题，这里涉及到到概念还有宏任务、微任务等很多面试都遇到这段代码输出的顺序是什么这样的问题，下面就是这么一个简单的问题function tes...

ES6中新增异步函数，即在函数声明前加上async即可，使得异步操作更加方便简洁，其中await是在async函数中独有的在执行过程中一旦遇到await就会先返回，等到异步操作完成之后再接着执行函数后面的语句，这句话是什么意思呢一旦遇到await就立刻让出线程，阻塞后面的代码 如果不是promise，await会阻塞后面的代码，先执行async外面的同步代码，同步代码执行完毕后再回到...

场景需求：有些事件监听触发的次数太过频繁，比如scroll、resize等事件，一秒内可触发数十上百次，实际上如此频繁的事件触发是没有必要的，因为对用户来说一秒内可能100次与5次没有任何感官上的差别，因此需要对时间节流，限制事件触发的次数，能够在一定程度上优化页面，尤其是在事件中触发DOM更新的操作话不多说上代码//节流函数function throttle(callback, wa...

最近在学习基础的数据机构，之前学校学的都差不多忘记了，现在都温故下并尝试着用JS来实现基本的数据结构类，有些地方可能有些不合理的地方链表不熟悉的可以自行温故链表的基础知识，就特性啦可以对链表哪些操作啦等等，首先链表是以节点为单位的，一个节点包含值和指向下一个节点的指针，因此需要一个节点类Node.jsexport default class Node { constructo...

最近由于前端重构改版碰到版本问题，是vue脚手架搭建的工程具体问题如下：新版本文件结构变更较大，与老版本文件结构不兼容，导致部分用户的项目入口文件index.html因为浏览器缓存问题请求到老版本的资源，然而老版本资源文件已经没有了，因此会报错或者根本打不开入口文件此原因也是因为发版导致，发版把老版本的资源完全删除，将新资源替换进去正确的应该是直接将新资源放在该文件目录下，老版本的资源文件保持不动...