![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
束子熊
不要太相信自己的脑子,它是最不老实的
展开
-
【Node.js 安装】安装 Node.js 并设置自定义 npm 的路径(windows系统)
安装 Node.js 并设置自定义 npm 的路径,为了方便理解,文中的文件夹路径,直接使用了我本地的路径。实际操作时,对应上自己的本机路径即可。1、安装 Node.js 和 npm在官网自行下载并安装了 Node.js 在本地文件夹 G:\Software\nodejs 中,同时在 G:\Software\nodejs\node_modules 文件...原创 2019-07-06 18:00:39 · 2124 阅读 · 0 评论 -
windows系统下,运行 create-umi 报错“文件名、目录名或卷标语法不正确”
这个坑踩几次了,为了避免之后再踩,还是记下来备忘吧。照着官网文档的“项目实战”,运行第一句命令就报错了,如下:E:\practice\createUmi>yarn create umiyarn create v1.16.0[1/4] Resolving packages...[2/4] Fetching packages...[3/4] Linking dependencies....原创 2019-07-06 18:02:41 · 10878 阅读 · 32 评论 -
【Umi】通过配置 dynamicImport loadingComponent 实现子页面加载效果
在前端单页面应用中,子页面的代码都是当用户访问到的时候,才会异步去加载子页面的代码。如果子页面代码较大,那么会给用户一段时间的卡顿感,很影响使用体验。所以,我们想在加载子页面代码时,显示 loading 组件,从而优化体验。在 Umi 中,可以通过简单的配置,即可实现。1、编写 loading 组件:(src/components/PageLoading/index...原创 2019-07-06 18:14:25 · 9939 阅读 · 0 评论 -
(转)浏览器的回流与重绘 (Reflow & Repaint)
写在前面在讨论回流与重绘之前,我们要知道:浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM,把CSS解析成CSSOM,DOM和CSSOM合并就产生了Render Tree。 有了RenderTree,我们就知道了所有节点的样式,然后计算他们在页面上的大小和位置,最后把节点绘制到页面上。 由于浏览器使用流式布局,对Render Tree的...转载 2019-07-06 18:39:49 · 162 阅读 · 0 评论 -
【调试】前端调试,在电脑上调试手机浏览器
前端调试,在电脑上调试手机浏览器参照教程:http://www.tuicool.com/articles/mAzmq21、按教程说的装好 weinire 之后,复制下面代码到需要调试的html上:<scriptsrc="http://192.168.0.131:8899/target/target-script-min.js#anonymous"><...原创 2019-07-06 18:45:49 · 2140 阅读 · 0 评论