进军的蜗牛

摘要： 故事背景： 项目有个需求是输入框在输入的时候进行搜索，展示下拉数据，但是没必要输入一个字都进行搜索，所以想到了在输入结束200毫秒后再进行搜索，从而引出来了 js的节流(throttle)，防抖（debounce），在网上想找个现成的用下，但是好多都不对，于是就自己搞了。 先看看概念 函数防抖(de 阅读全文

摘要： package-lock.json这个文件的作用就不详细说明了 有需要的可以参考 ： https://www.cnblogs.com/cangqinglang/p/8336754.html 网上都说 npm 自从版本npm 5.0之后，执行 npm install 的时候 就会自动生成package 阅读全文

摘要： 每次项目npm install 的时候都报这个错误， 然后网上找的方法就把这个 ajv重新安装下，感觉有点麻烦， 后来有次我把npm更新了一下（我的版本是： 6.1.0），更新到了最新版本，这个问题就咋也没出现过了，原来是npm版本的问题。 查看自己的npm版本： npm -v 更新本机的npm到最 阅读全文

摘要： 1.img的 onerror 事件 onerror 事件会在文档或图像加载过程中发生错误时被触发，可以给用户提示，或者改变图片的地址为占位图： 2. css 设置文字不能被选中 有时候点击的时候 会不小心选中文字， 增加这个设置可以避免此问题： 3.修改滚动条默认样式 默认的滚动条样式太丑了，前端可 阅读全文

摘要： javascript从诞生之日起就是一门 单线程的 非阻塞的 脚本语言，单线程意味着，javascript代码在执行的任何时候，都只有一个主线程来处理所有的任务，非阻塞靠的就是 event loop（事件循环），本文就讲解下事件循环。 event loop它最主要是分三部分：主线程、宏队列（macr 阅读全文

摘要： 前言： "use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。 它不是一条语句，但是是一个字面量表达式，在 JavaScript 旧版本中会被忽略。 "use strict" 的目的是指定代码在严格条件下执行。 严格模式下你不能使用未声明的变量。 浏 阅读全文

摘要： 用Flex实现常见的几种布局 1.水平，垂直居中。 2. 左边固定宽度，右边占满宽度 3.顶部固定高度，下部占满剩余高度 4.顶部，底部固定高度，中间占满剩余高度 5.中部占满剩余高度，此元素内部采用"左边固定宽度，右边占满剩余宽度" Flex兼容性写法 1.盒子的兼容性写法： 2.子元素的兼容性写 阅读全文

摘要： 点击一个元素，获取元素距离窗口左边，上边的距离，直接用的 offsetLeft offsetTop, 之前用的时候没问题， 但是这次不行了， 获得的结果一直是0，怎么回事？ 查了资料终于发现 offsetLeft 跟 offsetLeft 没想象的那么简单。 这里要先说下 offsetParent， 阅读全文

摘要： 1 合理的title ，description ，keyswords 搜索引擎对这三项的权重逐渐减小，title 强调重点即可，重要的关键字不要超过两次，而且要靠前。 2 不同的tilte要有所不同，description把页面的内容高度概括，长度合适。不可过分堆叠关键字，不同的页面descript 阅读全文

摘要： 故事背景： 接到一个新需求，要求用vue搞，主要是拖动实现布局，关键点有：单个组件拖动，一行多列里面的组件拖动， 单个组件可以拖入一行多列里， 单个组件的拖动好实现，关键是把一个组件拖动到另一个类似于表格里面，而且有的情况下还需要限制拖动只能在水平方向，自己搜集资料， 实验，终于搞出来了。 原理上主 阅读全文