Reid的专栏

使用npm i vant-weapp -S --production会改变目录结构，我是通过npm i @vant/weapp -S – production构建以后，删除node_modules下的@types整个文件夹，然后再用工具 → 构建npm的参考：https://developers.weixin.qq.com/community/develop/doc/0006285df40970c3ac2bf536c51400...

str.split("").reverse().join("")

转自：http://www.cnblogs.com/Zigzag/archive/2009/02/19/position.htmlCSS之Position详解CSS的很多其他属性大多容易理解，比如字体，文本，背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍，而偏偏忽略了对一些难缠的属性讲解，有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构，以及定位。正如

转自：http://www.cocoachina.com/webapp/20141231/10815.html通过移动端使用 Web 服务的比率越来越大，例如淘宝今年双十一，移动端交易份额就达到 42.6%。由此可见，掌握移动端的前端开发和测试是非常有必要的。由于之前做过大量有响应式需求的项目；今年（2014）年初也配合 Denis 的微信机器人做了一些用于微信的移动端项目；在淘宝 U

var startPosition, endPosition, deltaX, deltaY, moveLength; $(".content").bind('touchstart', function(e){ var touch = e.touches[0]; startPosition = { x:

转自：http://mp.weixin.qq.com/s?__biz=MzA3OTExMjIwMg==&mid=206186914&idx=1&sn=1580dd2c36fc4ffee2ba50f9ee05d584#rdJavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等

转自：http://mp.weixin.qq.com/s?__biz=MzA3OTExMjIwMg==&mid=206258343&idx=1&sn=1f46e669acbee19bd14b36cc2b590020#rdJavaScript的性能问题不容小觑，这就需要我们开发人员在编写JavaScript程序时多注意一些细节，本文非常详细的介绍了一下JavaScript性能优化方面的知识点

转自：http://oss.so/blog/21.html在以往，如果要在网页上，实现时间轴效果，我们需要使用jQuery来实现。虽然jQuery十分的漂亮美观，但使用方法来说，太麻烦了。而我们现在通过css3就可以时间一个简单漂亮的时间轴制作了，我现在将我研究的css时间轴制作的方法放上来，给大家参考一下。首先，我将CSS代码部分放上来

转自：http://www.qingdou.me/2687.htmljQuery是最流行的JavaScript工具库。据统计，目前全世界57.3%的网站使用它。也就是说，10个网站里面，有6个使用jQuery。如果只考察使用工具库的网站，这个比例就会上升到惊人的91.7%。jQuery如此受欢迎，以至于有被滥用的趋势。许多开发者不管什么样的项目，都一股脑使用jQuery。但是，

CSS Test Page *{ margin: 0; padding: 0; } .cent{ background:#0CF; height:200px; width:100px; } .cs{ width:1

转自：http://www.dowebok.com/77.html简介如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面（查看），QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的，显得更上档次，你可以试试 fullPage.js。fu

转自：http://www.cnbeta.com/articles/304469.htmCDN公共库是指将常用的JS库存放在CDN节点，以方便广大开发者直接调用。与将JS库存放在服务器单机上相比，CDN公共库更加稳定、高速。一 般的CDN公共库都会包含全球所有最流行的开源JavaScript库，你可以在自己的网页上直接通过script标记引用这些资源。这样做不仅可以为您 节省流量，

转自：http://blog.youkuaiyun.com/iamduoluo/article/details/20290973[javascript] view plaincopyprint?1.seajs.config  seajs.config({      // 设置路径，方便跨项目调用      paths: {          

转自：http://my.oschina.net/shunshun/blog/204587Bootstrap Paginator是一款基于Bootstrap的js分页插件，功能很丰富，个人觉得这款插件已经无可挑剔了。它提供了一系列的参数用来支持用户的定制，提供了公共的方法可随时获得插件状态的改变，以及事件来监听用户的动作。目前经过测试的浏览器包括： Firefox 5+

查看网页字体插件： WhatFontgoogle市场地址：https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm官网地址：http://chengyinliu.com/whatfont.htmlgithub地址：https://github.com/chengyin/

转自：http://www.cnblogs.com/guo0/archive/2012/01/10/2318140.html AutoComplate $(function() { var emails = [ { name: "Peter P

这不是一篇介绍seajs和backbone的文章，如果对这两个库不太了解，可以去他们官网查阅。欢迎转载，注明出处：http://www.cnblogs.com/mapping/archive/2013/03/03/2941812.html单页面应用（spa：single page application）的业务逻辑多是比较复杂的，如果一次性把整个spa用到的文件加出估计得卡到不行，使用seaj

转自：http://blog.163.com/html5_12/blog/static/21278902620121020113637485/标签的规范：1、所有标签都必须要有相应的结束标签。2、标签和标签的属性都必须使用小写。3、所有标签都必须合理嵌套。4、标签的alt属性。5、XHYML转义字符。块属性标签（块元素）：

转自：http://relucent.iteye.com/blog/708535

1、正常设置边框的div.normal { width: 50px; height: 50px; border-width: 5px 5px 5px 5px; border-color: red blue yellow green; border-style: solid; background-color: gray;} 效

1、-webkit-appearance   参考 ：http://www.w3cplus.com/css3/changing-appearance-of-element-with-css3.html使用“-webkit-appearance: none; ”来改变按钮在iPhone下的默认风格，其实我们可以反过来思路，使用“appearance”属性，来改变任何元素的浏览器默认风格，简单

转自：http://www.ituring.com.cn/article/69192简介：新年伊始，按照上层指示，开始着力于移动端的界面制作，优化和兼容性调整工作。因此，整理了一些入门级的知识，比较实用，如取消移动端的默认样式，取消点击表单后的延迟时间等，都是日常项目中碰到的问题，部分整理自网络，部分按照自己的理解，从《Apress.Beginning.iPhone.and.iPa

转自：https://github.com/adamlu/javascript-style-guide原文: https://github.com/airbnb/javascript注：本人根据自己的开发习惯删除和修改了部分规范JavaScript规范内容列表类型对象数组字符串函数属性变量条件表达式和等号块注释空白逗号分号类型转换命名约定存取器构

转自：http://bubkoo.com/2014/01/01/angular/ui-router/guide/multiple-named-views/参考原文：https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views可以给ui-view指定名称，这样一个模板中就可以有多个ui-view。假设您

转自：http://bubkoo.com/2014/01/02/angular/ui-router/guide/url-routing/参考原文：https://github.com/angular-ui/ui-router/wiki/URL-Routing在你的应用中大多数状态都有与其相关联的 url，路由控制不是设计完成 state 之后的事后想法，而是开始开发时就

转自：http://bubkoo.com/2014/01/02/angular/ui-router/guide/the-components/参考原文：https://github.com/angular-ui/ui-router/wiki/The-Components$state / $stateProvider：管理状态定义、当前状态和状态转换。包含触发状态

转自：https://segmentfault.com/a/1190000007231100事情的起因由于最近在使用Angular + node开发，采取的办法一直都是约定好接口，然后node实现，再编写前端。但是这样有一个很麻烦的问题：编写前端的时候无法调用接口，不能很好地测试，只能一口气写完再编译后放到后端来测试。经常会因为解决一些小的问题而反复的编译、调试，浪费很多不

转自：https://segmentfault.com/a/1190000013565024CSS布局解决方案（终结版） css 无悔铭 5 天前发布赞  |   34收藏  |  1521.8k 次浏览前端布局非常重要的一环就是页面框架的搭建，也是最基础的一环。在页面框架的搭建之中，又有居中布局、多列布局以及全局布局，今天我们就来总结总结前端干货中的CSS布局。居中布局水平居中1）使用inlin...

<div id="app"> <div class="loading"> <h2>玩命加载中...</h2> <span></span> <span></span> &am

转自：https://cloud.tencent.com/developer/article/1006169一直以来，无论是web还是iOS、android的应用中，为了提升应用的加载等待这段时间的用户感知体验，各种奇门遁甲之术层出不穷。其中，菊花图以及由它衍生各种加载动画是一个非常大的流派，如下图所示：由它衍生而出的各种加载动画也是遍地开花：在很多的应用的交互中，这种菊花的加载的设计已然要一统江...

在浏览器的导航栏中输入：data:text/html, <html contenteditable>效果如下:上面的内容是从https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html复制过来的，竟然带着格式！！！...

转自：http://bubkoo.com/2014/01/01/angular/ui-router/guide/state-manager/参考原文：https://github.com/angular-ui/ui-router/wikiui-router 的工作原理非常类似于 Angular 的路由控制器，但它只关注状态。在应用程序的整个用户界面和导航中，一个

转自：http://bubkoo.com/2014/01/01/angular/ui-router/guide/nested-states%20&%20nested-views/参考原文：https://github.com/angular-ui/ui-router/wiki/Nested-States-%26-Nested-Views状态嵌套的方法状态可以相互

转自：http://www.cnblogs.com/nuysoft/archive/2012/03/19/2404274.html作者：nuysoft/高云/nuysoft@gmail.com声明：本文为原创文章，如需转载，请注明来源并保留原文链接。Backbone0.9.1源码分析分析系列jQuery1.6.1源码分析系列 

转自：http://blog.meathill.net/tech/js/override-loading-logic-in-backbone.html居然在Google里找不到类似的情况，难道只有我一个人会有这种疑问么……我在使用Backbone的时候，遇到一个问题：我需要用Backbone.Model或者Backbone.Collection来加载一些远程数据，一般来说都是静

var panel = Ext.create('Ext.form.Panel', { html: '', listeners : { render: function(v1, v2, v3) { Ext.getDom("mainFrame").contentWindow.onload = function()

转自：http://www.jianshu.com/p/1858a8733ba3译文经作者 CSS Animation 授权转载原文地址：Animation Principles for the Web作为前端的设计师和工程师，我们用 CSS 去做样式、定位并创建出好看的网站。我们经常用 CSS 去添加页面的运动过渡效果甚至动画，但我们经常做的东西不会超过这些。动效

转自：http://www.ruanyifeng.com/blog/2015/07/flex-examples.html作者： 阮一峰日期： 2015年7月14日上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局

效果代码： CSS步骤条 .step-container { margin: 0; padding: 0; width: 100%; } .step-container li { display: inline-block; float:

转自：http://zhidao.baidu.com/link?url=fDHMypWzbzKqJI6atJiCOuW_XQsn4r3lSVnK2wUdl5_0Y97yZ1Sp_Nrv-Z2iSjDK6K0IrK8hQ2tXVoaFEX1dBL-wszgwOPegusC944OhSCSsessionStorage 和 localStorage 是HTML5 Web Storage API