vue watch

1. 当同步频繁修改数据,vue watch会做优化,并不会触发与改变相等次数的事件回调,因此不要依靠同步修改watch的属性来做相关的处理,如下: data(){ return { prop: 1 } }, watch: { prop(val){ ...

2019-01-15 18:49:46

阅读数:23

评论数:0

文本溢出处理

1.单行文本溢出 el{ width: xxx; /* 溢出省略...三件套 */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 2.多行文本溢出处理 后端返回合适的文本(固定字数、...

2019-01-13 22:20:03

阅读数:12

评论数:0

float

1.浮动元素可以左右移动,直至外边缘碰到包含元素或其他浮动元素为止 2.父元素无法包裹浮动元素 清除浮动(尾部浮动元素之后清除、伪元素清除) /* 尾部浮动元素之后 */ .clear{ /* 清除浮动三件套 */ content: "";...

2019-01-13 21:22:34

阅读数:9

评论数:0

js 浅拷贝、深拷贝实现梳理

浅拷贝 1. Object.create(Object.getPrototypeOf(prev), Object.getOwnPropertyDescriptors(prev)) (最完美) 2. Object.assign({}, prev) (无法拷贝enumerable=false的属性...

2019-01-04 11:51:19

阅读数:13

评论数:0

vue 组件间通信总结

父-子组件通信 1. 通过Props、Attrs,注意: 此处不区分是否加引号,若不bind,皆作字符串处理,否则作为表达式处理 若传入对象,则子组件上的该对象与父组件中的该对象指向同一个地址,如果希望对传入的对象进行修改且不影响父组件,则需要看情况对其进行深、浅拷贝 若传入的属性在父组件...

2018-12-20 23:29:26

阅读数:14

评论数:0

阻止浏览器对html的缓存

问题由来:版本更新后,项目打包上线,打包后的js、css等静态资源的名称已变化(打包工具),不必担心它们的缓存,而html文件未改变(如index.html),浏览器仍会使用缓存的html文件,导致各种错误   1. 后端设置get请求的response请求头 response.setDa...

2018-12-20 23:13:32

阅读数:16

评论数:0

相对路径与绝对路径相关

1. 如果开发项目与生产项目的地址不一致(比如开发:localhost:8080/,生产:www.test.com/announcement/),

2018-12-18 14:02:20

阅读数:10

评论数:0

vue 内置指令重点

1. v-if 用于切换元素(组件)是否存在 在切换时元素(组件)及它的数据绑定被销毁并重建,值为false时关闭数据劫持,值为true时开启数据劫持,依据此特性,我们可以达到重新渲染(将当前state变成初始state)的效果 <component v-if=&am...

2018-12-10 15:11:04

阅读数:13

评论数:0

js 严格模式

除了正常运行模式,ECMAscript 5添加了第二种运行模式:”严格模式”(strict mode),ES6的模块会自动使用严格模式 严格模式主要有以下限制:  1.变量必须声明后再使用  2.函数的参数不能有同名属性,否则报错  3.不能使用with语句  4.不能对只读属性赋值,否则报错  ...

2018-12-05 14:39:04

阅读数:17

评论数:0

js 执行环境、作用域链和闭包

执行环境: 定义了变量或函数有权访问的其他数据,每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中(如同全局环境下的变量和函数保存在window对象内) 执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数定义也随之销毁(全局执行环境直到应...

2018-12-04 17:52:00

阅读数:39

评论数:0

js 页面宽高、位置计算总结

网页可见区域宽:document.body.clientWidth  网页可见区域高:document.body.clientHeight  网页可见区域宽:document.body.offsetWidth (包括边线的宽)  网页可见区域高:document.body.offsetHeight...

2018-11-26 14:57:32

阅读数:22

评论数:0

NodeJS 基于cookie、session的身份验证

cookie 和 session 众所周知,HTTP 是一个无状态协议,所以客户端每次发出请求时,下一次请求无法得知上一次请求所包含的状态数据,如何能把一个用户的状态数据关联起来呢? 比如在淘宝的某个页面中,你进行了登陆操作。当你跳转到商品页时,服务端如何知道你是已经登陆的状态? cooki...

2018-11-21 11:47:07

阅读数:17

评论数:0

js for循环拆解(解析for setTimeout经典案例)

直接上代码 // 经典案例 for(var i=0;i<3;i++) { setTimeout(function () {console.log(i)}, 0) } // 拆解后 var i = 0; { var t = i; setTimeout(func...

2018-11-19 10:48:17

阅读数:31

评论数:0

ts 特殊符号用法

1. 属性或参数中使用 ?:表示该属性或参数为可选项 2. 属性或参数中使用 !:表示强制解析(告诉typescript编译器,这里一定有值),常用于vue-decorator中的prop...

2018-11-18 22:52:39

阅读数:88

评论数:0

Cordova run android报错:You have not accepted the license agreements of the following SDK com

接连安装完 Android Studio、Gradle 、 Android SDK 之后,运行cordova run android报错: You have not accepted the license agreements of the following SDK components: ...

2018-11-18 19:23:32

阅读数:32

评论数:0

js new运行流程

1. 创建一个新对象 2. 将这个新对象的隐式原型指向Class的显式原型 3. 将这个新对象作为this指针的指向,用call/apply调用Constructor 4. 将这个新对象指向 = 左侧的变量 // Demo const man = new Person(); 等同于: ...

2018-11-13 17:07:56

阅读数:13

评论数:0

position: inherit、static、relative、absolute和fixed

inherit: 规定应该从父元素继承 position 属性的值。   static:  默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明,z-index只对absolute、fixed有效,默认为0)。   ...

2018-11-13 16:12:53

阅读数:20

评论数:0

history实现页面支持Ajax前进、后退

实现步骤: 每次Ajax请求之后都使用history.pushState(replaceState)将携带参数的记录压入历史记录栈(Ajax请求不刷新页面,也不会自动加入到history) 通过监听window的onPopstate事件,在下次用户进行前进、后退操作时根据state中我们放置的...

2018-11-13 15:33:50

阅读数:9

评论数:0

iframe 相关

1. 设置iframe宽高自适应 const iframe = document.getElementById('file'); iframe.onload = () => { iframe.width= iframe.contentWindow.document...

2018-11-12 16:53:01

阅读数:11

评论数:0

基于Session、Token的身份验证小结

名词:    Cookie 存储在client   Session 会话,存储在server,server需要对session进行定期清理   Token 服务端验证成功后根据一定规则签发的一个‘令牌’,server端每次收到请求都用相同的规则再次生成'令牌'与其对比,而无需存储 验证流程...

2018-11-02 16:56:48

阅读数:59

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