<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[abcde3326的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/abcde3326</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; abcde3326]]></copyright><item><title><![CDATA[Vuejs的数据驱动与组件]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427078</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427078</guid><author>abcde3326</author><pubDate>Mon, 09 Jul 2018 17:17:00 +0800</pubDate><description><![CDATA[数据响应原理：
有一份数据a.b，在一个vue对象的实例化过程中，会给a.b这份数据通过ES5的Object.defineProperty属性添加了一个getter和setter，同时vuejs对模板做编译，解析生成一个指令对象（v-text=“a.b”），每一个指令对象都会关联一个Watcher，当我们的指令对应的表达式a.b做求值的时候，就会触发了它的getter，这里就会把依...]]></description><category></category></item><item><title><![CDATA[Webpack 入门教程]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427076</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427076</guid><author>abcde3326</author><pubDate>Tue, 29 Nov 2016 10:35:00 +0800</pubDate><description><![CDATA[什么是 Webpack？
　　Webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、Coffee、样式（含Less/Sass）、图片等都作为模块来使用和处理。
Webpack的优点

　　1、支持CommonJS和AMD模块。　　2、支持很多模块加载器的调用，可以使模块加载器灵活定制，比如babel-loader加载器，该加载器能使我们使用...]]></description><category></category></item><item><title><![CDATA[CSS小技巧]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427075</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427075</guid><author>abcde3326</author><pubDate>Mon, 21 Mar 2016 11:25:00 +0800</pubDate><description><![CDATA[能用HTML/CSS解决的问题就不要使用JS：
http://www.codeceo.com/article/html-css-not-js.html?utm_medium=hao.caibaojian.com&amp;utm_source=hao.caibaojian.com
CSS中一些利用伪类、伪元素和相邻元素选择器的技巧：https://segmentfault.com/a/...]]></description><category></category></item><item><title><![CDATA[JavaScript组件开发方式]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427073</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427073</guid><author>abcde3326</author><pubDate>Tue, 08 Mar 2016 17:19:00 +0800</pubDate><description><![CDATA[（1）//这种写法，把所有的东西都包在了一个自动执行的闭包里面，所以不会受到外面的影响，并且只对外公开了TextCountFun构造函数，生成的对象只能访问到init,render方法。这种写法已经满足绝大多数的需求了。事实上大部分的jQuery插件都是这种写法。
var TextCount = (function(){
  //私有方法，外面将访问不到
  var _bind...]]></description><category></category></item><item><title><![CDATA[理解JavaScript原型和面向对象（继承）]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427070</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427070</guid><author>abcde3326</author><pubDate>Tue, 17 Nov 2015 17:34:00 +0800</pubDate><description><![CDATA[JavaScript面向对象核心知识归纳：http://duni.sinaapp.com/?p=742
彻底理解JavaScript原型：http://www.imooc.com/article/2088
js构造函数的方法与原型prototype：http://caibaojian.com/js-constructor-vs-prototype.html
关于__proto__和...]]></description><category></category></item><item><title><![CDATA[BEM命名规则和规范]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427074</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427074</guid><author>abcde3326</author><pubDate>Wed, 21 Oct 2015 17:33:00 +0800</pubDate><description><![CDATA[BEM命名规则：http://segmentfault.com/a/1190000000391762
class命名方案：http://www.w3cplus.com/css/css-class-name.html
常用的CSS命名规范：http://www.html5cn.org/article-7600-1.html
通用CSS笔记、建议与指导：https://github.c...]]></description><category></category></item><item><title><![CDATA[整理gulp自动化构建工具(包含PostCss)]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427072</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427072</guid><author>abcde3326</author><pubDate>Mon, 31 Aug 2015 15:15:00 +0800</pubDate><description><![CDATA[教程地址：http://segmentfault.com/a/1190000000372547  http://www.w2bc.com/Article/12941
1、安装nodejs
2、新建package.json文件
3、全局和本地安装gulp
4、使用npm安装gulp插件(如：gulp-jshint、gulp-sass、gulp-mini-css、gulp-ug...]]></description><category></category></item><item><title><![CDATA[基于json数据交互的js模板]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427061</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427061</guid><author>abcde3326</author><pubDate>Sun, 16 Aug 2015 11:51:00 +0800</pubDate><description><![CDATA[参考地址：http://www.zhangxinxu.com/wordpress/2012/09/javascript-html-json-template/

&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;js模板&lt;/t...]]></description><category></category></item><item><title><![CDATA[移动端开发资源]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427031</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427031</guid><author>abcde3326</author><pubDate>Wed, 22 Jul 2015 09:17:00 +0800</pubDate><description><![CDATA[使用Flexible实现手淘H5页面的终端适配（淘宝官方）：https://github.com/amfe/article/issues/17
移动前端自适应解决方案和比较：http://caibaojian.com/mobile-responsive-example.html
如何适配不同分辨率和不同屏幕尺寸的手机：http://www.html5cn.org/article-93...]]></description><category></category></item><item><title><![CDATA[经典CSS自适应布局]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427039</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427039</guid><author>abcde3326</author><pubDate>Sun, 17 May 2015 18:06:00 +0800</pubDate><description><![CDATA[自适应之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==&amp;mid=20...]]></description><category></category></item><item><title><![CDATA[移动端Web开发注意事项（响应式）]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427069</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427069</guid><author>abcde3326</author><pubDate>Sun, 12 Apr 2015 18:00:00 +0800</pubDate><description><![CDATA[移动Web资源管理：http://www.cnblogs.com/PeunZhang/p/3407453.html#question_17
Web App优化整理：http://www.cnblogs.com/yexiaochai/p/3759959.html
web移动端常见问题解决方案：http://www.html5cn.org/article-9314-1....]]></description><category></category></item><item><title><![CDATA[jQuery插件通用写法]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427059</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427059</guid><author>abcde3326</author><pubDate>Sun, 12 Apr 2015 17:44:00 +0800</pubDate><description><![CDATA[参考网址：http://www.cnblogs.com/wayou/p/jquery_plugin_tutorial.html
深入理解jQuery插件开发：http://blog.jobbole.com/30550/



完整插件demo：
/   **
 * 表格隔行变字体颜色和背景颜色，鼠标移入移出变字体颜色
 *
 * HTML页面调用方法：
 * $(f...]]></description><category></category></item><item><title><![CDATA[关于清除浮动(BFC),float和inline-block]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427065</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427065</guid><author>abcde3326</author><pubDate>Sun, 12 Apr 2015 17:43:00 +0800</pubDate><description><![CDATA[BFC(块级格式化上下文)：http://kayosite.com/block-formatting-contexts-in-detail.html
1、BFC 会阻止外边距折叠
2、BFC 可以包含浮动的元素
3、BFC 可以阻止元素被浮动元素覆盖
4、IE6、7不支持BFC，可以使用zoom：1触发hasLayout

文档流（Documentflow）:浮动元素会脱...]]></description><category></category></item><item><title><![CDATA[js和css的顺序关系及js加载执行优化探索]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427056</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427056</guid><author>abcde3326</author><pubDate>Sun, 12 Apr 2015 17:42:00 +0800</pubDate><description><![CDATA[1. head里的顺序如下，考虑会对请求有何影响：
a. 外部js在css前面


&lt;scriptsrc="1.js"&gt;&lt;/script&gt;&lt;linkrel="stylesheet"type="text/css"href="1.css?sleep=5s"&gt;&lt;linkrel="stylesheet"type="text/cs...]]></description><category></category></item><item><title><![CDATA[表单验证]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427057</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427057</guid><author>abcde3326</author><pubDate>Sun, 12 Apr 2015 17:36:00 +0800</pubDate><description><![CDATA[javascript版：
function getLength(str){   //检测输入字符的字符串长度
    return str.replace(/[^\x00-xff]/g,"xx").length;//
}
function findStr(str,n){  //比较字符是否相同
    var num = 0;
    for(var i=0;i
   ...]]></description><category></category></item><item><title><![CDATA[日期比较]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427053</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427053</guid><author>abcde3326</author><pubDate>Sun, 12 Apr 2015 17:35:00 +0800</pubDate><description><![CDATA[javascript版：

window.onload = function(){
    prepareDate();
}
function prepareDate(){
    if(!document.getElementBy Id ) return false;
    if(!document.getElementBy Id ("startTime")) re...]]></description><category></category></item><item><title><![CDATA[常用正则表达式]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427054</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427054</guid><author>abcde3326</author><pubDate>Sun, 12 Apr 2015 17:15:00 +0800</pubDate><description><![CDATA[正则表达式30分钟入门教程：http://deerchao.net/tutorials/regex/regex.htm
js正则表达式方式总结：http://bbs.html5cn.org/thread-86756-1-1.html
65条最常用正则表达式：http://www.w3cfuns.com/notes/20768/6a3434fc38ad3a8a7dcc4491a5528...]]></description><category></category></item><item><title><![CDATA[js事件线程机制和异步执行]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427048</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427048</guid><author>abcde3326</author><pubDate>Sun, 12 Apr 2015 17:14:00 +0800</pubDate><description><![CDATA[浏览器的内核是多线程的，它们在内核制控下相互配合以保持同步，一个浏览器至少实现三个常驻线程：javascript引擎线程，GUI渲染线程，浏览器事件触发线程。
javascript执行顺序：http://bbs.html5cn.org/thread-80116-1-1.html
JS一定要放在Body的最底部么：http://www.html5cn.org/article-9333-...]]></description><category></category></item><item><title><![CDATA[阻止事件冒泡]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427032</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427032</guid><author>abcde3326</author><pubDate>Sun, 12 Apr 2015 17:10:00 +0800</pubDate><description><![CDATA[&lt;div id="one" onclick="alert('我是最外层');"&gt; 
        &lt;div id="two" onclick="alert('我是中间层');"&gt;
            &lt;a id="hr_three" href="http://www.baidu.com" onclick="alert('我是最里层');"&gt...]]></description><category></category></item><item><title><![CDATA[jQuery笔记]]></title><link>https://blog.youkuaiyun.com/abcde3326/article/details/101427043</link><guid>https://blog.youkuaiyun.com/abcde3326/article/details/101427043</guid><author>abcde3326</author><pubDate>Sun, 12 Apr 2015 17:05:00 +0800</pubDate><description><![CDATA[jQuery代码规范：http://bbs.html5cn.org/thread-86001-1-1.html

jQuery教程学习网：http://jqfundamentals.com/chapter/jquery-basics
jQuery学习网站：http://learn.jquery.com/
jQuery性能改善：http://bbs.html5cn.org/th...]]></description><category></category></item></channel></rss>