javascript - 随笔分类 - 清姿

juqery dragsort使用遇到的问题

摘要：1.destroy时，没给容器加id，不能执行成功 >修改源码如下： 2.可拖动区域有滚动条时，纵坐标计算有问题：如果拖动的li所在容器出现了滚动条，当滚动条滑到最下面的时候，拖拽下面的li的浮动层位置会出现偏移。解决的办法是在jquery.dragsort.js中，this.draggedIte 阅读全文

posted @ 2017-07-17 10:56 清姿阅读(1810) 评论(1) 推荐(1) 编辑

CSS VS JS动画，哪个更快[译]

摘要：英文原文：https://davidwalsh.name/css-js-animation 原作者Julian Shapiro是Velocity.js的作者，Velocity.js是一个高效易用的js动画库。在《Javascript网页动画设计》一书中对这个库有很多更具体的剖析，对Velocity及阅读全文

posted @ 2016-07-04 21:11 清姿阅读(1535) 评论(1) 推荐(2) 编辑

HTML5移动端图片上传模块

摘要：上传图片的功能是极为常用的，之前做过一个移动端上传文件的功能（基于jquery的），总结梳理一下。 html js 效果：点击“+”后会拉起选图片控件，选择之后会显示loading状态，上传成功之后，获取到图片地址之后，框内会显示上传的图片。主要用了FromData来实现图片上传,并对于图片大小阅读全文

posted @ 2016-06-23 14:45 清姿阅读(3778) 评论(0) 推荐(0) 编辑

Javascript中的Promise

摘要：Promise定义 Promise是CommonJs的规范之一，包含resolve,reject,done,fail,then等方法，能够帮助我们控制代码的流程，避免函数的多层嵌套。异步在web开发中越来越重要，对于开发人员来说，J非线性执行的编程会让开发者觉得难以掌控，而Promise可以让我们更阅读全文

posted @ 2016-06-16 19:45 清姿阅读(717) 评论(0) 推荐(0) 编辑

gulp使用笔记

摘要：gulp简介 gulp 是基于 Nodejs 的自动任务运行器，能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上， gulp 借鉴了阅读全文

posted @ 2016-03-15 20:06 清姿阅读(399) 评论(0) 推荐(0) 编辑

webpack使用笔记

摘要：webpack简介 CommonJS和AMD是用于JavaScript模块管理的两大规范，前者定义的是模块的同步加载，主要用于NodeJS；而后者则是异步加载，通过requirejs等适用于前端。npm已跻身主流JavaScript组件发布平台，越来越多的前端项目也依赖于npm上的项目，或者自身就会阅读全文

posted @ 2016-03-08 20:09 清姿阅读(445) 评论(0) 推荐(0) 编辑

js动画性能提升笔记

摘要：JavaScript动画的性能并不亚于CSS动画。因此，如果使用了现代的动画库，例如Velocity，那么动画引擎的性能将不再是app的瓶颈，构成瓶颈的只有代码。网络性能相关动画是浏览器运行中资源非常密集的进程，但是有很多技术能够帮助浏览器尽可能高效地运行。下面会提到这些技术。性能影响一切。但是对于... 阅读全文

posted @ 2016-01-15 15:49 清姿阅读(596) 评论(0) 推荐(0) 编辑

框架操作DOM和原生js操作DOM比较

摘要：问题引出对于Angular和React操作DOM的速度，和原生js操作DOM的速度进行了一个比较：一个同学做的demo代码如下： Performance Comparison for Knockout, Angular and React ... 阅读全文

posted @ 2016-01-12 16:26 清姿阅读(2099) 评论(0) 推荐(1) 编辑

ES6中的Class

摘要：对于javascript来说，类是一种可选（而不是必须）的设计模式，而且在JavaScript这样的[[Prototype]] 语言中实现类是很蹩脚的。这种蹩脚的感觉不只是来源于语法，虽然语法是很重要的原因。js里面有许多语法的缺点：繁琐杂乱的.prototype 引用、试图调用原型链上层同名函数时... 阅读全文

posted @ 2016-01-05 16:03 清姿阅读(4930) 评论(2) 推荐(0) 编辑

移动时代的前端加密

摘要：http://div.io/topic/1220 阅读全文

posted @ 2015-08-12 12:53 清姿阅读(294) 评论(0) 推荐(0) 编辑

Angularjs-Dirty Checking

摘要：Angularjs实现了数据双向绑定，就像下面这样： Hello {{name}}这使得在View和Model在变化的时候，都会更新对方：Angularjs是通过DirtyChecking实现的Two-Way Data Binding:$scope.$apply:当控制器或指令... 阅读全文

