ypeusksk-CSDN博客

转载搜索自己的博客

csdn的博客搜索只能搜索标题名，目前有个方法可以通过google来搜索自己的博客，且关键字能在博客内容中找到。<关键字><空格>site:blog.csdn.net/<你自己的博客名>转自：https://blog.csdn.net/pendle/article/details/6980120...

2019-05-16 15:26:53 120

转载初始化css

为什么要初始化CSS样式因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。最简单的初始化（不太建议）* {padding: 0; margin: 0;}淘宝的初始化代码body, h1, h2, h3, h4, h5, h6, h...

2019-05-10 17:50:44 140

转载移动端webApp兼容问题解决

https://blog.csdn.net/quanyuejie/article/details/53422081

2019-04-30 09:34:11 132

原创浮动的消除

当divA内有一个divB，divB如果设置了浮动后，divA的大小会变得不受divB影响，此刻就需要消除divB的浮动效果。方法：给divA设置高度（在知道divB高度的情况下）给divA设置clear: both（元素两边不允许浮动）给divA设置overflow: hidden...

2019-04-26 21:19:49 233

原创可用的工具类方法长期收集

把一些写的有意思的工具方法收集起来，供以后查看阅读帮助提升。对函数的执行结果进行缓存function cached(fn) { const cache = Object.create(null) return function cachedFn(str) { const hit = cache[str] return hit || (cache[str] = fn(st...

2019-04-26 15:22:21 143

原创闭包

当函数A的返回值是函数B，函数B使用了函数A的内容，这就是闭包。闭包的主要应用场景是设计出不暴露的私有的变量和方法实例：function outer() { var y = 10; return function () { return ++y; }}var o = outer();o(); // 11o(); // 12以上实...

2019-04-04 14:39:52 150

原创作用域跟变量函数提升

Javascript作用域分为全局作用域跟函数作用域在函数体内，局部变量的优先级要高于全局变量。如果在函数体内重新声明一个与局部变量重名的变量，局部变量就会覆盖全局变量的值。因为js原本并没有块级作用域，所以以下代码是正确的：if (true) { var v = 'test'}console.log(v) // test但如果使用es6的let关键字（声明块级作用...

2019-04-04 12:14:29 106

原创原型链

Javascript的原型链可以理解为Java中的继承关系，一个类继承另一个类，另一个类如果没继承别的类，就会默认继承Object。Java中的这些关系是能够在代码中轻易看到的。而Javascript则没那么明显。Javascript主要通过prototype跟proto来实现原形链。prototype是函数的属性。proto是实例的属性，且对象的proto指向函数的prototype。f...

2019-04-03 16:39:22 163

转载 element-ui 使用第三方icon

参考：https://blog.csdn.net/qq_32113629/article/details/79740949https://www.jianshu.com/p/59dd28f0b9c9

2019-03-06 14:39:51 820

原创 webpack-bundle-analyzer在vue-cli3中的使用

正常的使用方法安装npm install webpack-bundle-analyzer -Dwebpack.config.js：vue-cli3的配置方法根目录的vue.config.js（没有则自己创建）module.exports = { chainWebpack: config => { config .plugin('webpack-bund...

2019-03-05 17:39:44 6067 5

原创浅拷贝与深拷贝

实现深拷贝的方法一、如果对象内容符合json格式，可以使用直接转换成json，再转换回对象，就是一个新的对象。转json：let json = JSON.stringify(obj)let newObj = JSON.parse(json)二、如果对象内容有着复杂的自定义类型，则就要写一个递归函数遍历所有属性，根据属性类型来做相应的处理。比如Date类型就需要自己new一个新的...

2019-01-03 11:15:08 115

原创基本包装类型

Number、Boolean、String 三种在基本数据类型操作时，比如：&amp;quot;abc&amp;quot;.substr(0, 2)在执行这段代码时，实际上”abc”是一个基本数据类型，本身并没有方法存在。后台是做了一些包装的操作，上面的代码实际上是：var s = new String(&amp;quot;abc&amp;quot;)s.substr(0, 2)s = null

2019-01-02 14:54:13 904

原创函数防抖与函数节流

函数防抖（debounce）：限制函数重复调用，只执行最后的一次。某个函数存在重复执行的可能（比如dom事件处理函数）。函数在调用时使用延时执行（setTimeout）然后在后续重复调用的时候，都会取消上一次的执行，之后重新定时执行。代码：&lt;button id="btn"&gt;btn&lt;/button&gt;let debounceTimeoutfunction deb

2019-01-02 11:24:31 138

原创 Vue.nextTick原理

在双向绑定中，看如下代码：vm.data1 = 'hello'vm.$el.textContent //此时并不会立即得到data1的值这是因为vue并不会立即更新DOM，而Vue.nextTick方法可以实现下次更新DOM后要执行的代码。vm.data1 = 'hello'Vue.nextTick(function(){ console.log(vm.$el.textCont...

2018-12-06 14:59:26 631 1

原创 vue生命周期

官方给出的流程图流程new Vue(option)的时候，会先初始化事件和生命周期调用feforeCreate生命周期方法，此时vue实例并没有把参数进行代理，比如this.$data跟this.$el等都是undefined通过依赖注入导入依赖项调用created生命周期方法，此时vue实例.$data有值。注意，$el没值判断实例参数option是否有el属性。有则进行下一步；...

2018-09-20 16:02:32 125

原创垃圾回收机制与内存泄漏

内存泄漏指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。垃圾回收机制找出不再使用的变量，然后释放掉其占用的内存，但是这个过程不是实时的，因为其开销比较大，所以垃圾回收系统（GC）会按照固定的时间间隔,周期性的执行。dom引用造成的内存泄露 ...

2018-08-31 11:40:13 313

原创有关vuex跟表单的配合使用

比如有个修改用户资料的功能功能逻辑：首先data定义属性（如：name, sex, age）默认值都为空字符串。然后created生命周期调用vuex dispatch获取数据再赋值给data，界面上的input跟data绑定（v-model）。当用户保存时将当前data的值进行保存。这样实现的好处是可以让用户在修改了数据后并没有点击保存，而是放弃修改，这时就不需要手动将vuex中的值...

2018-07-16 11:37:28 1116

原创 MVC，MVP 和 MVVM的区别

分享一篇讲的不错的文章 https://mp.weixin.qq.com/s?__biz=MzAxOTc0NzExNg==&mid=2665514440&idx=1&sn=f24bb68037dce238b47288362e0964e2&chksm=80d67d8bb7a1f49d36c941cee72a10e37f2eb59b95430694e14b5ff0f1...

2018-06-14 11:04:25 202

原创在组件上使用v-model实现双向绑定

文档解释： https://cn.vuejs.org/v2/guide/components.html#在组件上使用-v-model个人理解：主要是给组件定义一个名叫value的prop，组件的值使用该value来显示（比如input :value=”value”）然后组件自身获取input事件，再将值$emit(“input”, value) 给外部即可实现双向绑定复杂一点的需求：...

2018-06-14 09:46:25 815

原创 js ascii码的转换

字符转数字var str = "a";var num = str.charCodeAt(0)数字转字符var num = 97;var str = String.fromCharCode(num)

2015-12-28 17:32:26 490

原创 js十进制间的转换

其他进制的数字转换为十进制需要使用parseInt()//将16进制的num转换为10进制，16进制的数前面加不加0x都行var num = "0x10";var decNum = parseInt(num, 16)//将8进制的num转换为10进制var num = "36";var decNum = parseInt(num, 8)十进制转换成别的进制需要使用toString()//将

2015-12-28 10:24:02 321

ypeusksk的专栏