摘要：
通过jquery可以很容易实现CP端的拖拽。但是在移动端却不好用了。于是我自己写了一个在移动端的拖拽demo，主要用到的事件是触摸事件（touchstart，touchmove和touchend）。 这个demo实现的功能是：可以拖拽的元素（在这里是图片）位于列表中，这些元素可以被拖到指定区域，到达 阅读全文
摘要：
一.webpack基础 1.在项目中生成package.json：在项目根目录中输入npm init，根据提示输入相应信息。（也可以不生成package.json文件，但是package.json是很有用的，所有建议生成） 2.安装webpaack a.在全局中安装webpack：npm insta 阅读全文
摘要：
一.ref是通过ReactDOM.render返回的 定义在组件上的render方法返回的是一个虚拟的DOM节点，jsx返回的是一个ReactElement，ReactDOM.render返回的是一个组件实例的引用 二.ref的类型 ref有两种类型的值分别是：字符串和函数。组件的ref只有组件被装 阅读全文
摘要：
一.虚拟DOM 1.React并不直接操作DOM，React中的render方法，返回一个DOM描述，React能够将这个DOM描述与内存中的表现进行比较，然后以最快的方式更新浏览器 2.React实现了一整套事件系统，所有的事件对象符合W3C规范，并且事件冒泡跨浏览器支持。你能够使用HTML5事件 阅读全文
摘要：
这篇博客是我通过阅读React官方文档的教程总结的学习笔记，翻译可能存在误差，如有疑问请参见http://reactjs.cn/react/docs/tutorial.html 。 一.所需文件 在编写react代码前需要在html文件中引入三个文件 阅读全文
摘要：
这个导航下拉菜单需要实现的功能是：下拉菜单的宽度与浏览器视口的宽度一样宽；一级导航只有两项，当鼠标移到一级导航上的导航项时，相应的二级导航出现。在本案例中通过改变二级导航的高度来实现二级导航的显示和消失。为了便于理解我画了一个图，如下： 在这个案例主要用到的知识有：设置定时器，清除定时器，mouse 阅读全文
摘要：
在我看来要想实现轮播主要是要知道当前位于的页面和即将位于的页面。这个案例是通过改变图片的透明度来实现轮播的效果。 我把涉及的知识点分为两个方面，分别是HTML+css和JS。 第一部分（html+css） 包含的知识有：positon定位， 最 外层是一个div，它包含了所有的元素。这个轮播一共有三 阅读全文