posted @ 2015-07-14 17:00 清姿阅读(3020) 评论(1) 推荐(0) 编辑

underscorejs

摘要：Underscore是一个JavaScript实用库，提供了一整套函数式编程的实用功能，但是没有扩展任何JavaScript内置对象。它是这个问题的答案：“如果我在一个空白的HTML页面前坐下，并希望立即开始工作，我需要什么？“...它弥补了部分jQuery没有实现的功能,同时又是Backbon... 阅读全文

posted @ 2015-04-17 17:11 清姿阅读(406) 评论(2) 推荐(1) 编辑

使用CORS：跨域两三事

摘要：本文为译文。简介 APIS是可以将富网页应用串连在一起的线程。但是这个应用难以转给浏览器，跨域请求技术的选择被限制了，类似JSONP（由于安全考虑，使用会被限制），或者配置代理（设置和维护都比较头痛）。 Cross-Origin Resource Sharing(CORS)是允许来自浏览器的跨域通信... 阅读全文

posted @ 2015-03-19 20:14 清姿阅读(11115) 评论(2) 推荐(0) 编辑

深入探讨ES6生成器

摘要：如果对于ES6生成器不熟悉，请先阅读并运行下http://www.cnblogs.com/linda586586/p/4282359.html里面的代码。当你感觉掌握了基础之后，我们可以深入探讨一些细节。错误处理在ES6生成器设计中最强大的是一个生成器内部代码的语义是同步的，即使外部迭代控制是异... 阅读全文

posted @ 2015-02-10 19:44 清姿阅读(313) 评论(0) 推荐(0) 编辑

ES6生成器基础

摘要：ES6引进的最令人兴奋的特性就是一种新的函数生成方式，称为生成器(generator)。名称有点奇怪，但是第一眼看上去行为更加奇怪。文章主要介绍生成器如何工作，然后让你明白为什么他们对于未来的JS会有很大的影响。完成运行首先看看生成器和普通函数有什么不同。无论你是否已经意识到，关于你的函数，总是... 阅读全文

posted @ 2015-02-09 20:24 清姿阅读(577) 评论(0) 推荐(0) 编辑

javascript代码复用（四）-混入、借用方法和绑定

摘要：这篇继续说js的现代复用模式：混入、借用方法和绑定。混入可以针对前面提到的通过属性复制实现代码复用的想法进行一个扩展，就是混入(mix-in)。混入并不是复制一个完整的对象，而是从多个对象中复制出任意的成员并将这些成员组合成一个新的对象。混入的实现并不难，只需要遍历每个参数，并且复制出传递给这个函数... 阅读全文

posted @ 2015-02-03 19:46 清姿阅读(2681) 评论(4) 推荐(1) 编辑

javascript代码复用模式（三）

摘要：前面谈到了javascript的类式继承。这篇继续部分类式继承，及一些现代继承。类式继承模式-代理构造函数这种模式通过断开父对象与子对象之间原型之间的直接链接关系，来解决上次说到的共享一个原型所带来的问题，而且同时可以继续原型链带来的好处。代码：function inherit(C,P){ v... 阅读全文

posted @ 2015-02-02 20:11 清姿阅读(729) 评论(0) 推荐(0) 编辑

javascript代码复用模式（二）

摘要：前面说到，javascript的代码复用模式，可分为类式继承和非类式继承（现代继承）。这篇就继续类式继承。类式继承模式-借用构造函数使用借用构造函数的方法，可以从子构造函数得到父构造函数传任意数量的参数。这个模式借用了父构造函数，它传递子对象以绑定到this,并转发任意数量的参数：function ... 阅读全文

posted @ 2015-01-29 20:10 清姿阅读(668) 评论(0) 推荐(2) 编辑

javascript代码复用模式

摘要：代码复用有一个著名的原则，是GoF提出的：优先使用对象组合，而不是类继承。在javascript中，并没有类的概念，所以代码的复用，也并不局限于类式继承。javascript中创建对象的方法很多，有构造函数，可以使用new创建对象，并且可以动态的修改对象。javascript的非类式继承（可称为现代... 阅读全文

posted @ 2015-01-27 20:18 清姿阅读(1703) 评论(2) 推荐(0) 编辑

javascript设计模式-观察者模式

摘要：观察者模式定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己。UML示意图：其中的角色： Subject：主题角色把所有对观察考对象保存在一个对象里，每个主题都可以有任何数量的观察者。主题可以增加和删除观察者对象... 阅读全文

posted @ 2015-01-26 20:19 清姿阅读(262) 评论(0) 推荐(0) 编辑

随笔分类 - javascript