Naomi's Blog

摘要： 搭建项目过程： Package.json篇 1.打开命令行工具 cmd 2.默认安装好nodejs以及全局安装webpack 3.在适当的地方新建目录 mkdir webpack-react-es6 cd webpack-react-es6 npm init 回车 4.打开package.json文 阅读全文

摘要： 事件处理直接参考了慕课网上的教程，然后自己根据教程来编写实例，通过下面的实例可以很清晰地理解React的事件处理，其中需要注意的是索引refs！ 阅读全文

摘要： React 入门实例教程(转载) 作者： 阮一峰 日期： 2015年3月31日 作者： 阮一峰 日期： 2015年3月31日 现在最热门的前端框架，毫无疑问是 React 。 上周，基于 React 的 React Native 发布，结果一天之内，就获得了 5000 颗星，受瞩目程度可见一斑。 R 阅读全文

摘要： 首先通过一个简单的小例子初探react： 示例中引入了三个库： 阅读全文

摘要： jquery中有四种事件绑定函数，bind()，live()，on()，delegate(),由于live现在并不常用，因此不做过多解释。 1. bind()用法 这种方式采用了事件委托概念，不直接为p元素绑定事件而是为其父元素（或者祖先元素也可）绑定事件，当在div内点击任意元素时，事件一层层根据 阅读全文

摘要： 在有些页面中我们常常用到一些天气的插件，网上会提供一些免费的API，很实用，这边介绍一种非常简单的天气插件，如果你只需要在页面中简单的实现以下当前的天气状况不如拿来用一用。 首先实现出来的效果是这样的： 具体的实现方法如下： 步骤1： 引入样式表和js 步骤2： html 步骤3： 自定义js 实现 阅读全文

摘要： 进入离开动画 在sandal的_animation.scss中我们定义了fade-in/out, shrink-in/out, up-in/out, down-in/out, left-in/out, right-in/out六组基础动画，下面我们以fade-in/out为例说明如何使用： 直接调用 阅读全文

摘要： 单行，不考虑间距等分 以sheral的nav list为例： equal-flex的mixin定义在sandal中，代码如下： 参数部分可以是常用的li div p a span strong几个元素，也可以是class，会自动加.。 除了使用flex等分之外，我们还可以使用table办法来等分，同 阅读全文

摘要： 这个line list的名字是我自己起的（大概的意思是单行列表），要实现的东西为sheral的line list，对应的scss组件为_line-list.scss，下图为line-list的一个缩影： 这个UI应该是每个移动端网页都必备的，而且使用场景也是非常的丰富，所以这里我们采用一步步循序渐进 阅读全文

摘要： viewport 关于viewport详细请参考移动前端开发之viewport的深入理解 css3选择器 结构伪类选择器已经成为列表类的标配了，不掌握都不好意思切页面了。 CSS3 选择器——属性选择器 CSS3 选择器——伪类选择器 css选择器支持一览表 CSS选择器查阅 伪元素（::befor 阅读全文