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