weixin_45821809的博客

JS如何判断文字被ellipsis了？

vue中使用monaco-editor

JavaScript的事件传播机制

vue中render函数的作用及解析

vuedraggable的使用

vue移动端h5，文本溢出显示省略号，且展示‘更多’按钮

vue3 toRefs详解

系统配置vue.config.js(通用)和vue3中的vite.config.js的通用配置

前端性能优化

Vue中的AST和VNode的区别

Vue3 + setup + ts 使用总结

前端白屏的检测方案

2023年能让你早点下班的36个JavaScript实用函数！

h5适配ios顶部和底部安全区域的问题

混合开发中，H5页面与原生app交互

把base64格式图片画到canvas画布上

vue3使用vite的原理

从bootcdn中引入打印标签：<script src="https://cdn.bootcdn.net/ajax/libs/jQuery.print/1.6.2/jQuery.print.js"></script>实现页面内容自适应打印页方法：方法一：body{ height:auto;}方法二：调用$(“#要打印的元素id”).print()方法打印，将所要打印元素的id添加样式：style="position:absolute";既可实现页面自适应内容

需求：选择会计科目的时候，会查出来对应的动态表格项，在切换进行选择不同的会计科目时，动态对应展示对应的动态表格项，且该动态表格实现下拉框选择不同的数据。eg1：选择第一行会计科目，接口查出来有两个动态表格项eg2：选择第二行会计科目，接口查出来有三个动态表格项html代码：<template> <div class="boxShadow"> <div style="margin-top: 20px">

Getter/Setter是一个万恶的概念，其实就是一个规定好参数和context的函数标准。let obj = { a:1, b:0}取a的值 obj.a 就是getter设置a的值obj.a=10 就是setter如果我想统计 a被访问了多少次，把次数统计到b中let obj = {_a:0,b:0}Object.defineProperty(obj,'a',{ get () { this.b ++ return this._a }, set (a)

setup1、 beforeCreate：表示组件刚刚被创建出来，组件的data和methods还没有初始化好 Created： 表示组件刚刚被创建出来，并且组件的data和methods已经初始化好2、setup函数是 Composition API（组合API）的入口3、在setup函数中定义的变量和方法最后都是需要 return 出去的 不然无法再模板中使用-------------------　　------------------data() 变为 setUp()1

什么是Vue.nextTick()？定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码；理解：nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数<template> <div class="hello"&gt

思路比较简单，就是存储一个时间戳，下次取值的时候验证时间戳就可以注意：localStorage存储的时候只能存储字符，存入的时候要将对象转换成json字符串，读取的时候也要解析Storage.prototye.setExpire=(key,value,expire)=>{let obj={ data:value, time:Date.now(), expire:expire};localstorage.setExpire(key,JSON.stringify(obj));}Sto

前端主要的优化点1、webpack性能调优与Gzip原理优化2、浏览器的缓存机制和缓存策略3、图片优化——质量和性能的平衡点4、本地存储——Cookie、Web Storage、IndexDB5、CDN的缓存和回源机制6、服务端渲染7、浏览器运行机制8、DOM优化原理与实践9、Event Loop与异步更新策略10、回流和重绘11、首屏优化图片优化图片格式比较大小比较：通常地，PNG ≈ JPG > GIF透明性：PNG > GIF > JPG色彩丰富程度.

组件是可复用的vue实例，一个组件被创建好之后，就可能被用在各个地方，而组件不管被复用了多少次，组件中的data数据都应该是相互隔离，互不影响的，基于这一理念，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响，如下面这个例子：该组件被复用了三次，但每个复用的地方组件内的count数据相互不受影响，它们各自维护各自内部的count。能有这样效果正是因为上述例子中的data不是一个单纯的对象，而是一个函数返回值的形式，