言凡的博客

两个概念library（库）：小而巧，只提供特定的API；jQuery，库之间的切换比较方便，代码几乎不会改变Farmework（框架）：大而全，提供了一整套的解决方案，vue，项目框架不易切换前端三大主流框架Angular.jsVue.jsReact,jsReact与Vue的对比组件化方面什么是模块化：从代码角度；将可复用的功能代码抽离为单个模块；便于项目...

搭建webpack4.x项目一、运行 npm init -y 快速初始化项目，生成package.json文件{ "name": "reactLearn", "version": "1.0.0", "description": &a

使用react一、安装环境npm i react react-dom -Sreact ：专门用于创建组件和虚拟DOM，同时组件的声明周期也在这个包中react-dom：专门进行DOM操作，最主要的应用场景，就是渲染DOM ReactDOM.render() 二、在index.html页面中创建容器 <!-- 4.创建容器，将来渲染的虚拟DOM，会放到该容器内 ...

使用JSX在js文件中，默认不能写类似HTML的标记，否则会打包失败 可以使用 babel 来转换这些JS中的标签，将标签转换为虚拟DOM对象 React.createElement 注意：在js中混合写入类似于 HTML 的语法，叫做JSX语法；符合XML规范的JS配置babel一、安装babel插件npm i babel-core babel-loader babel-p...

一、行内样式添加行内样式style = {{ color: 'red' }}，样式以对象类型 在行内样式中：数值可以不用引号包裹；字符串必须用引号 fontSize = font-size<h1 style={{color:'red', fontSize:'40px', zIndex: 3}}>这是评论列表组件</h1>注意： 在JSX中设置行内样式，sty...

引用第三方样式表安装bootstrap模块cnpm i bootstrap@3.3.7 -S引用bootstrap模块//如果引用的包安装到 node_modules目录中//则可以省略 node_modules 这一层目录，直接以包名开始引入import bootcss from 'bootstrap/dist/css/bootstrap.css'配置处理webpack...

使用构造函数创建组件开始创建组件名必须大写 //The tag <hello> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.组件必须向外return一个合法的JSX创建的虚拟DOM父...

事件绑定在React中，有独立的事件绑定小驼峰规则 onClick onChange 绑定事件格式 onClick={function}基本写法<button onClick={function(){console.log('ok')}}>按钮</button><button onClick={this.show}>按钮</but...