摘要： 这篇笔记是官方教程的延续笔记，所有代码基于第一篇笔记的结尾代码。旨在解决教程后面提出的五个问题。 一 . 用(X,Y)来取代原有的数字坐标 原来的数字坐标是这样的： 现在的要求是把原来的代码坐标改为二维坐标系的表达形式，并且在历史记录面板中打出转换后的坐标。 如果只是为了输出好看。只需要写一个转换方 阅读全文

摘要： React的井字过三关（1） 本文系React官方教程的Tutorial: Intro To React的笔记。由笔者用ES5语法改写。 在本篇笔记中，尝试用React构建一个 可交互的 井字棋游戏。 开始 先布局： status反映游戏信息。九宫格采用flex布局。右侧有一处游戏信息。 再把css 阅读全文

摘要： 天猫购物网站最显眼的就是轮播图了。我在学习一样新js库，一个新框架或新的编程思想的时候，总是感叹“入门必做选项卡，进阶须撸轮播图。”作为一个React组件，它是状态操控行为的典型，拿来练手是个不错的选择。 为了复习，这次就尝试用原生的javascript+React来完成。 轮播图原生实现 所谓轮播 阅读全文

摘要： 本文由笔者翻译自官方文档的JSX In Depth，若干案例经过了改写。其实说白了也好像不算太深入，但还是提示了一些可能的盲区。 JSX是为构造React元素方法 设计的语法糖。 比方说JSX代码： 用标准的React语法写出来应该是： 当没有内容时，根据xml的语法特性，可以加上自闭合标签： 那么 阅读全文

摘要： 本案例来自React.js中文官网对应内容。 一. 运行环境 二. 组件架构 App下有两个子组件 （评论列表）和 （评论区），其中 下又有一个子组件 （评论） Comment包括一个h2的评论人名称，一个span的评论内容，获取数据之后，Comment组件以数组的形式传入CommentList。 阅读全文

摘要： 本文主要内容来自React官方文档中的“Thinking React”部分，总结算是又一篇笔记。主要介绍使用React开发组件的官方思路。代码内容经笔者改写为较熟悉的ES5语法。 React——在我们看来，是用javascript快速开发大型web应用的捷径。这在Facebook和Instagram 阅读全文

摘要： React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记，估计也会是该系列涵盖内容最多的笔记，主要内容来自英文官方文档的快速上手部分和阮一峰博客教程。当然，还有我自己尝试的实例。日后还将对官方文档进阶和高级部分分专题进行学习并记录。 尽管前端学习面临着各种各样的焦虑，尽管越来 阅读全文

摘要： jquery实现简单瀑布流布局（续）：图片懒加载 这篇文章是 "jquery实现简单瀑布流布局" 思想的小小扩展。代码基于前作的代码继续完善。 图片懒加载就是符合某些条件时才触发图片的加载。最常见的具体表现就是，当页面被请求时，只加载可视区域的图片，其它部分的图片只占位而不加载，只有这些图片出现在可 阅读全文

摘要： jquery实现简单瀑布流布局 是开头都会说的原理 瀑布流布局有两种，一种是固定列，一种是非固定列。在此主要记述第一种的实现。 固定列的特征是：无论页面如何缩放，每行的总列数都一致。 一行4列的瀑布流从布局的角度来说，就是4个li标签。通过一定的事件（比如滚动条滚动多少px），然后读取之，再把数据动 阅读全文

摘要： 使用node进行web开发 用户上网流程： 表面上看：打开浏览器——输入网址——跳转——上网。 背后的过程是什么呢？ http请求网址到指定的主机——服务器接收请求——服务器响应内容到用户浏览器——浏览器接收到数据，并根据接收到的信息进行处理，渲染出用户看到的界面。 名词解释： 客户端——用户浏览器 阅读全文