# React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的实例.日后还将对官方文档进阶和高级部分分专题进行学习并记录. 尽管前端学习面临着各种各样的焦虑,尽管越来越多的框架出现,然而无可否认的是,它们都在从不同的角度提高生产力--从这个角度而言,之所以焦虑,本质原因是因为行业的门槛其实是降低了,而自己变得"不值钱"起来.在目前的环境下,无论如何必…

一.ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站.做出来以后,发现这套东西很好用,就在2013年5月开源了.由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单.所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具. ReactJS官网地址:http://facebook.github.io/re…

本案例来自React.js中文官网对应内容. 一. 运行环境 <link rel="stylesheet" type="text/css" href="css/css.css"/> <!-- 核心 --> <script src="js/react.js"></script> <!-- 加载dom方法 --> <script src="js/react…

本文主要内容来自React官方文档中的"Thinking React"部分,总结算是又一篇笔记.主要介绍使用React开发组件的官方思路.代码内容经笔者改写为较熟悉的ES5语法. React--在我们看来,是用javascript快速开发大型web应用的捷径.这在Facebook和Instagram实践中得到了证实. 零 任务描述 假设我们已经拿到了一个蹩脚设计师给的设计稿: 从后端返回来的一组json数据包括商品类,商品名,价格和库存: [ { "category"…

使用node进行web开发 用户上网流程: 表面上看:打开浏览器--输入网址--跳转--上网. 背后的过程是什么呢? http请求网址到指定的主机--服务器接收请求--服务器响应内容到用户浏览器--浏览器接收到数据,并根据接收到的信息进行处理,渲染出用户看到的界面. 名词解释: 客户端--用户浏览器: 服务端--服务端 现在再精简下描述: 由客户端发送一个http请求到服务端,服务端接收并处理请求,返回数据到客户端. 搭服务器 收发数据遵循一定的规则----一般是http规则. 搭建服务器,处理…

案例分析:前端自动化 1. 实现一个自动创建前端项目文件的js 通过node.js自动创建前端项目目录,包括js目录,js目录css目录,index.html和对应的内容. 初步的代码如下: var projectData={ 'name':'前端模板',//总文件夹名 'fileData':[{ 'name':'style', 'type':'dir' },{ 'name':'script', 'type':'dir' },{ 'name':'images', 'type':'dir' },{…

文件系统(FileSystem) 文件系统模块 对于文件无外乎创建修改添加. File System - 文件系统模块 - require('fs') fs模块是核心模块,需要使用require导入后使用.该模块提供了操作文件的一些API fs.open(path, flags, [mode], callback) –异步版的打开一个文件.一共接受4个参数,3个可选 path:要打开文件的路径 flags:打开方式--常用的有读()/写.会影响后续的打开方式 [MODE]:设置文件的模式:读.写…

以下将以API文档为基础进行分析学习 global对象 这些对象在所有模块里都可用.有些对象不是在全局作用域而是在模块作用域里,这些情况下面文档都会标注出来. __filename--返回当前模块文件解析后的绝对路径,该属性不是全局的,而是模块作用域下的. 因此,直接console.log(_filename);不要加global.. __dirname--返回当前模块文件所在目录解析后的绝对路径,也不是全局的. 比如,通过定时器打印出每秒的时刻. setInterval(function ()…

Node.js和JavaScript: 核心都是ECMAScrit,比如数据类型,语法结构,内置对象等等. 但是在js中顶层是window 在node中的不存在这个window(console.log(this)的结果是{}),它的顶层是全局对象(global),但是,当在node.js中定义一个a时.通过却global.a访问不了a. javascript 包括ECMAScript.DOM和BOM 而node.js包括 ECMAScript.OS(操作系统).file(文件).net(网络)和…

网站越来越庞大,JS也是越写越多. 当所有的JS 都集中在 HTML的 head 部分时,网页加载变得很慢,很多的 JS代码也并不是全都适用在当前的页面,造成了代码的冗余度非常高. 而且长长的JS代码,没有很好的将他们 模块化,对以后的维护造成极大的困难. 为此特地去了解下 require.js 的用途以及使用方法,为以后 代码重构 和 模块化 提供帮助.让后来者能更好的去管理代码. 1 为什么我要用require.js? 最近在制作个网站.引入了 <script src="static/…