摘要: 一、为什么要动态加载模块 webpack在打包react应用时会将整个应用打包成一个js文件,当用户首次访问时,会加载整个js文件,当应用规模越来越大时,这个js文件所包含的数据量也越来越大,网站首屏渲染的速度也就会变慢。二、优化方法 常见的优化方法有一下3种: 1、多入口:利用webpack的en 阅读全文
posted @ 2020-03-09 16:12 Chen_cong 阅读(1157) 评论(0) 推荐(0) 编辑
摘要: 一、什么是服务端渲染 react是构建客户端应用程序的框架。传统的SPA (单页应用程序 (Single-Page Application)) 是在浏览器加载打包后的js文件,进行dom的生成与渲染。也可以将同一个组件在服务端渲染成html字符串,然后将它响应给浏览器。服务端渲染的react应用程序 阅读全文
posted @ 2019-12-10 00:13 Chen_cong 阅读(1409) 评论(0) 推荐(0) 编辑
摘要: 问题描述: 我在react中用typescript时,定义一个Home组件,然后在组件里用setState时会有这样一个报错:(如图)Property 'setState' does not exist on type 'Home' 分析解决: 报错说我的Home组件上不存在setState属性,但 阅读全文
posted @ 2019-12-06 18:50 Chen_cong 阅读(2710) 评论(1) 推荐(0) 编辑
摘要: 最近在用typescript写项目时,我用import来加载一个图片,webpack编译文件是会报错如下: 报错: 解决: 如果在js中引入本地静态资源图片时使用import img from './img/bd_logo1.png'这种写法是没有问题的,但是在typscript中是无法识别非代码资 阅读全文
posted @ 2019-02-27 18:19 Chen_cong 阅读(40039) 评论(1) 推荐(5) 编辑
摘要: 目录介绍 src:里面的每个文件夹就是一个页面,页面开发相关的组件、图片和样式文件就存放在对应的文件夹下。 tpl:里面放置模板文件,当webpack打包时为html-webpack-plugin插件提供模板。 tsconfig.json:typescript的配置文件,需要自己新建并编写。 web 阅读全文
posted @ 2019-02-18 15:01 Chen_cong 阅读(3318) 评论(0) 推荐(0) 编辑
摘要: React.Children提供了处理this.props.children的工具,this.props.children可以任何数据(组件、字符串、函数等等)。React.children有5个方法:React.Children.map(),React.Children.forEach()、Rea 阅读全文
posted @ 2019-02-13 18:38 Chen_cong 阅读(15730) 评论(1) 推荐(3) 编辑
摘要: outPut中的publicPath 默认值: 空字符串。 publicPath是非常有必要配置的,他是项目中引入静态资源(js、css)时的基础路径。 例如: 在使用html-webpack-plugin插件打包后的html文件(下图)可以看到,引入js文件的路径为“publicPath+静态资源 阅读全文
posted @ 2019-02-01 16:34 Chen_cong 阅读(3904) 评论(0) 推荐(0) 编辑
摘要: 写h5页面时经常有业务逻辑需要判断页面所处的环境,这时我们可以通过navigator对象来获取浏览器相关信息加以判断,方法如下: 阅读全文
posted @ 2019-01-23 23:22 Chen_cong 阅读(1471) 评论(0) 推荐(0) 编辑
摘要: 最近尝试用less写界面,webpack进行打包,然后发现每次修改less时都需要重新执行webpack打包一下,于是就想到了webpack热更新这个功能。 一、使用less less是一门css预处理语言,它是拓展了css,增加了变量,Mixin等等。使用less需要安装less服务,less-l 阅读全文
posted @ 2018-01-21 13:23 Chen_cong 阅读(12445) 评论(0) 推荐(0) 编辑
摘要: 1、children与childNodes children: 获取子元素节点,无兼容问题 childnNodes: IE:获取子元素节点 非IE(chrome,Firefox等):获取子节点,包括元素节点和文本节点 2、firstChild与firstElementChild firstChild 阅读全文
posted @ 2018-01-17 20:30 Chen_cong 阅读(3808) 评论(0) 推荐(0) 编辑