2019年1月30日
事件委托（事件代理）的原理以及优缺点是什么？
事件委托原理：事件冒泡机制； 优点： 1、可以大量节省内存占用，减少事件注册。比如ul上代理所有li的click事件就很不错； 2、可以实现当新增子对象时，无需再对其进行事件绑定，对于动态内容部分尤为适合； 缺点： 事件代理的常用应用应该仅限于上述需求，如果把所有事件都用事件代理，可能会出现事件误判 Read More
posted @ 2019-01-30 14:36 让心去旅行 Views(940) Comments(0) Diggs(0) Edit
浏览器事件流
DOM2级事件规定的事件流包括三个阶段： 1、事件捕获阶段 2、处于目标阶段 3、事件冒泡阶段 事件捕获阶段（Event Capturing）： 按照事件捕获的思想，在此过程（click页面某元素）中，document对象会首先接收到click事件，然后事件沿着dom树依次向下，一直传播到实际目标， Read More
posted @ 2019-01-30 14:02 让心去旅行 Views(180) Comments(0) Diggs(0) Edit
CSS中position属性介绍（新增sticky）
position的含义是指定类型，取值类型可以有：static、relative、absolute、fixed、inherit 和 sticky，这里sticky是CSS3新发布的一个属性。 1、position：static static(没有定位)是position的默认值，元素处于正常的文档流 Read More
posted @ 2019-01-30 10:54 让心去旅行 Views(417) Comments(0) Diggs(0) Edit
2019年1月29日
Web项目开发中常见安全问题防范
本文章纯粹是个人收藏，其中各种也是略略了解，下面直接贴出知识点。/捂脸/捂脸 计算机程序主要就是输入/输出，安全问题由此产生，凡是有输入的地方都可能带来安全风险。根据输入的数据类型，web应用主要有数值型、字符型、文件型。 要消除风险就要对输入的数据进行检查，对于web应用来说，检查的位置主要是前端 Read More
posted @ 2019-01-29 15:13 让心去旅行 Views(397) Comments(0) Diggs(0) Edit
Web前端性能优化策略
前端性能优化需要从前端的资源类型分析，以减少请求资源和请求时间为目的。目前的类型包括图片、javascript、css、动态数据等，不同的资源对于运算、带宽等的依赖也不同，因此优化的方式也不同。参照以往的经验和雅虎前端优化的策略，本系统分为以下方面： 1）根据浏览器加载数据的顺序不同，将加载的位置分 Read More
posted @ 2019-01-29 10:42 让心去旅行 Views(180) Comments(0) Diggs(0) Edit
webpack中loader和plugin的概念理解
对于 loader ，它就是一个转换器，将A文件进行编译形成B文件，这里操作的是文件，比如将 A.scss 或 A.less 转变成 B.css，单纯的文件转换过程； 对于 plugin，它就是一个扩展器，它丰富了 webpack 本身，针对是 loader 结束后，webpack 打包的整个过程， Read More
posted @ 2019-01-29 10:11 让心去旅行 Views(748) Comments(0) Diggs(0) Edit
深入理解为什么应该使用transform来替代top
话说，这个问题我们得从浏览器得渲染机制说起： 我们先来理解一下 重绘（Repainit）和 回流（Reflow）: 重绘：当节点需要更改外观而不会影响布局得，比如改变 color 就称为重绘； 回流：布局或者几何属性需要改变就称为回流（换个说辞即是需要重新渲染Dom节点）； 回流必定会发生重绘，重绘 Read More
posted @ 2019-01-29 09:55 让心去旅行 Views(1030) Comments(0) Diggs(0) Edit
2019年1月28日
vue指令v-html中使用过滤器filters功能
Vue 2.0 不再支持在 v-html 中使用过滤器 解决方法： 1：全局方法（推荐） 2：computed 属性 3：$options.filters（推荐） 1：使用全局方法： 可以在 Vue 上定义全局方法： Vue.prototype.msg = function（msg）{ return Read More
posted @ 2019-01-28 15:47 让心去旅行 Views(2155) Comments(0) Diggs(0) Edit
移动端高清适配方案（解决图片模糊问题、1px细线问题）
干货储备： 物理像素、设备独立像素和设备像素比 在CSS中我们一般使用px作为单位，需要注意的是，CSS样式里面的px和物理像素并不是相等的。CSS中的像素只是一个抽象的单位，在不同的设备或不同的环境中，CSS中1px所代表的物理像素是不同的。在PC端，CSS的1px一般对应着电脑屏幕的1个物理像素 Read More
posted @ 2019-01-28 15:28 让心去旅行 Views(321) Comments(0) Diggs(0) Edit
2019年1月25日
前端路由实现（history）
HTML5 history 新增了两个 API：history.pushState 和 history.replaceState 两个 API 都接收三个参数： 1.状态对象（state object）：一个 javascript对象，与用 pushstate()方法创建的新历史记录条目关联。无论何 Read More
posted @ 2019-01-25 16:30 让心去旅行 Views(615) Comments(0) Diggs(0) Edit