- 博客(17)
- 收藏
- 关注
RSS订阅原创 CSS变量的妙用
通过以上案例中，先给小球的父元素设置了一个CSS变量--w,并且我们将js获取到的父元素的宽度给了这个--w量， 然后在CSS中直接使用var('--w')就获取到了父元素的宽度。我们可以知道，JS跟CSS在很多情况下可以很好的结合起来，学会在适当的地方合理运用，可以大大节省我们的代码复杂度及代码量。最后再梳理一下逻辑：1.JS中使用dom元素的方法给绑定一个style属性，即我们所需要的CSS变量。2.CSS中使用var('CSS变量')来直接获取到值。
2024-07-16 14:08:03
150
原创 谈一谈对vite的理解
由于vite在启动时不需要打包，也就意味着不需要分析模块的依赖、不需要编译，因此启动速度非常快。当浏览器请求某个模块时，在根据需要对模块内容进行编辑。这种按需动态编译的方式，极大的缩减了编译时间，项目越复杂，模块越多，vite的优势越明显。当需要打包到生产环境时，vite使用传统的rollup进行打包，因此，vite的主要优势在开发阶段。在HMR方面，当改动了一个模块后，仅需让浏览器重新请求该模块即可，不像webpack那样需要把该模块的相关依赖模块全部编译一遍，效率更高。
2024-07-01 16:48:31
174
原创 原生js实现轮播图的两种方式
element-ui组件库中，有一个Carousel走马灯组件，也就是我们平时说的轮播图，为了搞清它的实现原理，接下来我们使用原生js实现一个轮播图效果
2024-06-17 15:29:34
418
原创 AJAX进度监控实现
在很多开发实践中，我们需要对接口请求做一个进度监控，而绝大多数实践中，都采用不断获取后端返回的progress进度值或干脆使用setTimeInterval()方式实现的假效果。而实际上，每一个AJAX请求是可以实时监控进度的，下面我们来了解一下AJAX进度监控的实现方式。
2024-05-24 14:53:41
841
1
原创 前端生成PDF功能（可直接放入项目中使用）
2.浏览器访问改地址，如图，点击按钮即可导出，只需要将 html文件中的内容改成自己的即可。1.下载后解压生成 report文件夹，直接放入一个vue项目的 pulic下，如图所示。
2023-08-10 10:48:04
286
1
原创 Vuex是什么？
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，它相当于一个公共仓库，将应用中的所有状态都放在一起，集中式来管理。它由五部分组成，分别是：state, getters, mutations, actions, modules.1.state 中用来存放状态2.getters 类似于vue中的计算属性，可以对state进行计算（会被缓存）3.mutations是改变state中数据的唯一方式，做的是原子操作。可以通过this.$stroe.commit()来提交。4.actions就是
2021-11-17 17:54:57
244
原创 解决typeof可以判断数据类型，但是无法判断array和object的问题
js中判断数据类型的话可用typeof（xx）来进行判断，它的返回值有六种：string、Boolean、number、function、object、undefined。但是 数组与对象返回的都是 object。这时可用 instanceof 来进行判断，它返回 的是一个布尔值。区别：typeof判断所有变量的类型，返回值有number，boolean，string，function，object，undefined。typeof对于丰富的对象实例，只能返回"Object"字符串。instanc
2021-11-17 17:49:54
684
原创 js中01.+0.2相加不等于 0.3的问题
在js中，数字的存储是采用的 IEEE754进行的双精度标准进行存储，对于有的小数，就类似于十进制无法准确的表示1/3以后，二进制无法精确地存储有的 小数，只能采取一个近似值进行存储。一般须要进行小数计算的地方我们可以把它转换成整数进行计算，计算完成后再转为小数可以有效解决。 ES6新出的一种方法 EPSILON 也可以解决，它的实现原理是 他对于结果有一个允许误差范围，凡是再这个误差范围内的它就默认为 相等。...
2021-11-17 10:41:27
849
原创 节流和防抖
节流和防抖可以说是属于性能优化范畴内的东西，拿一个按钮举例来说，假如点击这个按钮会触发一个事件，当用户频繁点击的时候，点击多少次这个函数就执行多少次，而设置防抖后，在用户频繁点击的时候，最终只执行最后一次；而设置节流后，这个事件依旧会频繁的触发，但是不会像原来那么频繁。...
2021-08-03 11:21:43
50
原创 call,apply,bind
call,apply,bind三个方法其实都是继承自Function.prototype中的,属于实例方法,它们的作用都是改变函数运行时的this指向,普通的对象，函数，数组都继承了Function.prototype中的三个方法，所以这三个方法都可以在对象，函数，数组中使用 **call()**方法可以传递两个参数，第一个参数用于指定该函数内部的this指向(也就是函数执行时this所在的作用域），第二个是函数调用时所要传的参。...
2021-07-30 16:16:41
76
原创 BFC是什么？
BFC（block formatting context）直译为'块级格式化上下文'，它是一个独立渲染区域，其实也就是一种状态，通过设置某些css属性可以触发这种状态，让他其中的元素布局是不会受外界的影响。在平时的开发中，布局的时候会经常碰到比如高度塌陷，margin值传递，margin值重叠这些问题时，通过触发BFC就可以解决。触发BFC的方法也有很多，常用的有1. float: left,right2. position: absolute,fixed3. overflow:hidden4.
2021-07-30 10:55:27
72
前端生成PDF功能（可直接放入项目中使用）
2023-08-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人