- 博客(29)
- 收藏
- 关注
转载 Vuejs的数据驱动与组件
数据响应原理:有一份数据a.b,在一个vue对象的实例化过程中,会给a.b这份数据通过ES5的Object.defineProperty属性添加了一个getter和setter,同时vuejs对模板做编译,解析生成一个指令对象(v-text=“a.b”),每一个指令对象都会关联一个Watcher,当我们的指令对应的表达式a.b做求值的时候,就会触发了它的getter,这里就会把依...
2018-07-09 17:17:00
294
转载 Webpack 入门教程
什么是 Webpack? Webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、Coffee、样式(含Less/Sass)、图片等都作为模块来使用和处理。Webpack的优点 1、支持CommonJS和AMD模块。 2、支持很多模块加载器的调用,可以使模块加载器灵活定制,比如babel-loader加载器,该加载器能使我们使用...
2016-11-29 10:35:00
171
转载 CSS小技巧
能用HTML/CSS解决的问题就不要使用JS:http://www.codeceo.com/article/html-css-not-js.html?utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.comCSS中一些利用伪类、伪元素和相邻元素选择器的技巧:https://segmentfault.com/a/...
2016-03-21 11:25:00
112
转载 JavaScript组件开发方式
(1)//这种写法,把所有的东西都包在了一个自动执行的闭包里面,所以不会受到外面的影响,并且只对外公开了TextCountFun构造函数,生成的对象只能访问到init,render方法。这种写法已经满足绝大多数的需求了。事实上大部分的jQuery插件都是这种写法。var TextCount = (function(){ //私有方法,外面将访问不到 var _bind...
2016-03-08 17:19:00
111
转载 理解JavaScript原型和面向对象(继承)
JavaScript面向对象核心知识归纳:http://duni.sinaapp.com/?p=742彻底理解JavaScript原型:http://www.imooc.com/article/2088js构造函数的方法与原型prototype:http://caibaojian.com/js-constructor-vs-prototype.html关于__proto__和...
2015-11-17 17:34:00
121
转载 BEM命名规则和规范
BEM命名规则:http://segmentfault.com/a/1190000000391762class命名方案:http://www.w3cplus.com/css/css-class-name.html常用的CSS命名规范:http://www.html5cn.org/article-7600-1.html通用CSS笔记、建议与指导:https://github.c...
2015-10-21 17:33:00
141
转载 整理gulp自动化构建工具(包含PostCss)
教程地址:http://segmentfault.com/a/1190000000372547 http://www.w2bc.com/Article/129411、安装nodejs2、新建package.json文件3、全局和本地安装gulp4、使用npm安装gulp插件(如:gulp-jshint、gulp-sass、gulp-mini-css、gulp-ug...
2015-08-31 15:15:00
108
转载 基于json数据交互的js模板
参考地址:http://www.zhangxinxu.com/wordpress/2012/09/javascript-html-json-template/<!doctype html><html><head> <meta charset="UTF-8"> <title>js模板</t...
2015-08-16 11:51:00
67
转载 移动端开发资源
使用Flexible实现手淘H5页面的终端适配(淘宝官方):https://github.com/amfe/article/issues/17移动前端自适应解决方案和比较:http://caibaojian.com/mobile-responsive-example.html如何适配不同分辨率和不同屏幕尺寸的手机:http://www.html5cn.org/article-93...
2015-07-22 09:17:00
211
转载 经典CSS自适应布局
自适应之Margin负值布局之美:http://www.cnblogs.com/jscode/archive/2012/08/28/2660078.html史上最全HTML与CSS布局技巧:http://www.imooc.com/article/2235内滚动布局:http://mp.weixin.qq.com/s?__biz=MjM5NjA3ODI3Ng==&mid=20...
2015-05-17 18:06:00
135
转载 移动端Web开发注意事项(响应式)
移动Web资源管理:http://www.cnblogs.com/PeunZhang/p/3407453.html#question_17Web App优化整理:http://www.cnblogs.com/yexiaochai/p/3759959.htmlweb移动端常见问题解决方案:http://www.html5cn.org/article-9314-1....
2015-04-12 18:00:00
236
转载 jQuery插件通用写法
参考网址:http://www.cnblogs.com/wayou/p/jquery_plugin_tutorial.html深入理解jQuery插件开发:http://blog.jobbole.com/30550/完整插件demo:/ ** * 表格隔行变字体颜色和背景颜色,鼠标移入移出变字体颜色 * * HTML页面调用方法: * $(f...
2015-04-12 17:44:00
100
转载 关于清除浮动(BFC),float和inline-block
BFC(块级格式化上下文):http://kayosite.com/block-formatting-contexts-in-detail.html1、BFC 会阻止外边距折叠2、BFC 可以包含浮动的元素3、BFC 可以阻止元素被浮动元素覆盖4、IE6、7不支持BFC,可以使用zoom:1触发hasLayout文档流(Documentflow):浮动元素会脱...
2015-04-12 17:43:00
92
转载 js和css的顺序关系及js加载执行优化探索
1. head里的顺序如下,考虑会对请求有何影响:a. 外部js在css前面<scriptsrc="1.js"></script><linkrel="stylesheet"type="text/css"href="1.css?sleep=5s"><linkrel="stylesheet"type="text/cs...
2015-04-12 17:42:00
102
转载 表单验证
javascript版:function getLength(str){ //检测输入字符的字符串长度 return str.replace(/[^\x00-xff]/g,"xx").length;//}function findStr(str,n){ //比较字符是否相同 var num = 0; for(var i=0;i ...
2015-04-12 17:36:00
87
转载 日期比较
javascript版:window.onload = function(){ prepareDate();}function prepareDate(){ if(!document.getElementBy Id ) return false; if(!document.getElementBy Id ("startTime")) re...
2015-04-12 17:35:00
119
转载 常用正则表达式
正则表达式30分钟入门教程:http://deerchao.net/tutorials/regex/regex.htmjs正则表达式方式总结:http://bbs.html5cn.org/thread-86756-1-1.html65条最常用正则表达式:http://www.w3cfuns.com/notes/20768/6a3434fc38ad3a8a7dcc4491a5528...
2015-04-12 17:15:00
125
转载 js事件线程机制和异步执行
浏览器的内核是多线程的,它们在内核制控下相互配合以保持同步,一个浏览器至少实现三个常驻线程:javascript引擎线程,GUI渲染线程,浏览器事件触发线程。javascript执行顺序:http://bbs.html5cn.org/thread-80116-1-1.htmlJS一定要放在Body的最底部么:http://www.html5cn.org/article-9333-...
2015-04-12 17:14:00
156
转载 阻止事件冒泡
<div id="one" onclick="alert('我是最外层');"> <div id="two" onclick="alert('我是中间层');"> <a id="hr_three" href="http://www.baidu.com" onclick="alert('我是最里层');">...
2015-04-12 17:10:00
81
转载 jQuery笔记
jQuery代码规范:http://bbs.html5cn.org/thread-86001-1-1.htmljQuery教程学习网:http://jqfundamentals.com/chapter/jquery-basicsjQuery学习网站:http://learn.jquery.com/jQuery性能改善:http://bbs.html5cn.org/th...
2015-04-12 17:05:00
110
转载 javascript性能优化
转载网址:http://www.cnblogs.com/developersupport/p/3491370.html一、 让代码简洁:一些简略的表达方式也会产生很好的优化eg:x=x+1;在不影响功能的情况下可以简写为x++;二、 变量名方法名尽量在不影响语意的情况下简单。(可以选择首字母命名)eg:定义数组的长度可以取名为:ArrLen而不需要取为Arra...
2015-04-12 17:03:00
69
转载 JavaScript DOM
原生javascript替代jQuery选择器写法:http://caibaojian.com/toutiao/5264?wb为了达到平稳退化,向后兼容,标记分离的思想,每次写js代码时做的第一件事应该是必要的测试和检查工作:在js文件里首先添加以下代码进行检查:window.onload = function(){if(!document.getElements...
2015-04-12 17:02:00
73
转载 javascript笔记
javascript标准参考教程:http://javascript.ruanyifeng.com/学习JavaScript参考博客:http://www.cnblogs.com/jikey/p/4039740.html前端JavaScript规范:http://www.imooc.com/article/1402经典前端JS面试题:http://www.devtoutiao...
2015-04-12 17:01:00
66
转载 CSS3笔记
CSS3动画手册:https://isux.tencent.com/css3/index.html?transformCSS3实现水平垂直居中:http://bbs.html5cn.org/thread-87300-1-1.html http://www.w3cplus.com/css/centering-css-complete-guide.htmlCSS魔法...
2015-04-12 16:58:00
215
转载 CSS选择器的权重与优先规则
在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择器的规则优先于具有一般选择器的规则,如果两个规则的特殊性相同,那么后定义的规则优先。我们把特殊性分为4个等级,每个等级代表一类选择器,每个等级的值为其所代表的选择器的个数乘以这一等级的权值,最后把所有等级的值相加得出选择器的特殊值。4个等级的定义如下:第一等:代表内联样式,如:style="",权值为1000...
2015-04-12 16:55:00
79
转载 CSS hacker(兼容IE6、7、8)
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />这行代码是永远以最新的IE版本模式来显示网页,使IE支持HTML5。<meta name="renderer"content="webkit|ie-comp|ie-stand" />content的取值为webkit,ie-co...
2015-04-12 16:52:00
115
转载 CSS笔记
盒子3D模型(由外到内):border(边框)>content-padding(内边距)>background-image(背景图像)>background-color(背景颜色)>margin(外边距)盒子尺寸大小 = 边框+外边距+内边距+盒子里的内容大小稳定性最好的就是盒子本身的高度和宽度了,我们优先考虑这个。 因此,很多情况下,我们会考虑利用高度剩...
2015-04-12 16:49:00
109
转载 HTML笔记
注重结构与样式的分离:1.先按结构和语义编写代码2.然后进行CSS样式设置3.减少HTML与CSS的契合度javascript使用注意事项:1.平稳退化2.向CSS学习:分离javascript3.向后兼容4.性能考虑:尽量减少访问DOM和标记,合并和放置脚本,压缩并优化脚本HTML代码规范:http://www.html5cn.org/art...
2015-04-12 16:47:00
59
转载 前端学习方向
1. 通读权威指南。不要瞎读,外面烂书太多。倒不是说烂书学不到知识,它们之所以是烂书,是因为它们缺乏一种“正确的价值观”。什么是卓越的方法,什么是优雅的代码,这些都是有“品味”和“格调”的。由于我近期看的书不多,也不想为别人打广告,所以我只能给出一个简单但绝对不会错的答案:看《权威指南》。2. 多做自己想做的练习,俗称“造轮子”。比如自己做一个简历网站或是博客,把想用的技术都用...
2015-04-12 16:45:00
313
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人