摘要:
前言 在vue项目中,组件是vue最强大的功能,对于vue组件,我们知道vue组件的作用域是独立的,每个实例化的组件都只能访问组件内部定义的data,但是在一些情况下,我们需要访问其他组件的数据,就有了组件通信的问题,在vue里组件之间的关系有以下几种:父子,隔代,兄弟。针对不同的关系,实现组件之间 阅读全文
摘要:
什么是组件? 组件允许你讲UI拆分为独立可复用的代码片段,并对每个片段进行独立的构思 组件,从概念上类似于JavaScript函数。它接受任意的入参(props),并返回用于描述页面展示内容的React元素 函数组件与class组件 定义组件最简单的方式就是编写JavaScript函数 该函数是一个 阅读全文
摘要:
Rect之元素渲染 如上述代码中所示,我们通过JSX语法创建的就是React元素,通过babel编译,将会变成一个JavaScript对象,(通过浏览器,我们可以查看到),React元素是构成React应用的最小块,描述了你在屏幕上想看到的内容 将一个React元素渲染为DOM 我们需要渲染Reac 阅读全文
摘要:
什么是JSX 上面代码,像是JavaScript,也像是html,这就是jsx,一种JavaScript的语法扩展,在React中使用JSX来描述用户界面。JSX是在JavaScript内部实现的 为什么使用JSX 如果要在js里写HTML,就是创造一个一个的DOM对象,用js来写,会非常的冗余,并 阅读全文
摘要:
什么是JSX 上面代码,像是JavaScript,也像是html,这就是jsx,一种JavaScript的语法扩展,在React中使用JSX来描述用户界面。JSX是在JavaScript内部实现的 为什么使用JSX 如果要在js里写HTML,就是创造一个一个的DOM对象,用js来写,会非常的冗余,并 阅读全文
摘要:
怎么使用react 在网页中引入react npm下载后在项目中引入react 在网页中引入react addReact.html 上面代码中需要连个地方注意,第一,在最后一个` 安装create react app并创建my app npm install g create react app c 阅读全文
摘要:
什么是react? react是一个用于构建用户界面的JavaScript库 为什么说react被用来作为MVC中的V层? react特点? 声明式 React是创建交互式UI变得亲而一举。为你应用的每一个状态设计简洁的视图,当数据改变时React能够有效地更新并正确地渲染组件。以声明式编写UI,可 阅读全文
摘要:
webpack之创建library 假设我们用webpack打包一个我们编写的JavaScript库,并在项目中引用 demo 项目目录 index.js ref.json webpack.library1.js 在package.json中加入字段 执行npm run webpackLibaray 阅读全文
摘要:
webpack 之code splitting code splitting方法 入口起点:使用entry配置手动地方分离代码 防止重复:使用CommonsChunkPlugin去重和分离chunk、 动态导入:通过模块的内联函数调用来分离代码 一、入口起点 示例 项目目录 a.js b.js we 阅读全文
摘要:
为什么需要进行代码拆分? 随着前端代码需要处理的业务越来越繁重,我们不得不面临的问题是前端的代码体积也变得越来越庞大。这造成无论是在调试还是在上线时候都需要 花长时间等待编译完成,并且用户也不得不花额外的时间和带宽下载更大体积的脚本文件。对于性能优化来说,需要减少http请求,用webpack 进行 阅读全文