2016年11月_TechFE

原创一步一步DIY zepto库，研究zepto源码3 -- event模块

上面的博文介绍的都是源码src下的zepto.js文件，接着我们来看看zepto的事件模块，对应文件是event.js 代码挂在我的github上，对应文件夹v0.3.2（只实现on），v0.3.3(完整实现)。 https://github.com/zrysmt/DIY-zepto1.绑定事件实例Demo <div id="foo1">foo1</div> <div id

2016-11-30 10:08:51 935

原创一步一步DIY zepto库，研究zepto源码2 -- selector选择符

我们接着上一篇博客继续完成zepto.init的其余内容。基于Zepto 1.2.0版本。代码挂在我的github上，第一篇博客对应文件夹v0.2。 https://github.com/zrysmt/DIY-zepto整体的流程是： * 有传入context，回调自身：$(context).find(selector) * selector参数为空，直接调用$.zepto

2016-11-30 10:07:38 826

原创一步一步DIY zepto库，研究zepto源码1--基础模块

我在之前写了《一步一步一步DIY zepto库，研究zepto源码1.md一步DIY jQuery库》系列文章，然后发现再往下进行研究jQuery库的时候，由于jQuery库做了很多兼容IE6-8的内容，使其看起来比较繁琐，这也造成了jQuery源码的不宜读性。所幸作为移动端的jQuery库替代品-Zepto,是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的ap

2016-11-21 16:34:21 1442

原创前端CSS&JS动画总结

使用CSS3，我们可以很方便快捷的改变元素的宽度、高度，方位，角度，透明度等基本信息，但是这些不能满足我们的需求，而且浏览器对于CSS3的兼容性不好，所以这时候就需要拓展更多的js动画。1.CSS3动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 动画</title> <s

2016-11-10 20:36:15 1762

原创 domReady机制探究及DOMContentLoaded研究

domReady机制是很多框架和库都具有的种子模块，使用了在DOM树解析完成后就立即响应，不用等待图片等资源下载完成（onload执行时候表示这些资源完全下载完成）的一种机制，那怎么实现呢。1）支持DOMContentLoaded事件的，就使用DOMContentLoaded事件； 2）不支持的，就用来自Diego Perini发现的著名Hack兼容。兼容原理大概就是，通过IE中的document

2016-11-10 20:16:20 1116

原创写给前端er的TCP/IP知识及《图解TCP/IP》读书笔记

1.分层OSI参考模型分为7层，TCP/IP分为四层。 2.物理设备介绍3.传输过程4.分层介绍4.1 数据链路层几个关键的相关技术 - MAC地址：用于识别数据链路层中互连的节点，在使用网卡（NIC）的情况下，MAC地址会烧入在ROM中 - 以太网（Ethernet）以太网帧式，前端是前导码部分，后面是帧的本体帧尾叫做FCS，用来检测帧信息是否完整4.2 网路层4.2.1

2016-11-08 13:04:40 2163

原创 React Router的一个完整示例

本博文提供一个单网页结构网页（SPA）使用React Router路由控制跳转的完整例子。关于配置可以查看我之前的一篇博客：[一步一步进入React的世界（React+Webpack+ES6组合配置）]

2016-11-04 16:46:35 33700 1

原创一步一步进入React的世界（React+Webpack+ES6组合配置）

看了很多博客，大都是把配置文件一笔带过，或者干脆不给出配置文件，然而环境搭建对于新手来说是既困难又重要，显然网络上的博客不利于新手开始学习。 BZ打算从从头开始，一步一步配置webpack，能够使用ES6+React组合开发，废话少说让我们一起来开始Webpack+ES6+React之旅。可以在我的github 中clone或者fork，本博文对应demo01 https://gi

2016-11-04 16:44:18 8405 1

前端-后端学习之路