- 博客(16)
- 收藏
- 关注
RSS订阅原创 React 性能优化
React 性能优化性能检测安装react性能检测工具npm i react-addons-perf --save,然后再./app/index.jsx中// 性能测试import Perf from 'react-addons-perf'if (__DEV__) { window.Perf = Perf}运行程序,在操作之前,先运行Perf.start()开始检...
2018-07-24 17:54:58
265
1
原创 React 智能组件&&木偶组件&&生命周期
智能组件&木偶组件这是用React做系统设计时两个非常重要的概念.虽然在React中,所有的单位都叫做组件,但是通过以上例子,我们还是将它分别放在了./app/containers和./app/components两个文件夹中智能组件 在日常开发中,我们也简称”页面”.为何说它”智能”.因为它指挥做一些聪明的事,脏活累活都不干.它只对数据负责,只需要获取了数据,定义好数据操作的相...
2018-07-23 16:48:01
348
原创 React 数据传递&数据变化
props在页面中引用header时,这样写<Header title = 'Hellow页面' />,即给Header组件设置一个title属性,而在Header组件中可以这样取到 render() { return ( <div> <p>{this.props.tit...
2018-07-20 17:52:05
5695
原创 React中 JSX语法
jsx语法React里面写模板要使用jsx语法,他其实和html很相似但是又不太一样.使用一个父节点包裹jsx中不能一次性返回零散的多个节点,如果有很多个节点,需要包含在一个父节点中 return ( <div> <p>推荐</p> <p>...
2018-07-20 15:22:28
398
原创 React 创建项目的基础
如何创建一个react项目npm install -g create-react-appcreate-react-app my-appcd my-appnpm start关于webpack的一些基本命令和配置首先我们需要初始化项目,npm init生成package.json文件利用webpack构建工具,安装相应插件,运行npm install webpack webp...
2018-07-19 23:54:53
1587
原创 从零开始学习react-02
第二节 JSX语法JSX即Javascript XML，它使用XML标记来创建虚拟DOM和声明组件。第02节的HelloWorld程序从本质上能完成所有的工作。只是有一些开发效率问题，比如JavaScript代码与标签混写在一起、缺乏模板支持等。而使用JSX，则可以有效解决这些问题。...
2018-07-19 15:27:26
219
原创 2018 前端面试题整理
基础类: 1.js 字符串操作函数 我这里只是列举了常用的字符串函数，具体使用方法，请参考网址。concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。charAt() – 返回指定位置的字符。lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如果没有匹配项，返回...
2018-07-06 12:29:27
416
原创 从零开始学习react-01
第一节 React简介：React起源于Facebook的内部项目，该公司积极尝试引入HTML5技术用来架设Instagram网站，开发中发现HTML5的性能下降明显，达不到预期的效果。他们就自己开发了React框架。ReactJS官方地址：https://facebook.github.io/react/GitHub地址：https://github.com/facebook/re...
2018-07-03 23:28:47
225
原创 JavaScript中的数据类型
数据类型数据类型的意义:让不同种类的数据拥有各自不同的内存空间 形象比喻:就是 不同种类的交通工具 有各自不同的停车位基本数据类型有6种:Boolean 布尔值 只有两个值[true,false]string 字符串 用单引号或双引号括起来的内容number 数字 自然数(整数/浮点数)function 方法 可以把多行代码放在一起,组成一个代码块,方便调用undefined 未定义 就
2017-06-19 22:42:50
190
原创 HTML 表单属性
表单通过标签进行定义属性action 指向了一个urlname 表单名字method 提交方式 get/post 默认是getenctype enctype="multipart/form-data"以二进制的方式进行传输一个完整的表单包含了哪些？form标签 =表单域（表单元素）+提交按钮
2017-06-18 00:05:02
378
原创 CSS基础动画样式
边框1.border-radius 圆角 px %一个值 作用于4个边角两个值 顺序 左上 右上 右下 左下 依次执行 没有值得找对家三个值 顺序 左上 右上 右下 左下 依次执行 没有值得找对家四个值 顺序 左上 右上 右下 左下 依次执行画圆 正方形 边框半径就是正方形宽高的一半2.box-shadow 边框阴影水平阴影 垂直阴影 阴影大小 颜色
2017-06-18 00:01:30
328
原创 CSS选择器类型
关系选择器包含选择符（E F）选择所有被E元素包含的F元素，中间用空格隔开<head> <style> ul li{color:red;} </style></head><ul> <li>12</li> <li>12</li> <li>12</li> <li>12</li></ul><ol> <li>33</li>
2017-06-17 23:59:56
364
原创 PS的基础操作
对于前端工作者来说，ps也是经常需要用到的工具。所以我对日常工作中经常用到的一些功能进行整理。保存工作区我们需要的窗体： 字符，信息，图层，历史记录，动作字库安装使用快捷方式安装：打开字体设置允许使用快捷方式安装字体作为快捷方式安装基础操作新建 Ctrl+N 可以设置大小（根据剪切板，默认等） 宽高设置呢 背景设置（白色，背景色，透明）打开方式 Ctrl+o；直接拖动清除
2017-06-12 19:47:19
1270
原创 DTD文档类型和HTML基础元素
一、什么是HTML？超文本标记语言 包含了头部（head）和主体（body）两大部分 head 主要是浏览器和搜索引擎看的 body 用户主要看到的内容都在这二、什么是DOCTYPE？它是文档类型声明（HTML文档），它一般写在文档的第一行，html标签之前。 DOCTYPE分为html5类型和html4类型 html5 所有html类型的文档都用这种方式定义 html4 三种类型：严格
2017-06-05 23:32:56
323
转载 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-06-05 23:17:55
190
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人