会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
小辣条
博客园
首页
新随笔
联系
管理
订阅
上一页
1
2
3
4
5
6
下一页
2019年6月25日
vscode快捷键
摘要: 书签: Command(Ctrl)+Option(Alt)+K 便会加入书签,再按一次就会移除书签。 Command+Option+L 下一个书签,使用 Command(Ctrl)+Option(Alt)+J 回到上一个书签
阅读全文
posted @ 2019-06-25 18:38 小辣条
阅读(242)
评论(0)
推荐(0)
2019年6月24日
二、React中的更新
摘要: 创建更新的方式:ReactDOM.render||hydrate 初次渲染,然后是setState、forceUpdate 一、React.render() 步骤:创建ReactRoot、创建FiberRoot和RootFiber、创建更新,这样我们的应用就到了更新调度。 什么是FiberRoot
阅读全文
posted @ 2019-06-24 19:35 小辣条
阅读(311)
评论(0)
推荐(0)
2019年6月23日
一、基础知识 React API 一览
摘要: 1.10 Hooks 参考文章:https://juejin.im/post/5be3ea136fb9a049f9121014 demo: 1.11 React.children 用法文章推荐:https://www.jianshu.com/p/d1975493b5ea 源码: https://gi
阅读全文
posted @ 2019-06-23 12:32 小辣条
阅读(946)
评论(0)
推荐(0)
2019年6月17日
七、SSR(服务端渲染)
摘要: 使用框架的问题 下载Vue.js 执行Vue.js 生成HTML页面(首屏显示,依赖于vue.js的加载) 以前没有前端框架时,用jsp/php在服务器端进行数据的填充,发送给客户端就是已经填充好的数据的HTML。首屏就没有问题 现在尼,使用JQuery异步加载数据,使用React和Vue前端框架,
阅读全文
posted @ 2019-06-17 08:55 小辣条
阅读(202)
评论(0)
推荐(0)
2019年6月16日
如何起一个本地服务
摘要: 1.首先下载安装node.js、npm 2.新建node项目文件夹 比如:nodehost; 在当前文件夹打开终端,npm init 初始化, npm install express --save 安装express 3.在nodehost根目录新建一个server.js; 起服务地址默认127.0
阅读全文
posted @ 2019-06-16 15:54 小辣条
阅读(1347)
评论(0)
推荐(0)
2019年6月15日
六、浏览器存储
摘要: 多种浏览器存储方式并存,如何选择? Cookie 特点: 因为HTTP请求无状态,所以需要cookie去维持客户端状态 过期时间 expire cookie的生成方式(1. http response header中的set-cookie, 2. js中可以通过document.cookie可以读写
阅读全文
posted @ 2019-06-15 21:32 小辣条
阅读(230)
评论(0)
推荐(0)
五、重绘与回流
摘要: css性能让javascript变慢? 会的,频繁触发重绘与回流,会导致UI频繁渲染,最终导致js变慢。 有两个线程:一个线程JavaScript解析,一个线程是UI渲染,这两个其实是互斥的两个线程。 当javascript 线程运行的时候 ui 线程则会中止暂停,反之亦然。 那这是为什么呢? 原因
阅读全文
posted @ 2019-06-15 18:04 小辣条
阅读(479)
评论(0)
推荐(0)
四、懒加载与预加载
摘要: 懒加载:图片进入可视区域之后请求图片资源 很多电商等图片很多,页面很长的业务场景适用。减少无效资源的加载。并发加载的资源过多会阻塞js的加载,影响网站的正常使用。 当进入可视区域将data-original中的url放入到src中。代码如下: 预加载:图片等静态资源在使用之前的提前请求 资源使用到时
阅读全文
posted @ 2019-06-15 15:59 小辣条
阅读(181)
评论(0)
推荐(0)
三、css 和 js 的装载与执行
摘要: 一个网站在浏览器端是如何渲染的? 一、html 页面加载渲染的过程。 请求回来最先应该是HTML,从一个字节流转换成字符流,浏览器拿到字符流,然后浏览器端进行相应的词法分析成相应的token,然后不断的通过next-token添加到DOM树中。然后有一些Link标签,浏览器并发的去请求一些CSS资源
阅读全文
posted @ 2019-06-15 15:01 小辣条
阅读(382)
评论(0)
推荐(0)
二、图片相关优化
摘要: 图片类型: png8——256色支持透明,8比特 png24——2的24次方色,不支持透明,24比特 png32——2的24次方色,支持透明,32比特 png是无损压缩,JPEG是有损压缩,每种图片格式都有自己的特点,针对不同的业务场景选择不同的图片格式很重要。 不同格式图片常用的业务场景: jpg
阅读全文
posted @ 2019-06-15 12:04 小辣条
阅读(163)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
下一页
公告