- 博客(14)
- 收藏
- 关注
原创 【面试】回流和重绘
当你在面试中谈论网页性能优化时,两个重要但容易被忽视的概念是"重绘"和"回流"。在这篇文章中,我们来谈谈它们,为什么它们如此重要,以及如何在面试中聊起它们。如果它们发生太频繁,网页加载会变得缓慢,用户体验下降。:如果你需要多次修改元素的样式或布局,最好将这些操作合并在一起,减少回流次数。,比如改变颜色、背景或阴影,但不改变它的位置时,浏览器会重新绘制这个元素。:对于频繁触发的事件,如窗口大小变化,可以使用节流和防抖来延迟处理,减少回流次数。,可以通过GPU硬件加速,减少了重绘和回流的开销。
2023-10-26 23:28:39
239
原创 cross-env:实现跨平台环境变量管理的利器
cross-envcross-env是一个有用的工具,它简化了跨平台开发中环境变量的设置过程。它允许开发人员编写跨平台的脚本,确保代码在不同操作系统上的可移植性。通过示例,我们展示了如何在项目中使用cross-env来设置环境变量,以便在不同环境中进行开发和部署。无论您是开发前端应用、后端服务,或者其他类型的 Node.js 项目,cross-env都可以为您简化跨平台开发的环境配置工作,提高开发效率。
2023-10-21 10:44:33
592
原创 Uniapp 踩坑:‘use‘ is not exported by ‘node_modules\@dcloudio\uni-mp-vue\dist\vue.runtime.esm.js‘
是 Vue2 安装插件的方式,而在 Vue3 版本中,并不能到处 vue 这个包,故在编译时会有以下的报错。把import vue删了,vue.use 也不需要。想在 uniapp vue3 的项目中使用。,尝试着直接套用官方的模板,下面直接贴上代码。官方的实例应该还是停留在。
2022-11-19 22:07:28
6467
2
原创 好用或好玩的小网站
CSSflex布局的小游戏(FLEXBOX FROGGY):https://flexboxfroggy.com/grid布局的小游戏(GRID GARDEN):https://cssgridgarden.com/
2022-02-24 10:00:42
2181
原创 自定义滚动条
直接上代码.box { width: 150px; height: 200px; overflow: scroll; margin: 100px;}.scrollbar { width: 30px; height: 300px; margin: 0 auto;}/*滚动条整体样式*/.box::-webkit-scrollbar { width: 10px; height: 1px;}/*滚动条滑块*/.box::-webkit-scrollbar
2022-02-23 17:45:37
145
原创 ES6 Symbol.toPrimitive
先看看 MDN 的解释:Symbol.toPrimitive是一个内置的 Symbol 值,它是作为对象的函数值属性存在的,当一个对象转换为对应的原始值时,会调用此函数。const object1 = { [Symbol.toPrimitive](hint) { if (hint === 'number') { return 42; } return null; }};console.log(+object1);// expected output:
2022-02-23 11:57:45
614
原创 ES6 Symbol.hasInstance
先看看 MDN 的解释:Symbol.hasInstance用于判断某对象是否为某构造器的实例。因此你可以用它自定义 instanceof 操作符在某个类上的行为。class Array1 { static [Symbol.hasInstance](instance) { return Array.isArray(instance); }}console.log([] instanceof Array1);// expected output: true简单的说,就是当其他对
2022-02-23 11:45:32
498
原创 安装MySQL Install/Remove of the Service Denied错误的解决办法
在 Windows 环境下安装 MySQL在 cmd 中选择到 MySQL 安装目录下的 bin 文件夹中执行:mysqld --install报错:解决方式:打开cmd.exe程序的时候选择“用管理员身份打开”。扩展:Windows 系统下怎么使用管理员身份运行 cmd.exe 程序一、打开我的电脑,在地址栏输入以下内容:C:\Windows\System32二:找到cmd.exe程序,并右键单击后,选择“以管理员身份运行”...
2022-02-20 12:35:32
1037
原创 vue-cli babel.config.js文件引入vant报错Cannot find module ‘babel-plugin-import‘
问题在跟着网上的vue项目的项目准备过程中,在 babel.config.js 文件中需要引入 vant 组件库。代码大概如下:module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant'
2021-12-15 16:48:03
2996
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人