摘要: 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件,滚动与页面渲染的关系,节流与防抖,pointer-events:none 优化滚动。因为本文涉及了很多很多基础,可以对照上面的知识点,选择性跳到相应地方阅读。 滚动优化的由来 滚动优化其实也不仅仅指滚动(scroll 事件),还 阅读全文
posted @ 2021-09-01 09:48 Code_Yu 阅读(142) 评论(0) 推荐(0)
摘要: 将React与Vue的用法做的一个对比,通过这个对比,方便使用Vue的小伙伴可以快速将Vue中的写法转换为React的写法。 插槽 在使用Vue的时候,插槽是一个特别常用的功能,通过定义插槽,可以在调用组件的时候将外部的内容传入到组件内部,显示到指定的位置。在Vue中,插槽分为默认插槽,具名插槽和作 阅读全文
posted @ 2021-08-26 16:24 Code_Yu 阅读(166) 评论(0) 推荐(0)
摘要: 简要介绍:前端开发中,静态网页通常需要适应不同分辨率的设备,常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发,分析了px在移动端布局中的不足,接着介绍了几种不同的自适应解决方案。 px和视口 媒体查询 百分比 自适应场景下的rem解决方案 通过vw/vh来实现自适应 阅读全文
posted @ 2021-08-26 10:49 Code_Yu 阅读(338) 评论(0) 推荐(1)
摘要: 前言 现在我们开发一个 React 项目最快的方式便是使用 Facebook 官方开源的脚手架 create-react-app ,但是随着业务场景的复杂度提升,难免会需要我们再去添加或修改一些配置,这个时候如果对 webpack 不够熟练的话,会比较艰难,那种无力的感觉,就好像是女朋友在旁边干扰你 阅读全文
posted @ 2021-08-25 17:23 Code_Yu 阅读(150) 评论(0) 推荐(0)
摘要: 1 什么是Promise 简单说Promise是异步编程的一种解决方案。 Promise是ES6中的特性。 什么是异步操作? 网络请求中,对端服务器处理需要时间,信息传递过程需要时间,不像我们本地调用一个js加法函数一样,直接获得1+1=2的结果。这里网络请求不是同步的,有时延,不能立即得到结果。 阅读全文
posted @ 2021-08-25 14:59 Code_Yu 阅读(37) 评论(0) 推荐(0)
摘要: 1.1 为什么要有模块化 ​ 随着前端项目越来越大,团队人数越来越多,多人协调开发一个项目成为常态。例如现在小明和小张共同开发一个项目,小明定义一个aaa.js,小张定义了一个bbb.js。 aaa.js //小明开发 var name = '小明' var age = 22 function su 阅读全文
posted @ 2021-08-25 14:37 Code_Yu 阅读(99) 评论(0) 推荐(0)