随笔分类 - React
React.js框架学习
摘要：react获取服务器APi接口的数据： react中没有提供专门的请求数据的模块。但是我们可以使用任何第三方请求数据模块实现请求数据 一、axios 获取Api数据 使用文档：https://www.npmjs.com/package/axios git项目地址：https://github.com
阅读全文
摘要：父组件给子组件传值时： 1、defaultProps:父子组件传值中，如果父组件调用子组件的时候不给子组件传值，可以在子组件中使用defaultProps定义的默认值； 2、propTypes：验证父组件传值的类型合法性(注意：类.propTypes、 PropTypes.string； propT
阅读全文
摘要：一、概述 React中的组件: 解决html 标签构建应用的不足。 使用组件的好处：把公共的功能单独抽离成一个文件作为一个组件，哪里里使用哪里引入。 【父子组件】：组件的相互调用中，我们把调用者称为父组件，被调用者称为子组件 二、父子组件传值 父组件给子组件传值方法分为2步： 1、父：在调用子组件的
阅读全文
摘要：上接：https://blog.csdn.net/u010132177/article/details/103022377 自定义模块及使用（封装） 1.上节代码：【todolistOk.js】 其中的localStorage函数部分明显在使用中比较麻烦，我们将对其进行提取，单独封闭成一个模块 2.
阅读全文
摘要：一、项目功能概述 示例网址：http://www.todolist.cn/ 功能： 1. 输入待做事项，回车，把任务添加到 【正在进行】 2. 【正在进行】 任务，勾选之后，变成已【经完成事项】 3. 【已完成事务】，勾选之后，变回 【正在进行 】 4. 最后的删除按钮点之后删除事务 二、项目实现
阅读全文
摘要：一、约束性和非约束性组件: 非约束性组: MV： 这个 defaultValue 其实就是原生DOM中的 value 属性。 这样写出的来的组件，其value值就是用户输入的内容，React完全不管理输入的过程。 约束性组件： MVVM： 这里，value属性不再是一个写死的值，他是 this.st
阅读全文
摘要：接：https://www.cnblogs.com/chenxi188/p/11782349.html 事件对象 、键盘事件、 表单事件 、ref获取dom节点、React实现类似vue双向数据绑定 一、事件对象 事件对象： 在触发DOM上的某个事件时,会产生一个事件对象event。这个对象中包含着
阅读全文
摘要：上接：https://www.cnblogs.com/chenxi188/p/11782349.html 项目目录： my-app/ README.md node_modules/ package.json .gitignore public/ favicon.ico index.html mani
阅读全文
摘要：接：https://www.cnblogs.com/chenxi188/p/11702799.html 用上节建好的my-app项目： my-app/ README.md node_modules/ package.json .gitignore public/ favicon.ico index.
阅读全文
摘要：一、安装方法 ctrl+ship+p —— 在弹出的地方输入 pci （package control: install pagckage）—— 再输入 要安装的包名 二、一步过慢或失败解决： 原因：每次都要重新下载 channel_v3.json文件，因为文件较大，经常无法下载导致 第一步，下载文
阅读全文
摘要：搭建React的开发环境的第二种方法（新-未来推荐）： https://reactjs.org/docs/create-a-new-react-app.html 一、 npx简介： 1. npm v5.2.0引入的一条命令（npx），引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验。
阅读全文
摘要：依赖管理工具安装yarn 可参考前几篇文章 1、必须安装nodejs 注意：安装nodejs稳定版本 2、安装cnpm用cnpm替代npm 地址：http://npm.taobao.org/安装cnpm: 3、用yarn替代npm yarn的安装： 第一种方法：参考官方文档https://yarn.
阅读全文
摘要：大家都知道原型和原型链是 JavaScript 中最经典的问题之一，而构造函数又是原型和原型链的基础，所以先了解清楚构造函数以及它的执行过程可以更好地帮助我们学习原型和原型链的知识。 本文将从以下几个方面来探讨构造函数： 1.什么是构造函数 2.为什么要使用构造函数 3.构造函数的执行过程 4.构造
阅读全文
摘要：1.定义一个匿名函数常规语法： 2.该函数使用箭头函数可以使用仅仅一行代码搞定！ 箭头函数相当于匿名函数，并且简化了函数定义。 箭头函数有两种格式： 一种像上面的，只包含一个表达式，连{ ... }和return都省略掉了。 还有一种可以包含多条语句，这时候就不能省略{ ... }和return。
阅读全文
摘要：1.前端/react概述 《从零react》 1.前端工 程概述 Web跨平台、跨浏览 器的应用开发场景 网页浏览器（Web Browser） 通过 CLI 指令去操作的 Headless 浏览器（Headless Application） 如：phantomJS、CasperJS 等 运作在 We
阅读全文
摘要：1）使用 JSX 的好处 1.提供更加语意化且易懂的标签 与html对比 1.1命令式 对比 声明式 React 思路认为使用 Component 比起模版（Template）和显示逻辑（Display Logic）更能实现关注点分离的概念，而搭配 JSX 可以实现声明式Declarative （注
阅读全文
摘要：reactjs特性： 1.基于组件(Component)化思考 【组成】React 的最基本的单元为组件（Component），每个组件也可以包含一个以上的子组件，并依照需求组装成一个组合式的（Composable）组件【组件特性】：封装（encapsulation）、关注点分离 (Separati
阅读全文
摘要：1.cnpm代替npm 如果你的系统还不支持 Node.js 及 NPM 可以参考我们的 Node.js 教程。 我们建议在 React 中使用 CommonJS 模块系统，比如 browserify 或 webpack，本教程使用 webpack。 国内使用 npm 速度很慢，你可以使用淘宝定制的
阅读全文
摘要：Webpack 模块打包工具（module bundler）功能： 1.CDN引入<script>法写React 1.理解 React 是 Component（零件） 导向的应用程式设计 2.引入 react.js 、 react-dom.js、babel-standalone 版script 3.
阅读全文
摘要：【问题】：配置完react后修改app.js内容时添加中文出现如下乱码的中文。 【A解决】文档——文本编码——转换文本编码，在弹出窗口修改，确定，搞定 【B解决】首先在EditPlus内：工具——首选项——弹出的窗口选择——文件——把“统一编码改成【utf-8】” 【C解决】windows默认启事本
阅读全文
