JavaScript
screaming_color
这个作者很懒,什么都没留下…
展开
-
无缝滚动原理与具体实现
无缝滚动原理与具体实现原创 2015-12-08 22:46:32 · 762 阅读 · 0 评论 -
vue 2.x源码随手记 -- 生命周期
引文:看源码的随手记Vue的生命周期当我们new一个vue的时候,我们会执行vue.prototype._init函数,这个时候会执行initLifecycle(),这个函数主要是定义一些初始化的vue实例的属性,比如合并抽象组件的parent,parent,parent,refs等,以及一些生命周期的标志位.然后会执行initEvents(),这个函数作用大概是初始化父组件在子组件上...原创 2019-04-10 14:02:06 · 227 阅读 · 0 评论 -
兼容IE的完全居中布局
代码详见: https://github.com/screamingColor/save/blob/master/test/center.htmlIE8下的效果:本文采用绝对定位和flexbox两种方式:原创 2016-07-10 15:24:02 · 7700 阅读 · 0 评论 -
使用Canvas来压缩图片
【预置条件】3g/2g网络 【测试步骤】上传身份证2M左右的图片 【预期结果】正常上传 【测试结果】卡死状态 【重现概率】100% 【备注信息】仅ios【解决方案】由前端在发送请求上传图片之前,对原图进行压缩,压缩控制在1M以内,然后再请求后台。/**** 前端图片压缩* 参数传入图片文件对象,成功情况回调函数,失败情况回调函数* 成功回调函数传入压缩后的图片文件对象*原创 2017-01-05 17:05:33 · 536 阅读 · 0 评论 -
JavaScript下的setTimeout(fn,0)意味着什么?
起因 单线程的JavaScript setTimeout背后意味着什么 参考和引用起因上午在SegmentFault上看到了这个问题《关于SetTimeout 时间设为0时》转载 2016-09-28 11:23:25 · 613 阅读 · 0 评论 -
ES2015 & babel 实战:开发 NPM 模块
原文地址前言近一年来,JavaScript 界关于 ES6(ECMAScript 6,本文简称 ES6)的讨论越来激烈,作为未来要统一全宇宙的语言(PHP 是世界上最好的语言,但 JavaScript 终将统一全宇宙),JavaScript 的运行环境众多,对 ECMAScript 标准的支持程度不一,所以对于 ES6 我一直处于观望状态。前不久 ES6 标准正式发布,而 Node.js 也在最近刚转载 2016-08-21 19:28:19 · 3391 阅读 · 0 评论 -
闭包---初识闭包
起初,我对闭包的理解简单粗暴:函数里嵌套的函数就是**闭包**!且内部函数可以访问外部函数的变量,外部函数却无法探知内部的函数变量。有点像Java里被private修饰的类。且闭包也可以设置私有成员,但是关系到内存、垃圾回收却是没什么好比较的。 **闭包**的正经定义是:把有权访问另一函数作用域的变量的函数称为**闭包**。原创 2015-12-03 22:16:08 · 498 阅读 · 0 评论 -
javascript设计模式之委托模式
假设我们有10个li,遍历绑定10个事件,那如果现在我们有100个甚至是1000个li要绑定事件该怎么办?内存是有一定限制的,大量的事件会把页面的性能拖垮。委托模式:将子元素的事件绑定在父元素上。ps:在低版本的IE里,如果给button绑定了一个事件,但之后button被删除了,由于事件没有被删除,而造成了内存泄漏,然而一个一个取消太麻烦了也许一个button绑定了多个事件遍历起来也很麻烦,所以当原创 2016-04-23 17:23:20 · 427 阅读 · 0 评论 -
Echarts.js遇见的问题(tooltip)
当我将鼠标移到bar上时,tooltip就像上图一样满框。解决:原创 2016-03-27 15:05:59 · 2830 阅读 · 0 评论 -
关于对“===”和“==”的思考
前提:偶然逛知乎看见关于对“===”和“==”比较的提问,觉得蛮有意思的,所以来写篇博客纪念下知乎原帖:Javascript 中 == 和 === 区别是什么? JavaScript 中应该用 “==” 还是 “===”?~ **严格相等运算符“===”**在比较的时候,首先计算操作数的值,然后比较这两个值,比较的过程中没有任何类型转换。*而*~ **相等运算符“==”**在比较的过程中存在类型原创 2016-01-21 21:21:52 · 370 阅读 · 0 评论 -
关于浏览器兼容问题
背景图在IE下不居中了<meta http-equiv="X-UA-Compatible content="IE=edge">防止ie进入怪异文档模式,按照IE最新版本文档方式渲染 。原创 2016-03-20 00:05:26 · 248 阅读 · 0 评论 -
原型模式与原型链(js学习)
对象的原型(prototype):指向另一个对象,本对象的属性继承于他的原型对象。 原型对象:原型模式 我们创建的每一个函数都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象。这个对象就是通过调用构造函数而创建的那个对象实例的原型对象。使用原型对象,就不必在构造函数中定义对象实例的信息,而是可以将这些信息直接添加到原型对象中。原型链的出现是为了实现继承。原创 2016-01-20 22:12:43 · 420 阅读 · 0 评论 -
工厂模式与构造函数模式(js学习)
工厂模式构造函数模式原创 2016-01-13 23:27:00 · 365 阅读 · 0 评论 -
vue 2.x源码随手记 --Vue的依赖收集
引文:看源码的随手记Vue的依赖收集关键:initPropsinitDataobserver()class Observer 数组的响应式(重写数组的原型链上的方法push\shift…) 以及 一般的响应式但都是通过Object.definedPropertyObject.definedProperty(setter getter)首先我们有一个Dep类,主要用来存放观...原创 2019-04-10 14:05:58 · 283 阅读 · 0 评论