2018年08月_cnccl-web-js

原创图片降质和剪裁

<img :src="item.coverImg | imageSearch" alt=""/>//搜索页列表裁剪Vue.filter('imageSearch',(value)=>{ if (process.env.NODE_ENV === 'development') { return value; }else{ re...

2018-08-31 17:26:24 391

原创 vue中的$nextTick()理解

前提vue更新数据是异步的1.0 中确实是通过 v-el:xxx 标记 dom 然后在组件里通过 this.$els.xxx 就可以获得这个 dom 对象了$nextTick(() => {}) 与DOM相关操作写在该函数回调中，确保DOM已渲染Vue.nextTick()文档解释在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的...

2018-08-16 17:56:10 743

原创 vue中methods,watch和computed的使用

1、computed：计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。2、methods：methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例。3、watch：是一种更通用的方式来观察和响应 Vue 实例上的数据变动。一...

2018-08-15 09:17:56 298

原创 SVG

介绍说到性能优化，常见的一种方式就是压缩图片，通常图片最多压缩到原文件的 50%。而且如果一个图标有 7 种颜色呢？那么设计就得给出 7 种颜色的图片，前端代码也得引用不同的 7 个路径。。。想想都觉得复杂。SVG 图完美地解决了这一痛点，大小仅为原文件 10% 左右。还可以通过改写代码来任意改变颜色，甚至支持在代码中动态地传入颜色。动态地传入颜色时，即便有 1万种颜色，也仅仅一个文件。...

2018-08-14 09:13:16 221

原创 JS this指向总结

使用 JavaScript 开发的时候，很多开发者多多少少会被 this 的指向搞蒙圈，但是实际上，关于 this 的指向，记住最核心的一句话：哪个对象调用函数，函数里面的this指向哪个对象。下面分几种情况谈论下1、普通函数调用这个情况没特殊意外，就是指向全局对象-window。let username='cn'function fn(){ alert(this.us...

2018-08-13 10:53:09 38326 12

原创面向对象编程

关于面向对象和面向过程，个人觉得这两者不是绝对独立的，而是相互相成的关系。至于什么时候用面向对象，什么时候用面向过程，具体情况，具体分析。面向对象：猫.吃(鱼)面向过程：吃.(猫,鱼)代码实现方面：//面向对象//定义人（姓名）let People=function(name){ this.name=name;}//动作People.prototype={...

2018-08-13 10:43:10 155 2

原创 JS运行机制理解

浏览器进程 Browser进程：浏览器的主进程（负责协调、主控），只有一个。作用有负责浏览器界面显示，与用户交互。如前进，后退等负责各个页面的管理，创建和销毁其他进程将Renderer进程得到的内存中的Bitmap，绘制到用户界面上网络资源的管理，下载等第三方插件进程：每种类型的插件对应一个进程，仅当使用该插...

2018-08-13 10:30:10 216

原创什么是csrf和xss,怎么防范它

xss攻击xss本质是html注入,和sql注入差不多. SQL,HTML,人类语言都是指令和数据混在一起的,都存在注入风险(程序根据分隔符,标签识别指令和数据,人类则是根据语境,语义和日常经验判断)比如注册用户时,用户输入"张三"并提交,服务端会生成"<p>欢迎新用户,张三</p>"传给浏览器.如果用户输入<script>alert('逗...

2018-08-10 10:17:59 2403

原创 H5拖拽排序

一、需求豆果食谱系统，sku列表实现拖拽排序，如图：二、HTML5拖放API的知识点首先我们得知道元素怎么才可以被拖放，需要设置它们的draggable属性，其中img和a标签的dragable属性默认是true，不需要我们手动设置。拖放API的监听事件如下:dragstart: 源对象拖拽开始； drag: 源对象拖拽的过程中； dragend: 源对象拖拽结束；...

2018-08-09 09:47:58 4045

weixin_37722222的博客