abcde3326-CSDN博客

转载 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 284

转载 Webpack 入门教程

什么是 Webpack？　　Webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、Coffee、样式（含Less/Sass）、图片等都作为模块来使用和处理。Webpack的优点　　1、支持CommonJS和AMD模块。　　2、支持很多模块加载器的调用，可以使模块加载器灵活定制，比如babel-loader加载器，该加载器能使我们使用...

2016-11-29 10:35:00 165

转载 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 102

转载 JavaScript组件开发方式

（1）//这种写法，把所有的东西都包在了一个自动执行的闭包里面，所以不会受到外面的影响，并且只对外公开了TextCountFun构造函数，生成的对象只能访问到init,render方法。这种写法已经满足绝大多数的需求了。事实上大部分的jQuery插件都是这种写法。var TextCount = (function(){ //私有方法，外面将访问不到 var _bind...

2016-03-08 17:19:00 101

转载理解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 113

转载 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 130

转载整理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 98

转载基于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 63

转载移动端开发资源

使用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 199

转载经典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 128

转载移动端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 228

转载 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 91

转载关于清除浮动(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 85

转载 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 97

转载表单验证

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 78

转载日期比较

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 113

转载常用正则表达式

正则表达式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 115

转载 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 145

转载阻止事件冒泡

<div id="one" onclick="alert('我是最外层');"> <div id="two" onclick="alert('我是中间层');"> <a id="hr_three" href="http://www.baidu.com" onclick="alert('我是最里层');"&gt...

2015-04-12 17:10:00 72

转载 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 102

转载 javascript性能优化

转载网址：http://www.cnblogs.com/developersupport/p/3491370.html一、让代码简洁：一些简略的表达方式也会产生很好的优化eg：x=x+1;在不影响功能的情况下可以简写为x++;二、变量名方法名尽量在不影响语意的情况下简单。（可以选择首字母命名）eg：定义数组的长度可以取名为：ArrLen而不需要取为Arra...

2015-04-12 17:03:00 63

转载 JavaScript DOM

原生javascript替代jQuery选择器写法：http://caibaojian.com/toutiao/5264?wb为了达到平稳退化，向后兼容，标记分离的思想，每次写js代码时做的第一件事应该是必要的测试和检查工作：在js文件里首先添加以下代码进行检查：window.onload = function(){if(!document.getElements...

2015-04-12 17:02:00 68

转载 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 62

转载 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 208

转载 CSS选择器的权重与优先规则

在CSS中，会根据选择器的特殊性来决定所定义的样式规则的次序，具有更特殊选择器的规则优先于具有一般选择器的规则，如果两个规则的特殊性相同，那么后定义的规则优先。我们把特殊性分为4个等级，每个等级代表一类选择器，每个等级的值为其所代表的选择器的个数乘以这一等级的权值，最后把所有等级的值相加得出选择器的特殊值。4个等级的定义如下：第一等：代表内联样式，如:style=""，权值为1000...

2015-04-12 16:55:00 72

转载 CSS hacker(兼容IE6、7、8)

2015-04-12 16:52:00 113

转载 CSS笔记

盒子3D模型（由外到内）：border(边框)>content-padding(内边距)>background-image(背景图像)>background-color(背景颜色)>margin(外边距)盒子尺寸大小 = 边框+外边距+内边距+盒子里的内容大小稳定性最好的就是盒子本身的高度和宽度了，我们优先考虑这个。因此，很多情况下，我们会考虑利用高度剩...

2015-04-12 16:49:00 101

转载 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 53

转载前端学习方向

1. 通读权威指南。不要瞎读，外面烂书太多。倒不是说烂书学不到知识，它们之所以是烂书，是因为它们缺乏一种“正确的价值观”。什么是卓越的方法，什么是优雅的代码，这些都是有“品味”和“格调”的。由于我近期看的书不多，也不想为别人打广告，所以我只能给出一个简单但绝对不会错的答案：看《权威指南》。2. 多做自己想做的练习，俗称“造轮子”。比如自己做一个简历网站或是博客，把想用的技术都用...

2015-04-12 16:45:00 306

abcde3326的博客