02 2023 档案
CSS超出两行显示省略号
摘要：word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: h
vue2中的v-for
摘要：数组更新检测 变更方法 Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括： push() pop() shift() unshift() splice() sort() reverse() 注意事项 由于 JavaScript 的限制，Vue 不能检测数
vue中created mounted 与 异步任务
摘要：两个生命周期 created：data属性，methods属性，watch监听等都初始化好了，也就是可以使用了。 mounted：已经把内存中编译好的模板替换到页面中，也就是视图层已渲染成最新的，vue 实例完全创建完毕。可以操作DOM。理论上内部的子组件也执行完了mounted。 异步任务与它两的
css美化滚动条
摘要：::-webkit-scrollbar{ width: 8px; } /*滚动槽*/ // ::-webkit-scrollbar-track{ // -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3) ; // border-radius: 10px;
vue中使用vis.js制作流程图
摘要：效果 安装vis.js npm i vis.js --save 中文文档：https://ame.cool/pages/a7d858/#network-%E5%85%B3%E7%B3%BB%E5%9B%BE 示例：https://visjs.github.io/vis-network/example
本地图片加载失败的经验总结
摘要：如果需要一个标签动态展示图片，放在static不要用assets目录 原因是asset的文件会被直接打包到项目中，而static的文件在打包后会独立成为一个文件夹，如果动态引入某文件，默认是采取打包后路径访问的方式，因此只能访问打包后还存在的static文件夹。asset的文件只能直接静态使用，因为
vue 侦听器以及副作用函数使用
摘要：侦听器格式 函数格式 缺点 无法在刚进入页面的时候自动触发。 如果监听了一个对象，那就无法监听对象内部属性变化 watch: { username(newVal) { if (newVal '') return //1.调用 jQuery 中的 Ajax 发起请求，判断 newVal 是否被占用 $
axios中取消请求及阻止重复请求的方法
摘要：前言 在实际项目中，我们可能需要对请求进行“防抖”处理。这里主要是为了阻止用户在某些情况下短时间内重复点击某个按钮，导致前端向后端重复发送多次请求。这里我列举两种比较常见的实际情况： PC端 - 用户双击搜索按钮，可能会触发两次搜索请求 移动端 - 因移动端没有点击延迟，所以极易造成误操作或多操作，
vue中的渲染函数
摘要：介绍 Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数，它比模板更接近编译器。 案例 有父子组件，根据父组件传过来的值，子组件显示不同的h。 子组件 test.js export default {
EL-DRAWER 父容器设置
摘要：element-ui的官网中，关于el-drawer的例子都是在body中打开，我的项目需求中，需要在某个DIV中打开。参考了网上的例子，实现了此功能，记录一下 父容器的div中，设置： style="position: relative;overflow: hidden;" el-drawer 一
vue关于this.a=this.b,改变this.b的数据问题
摘要：因为需要对请求到的数据进行处理后在渲染到视图上，所以借助 handleDate 变量来对原始的 数据 data2 进行处理， methods: { //点击实时概况 hidden(){ let panelData = this.data2; let handleDate = this.data21;
前端实现搜索然后关键字变色
摘要：效果 核心实现思路 先通过input的input事件，获取到输入框里输入的关键字，根据关键字过滤一遍数据。 根据过滤后的数据，调用封装好的替换方法。就是字符串的替换，替换成html片段，在dom元素上使用v-html。 替换方法实现 // 匹配到的关键字变色 keyWordchangeColor(k
JS根据一个数组过滤另一个数组对象
摘要：const arr1 = [ {id: 1, name: 'aaa'}, {id: 2, name: 'bbb'}, {id: 3, name: 'ccc'}, {id: 4, name: 'ddd'} ] const arr2 = [ {uid: 2, uname: 'eee'}, {uid:4,
