众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。举个例子：一个保存按钮，为了避免重复提交或者服务器考虑，往往需要对点击行为做一定的限制，比如只允许每300ms提交一次，这时候我想大部分同学都会到网上直接拷贝一段throttle函数，或者直接引用lodash工具库btn.addEventListene …
css opacity属性
1、list的ul的li的width一样时，width要固定，还有高2、制作滚动插件时，的结构<div class=” body ”><div class=” prev ”><div><div class=” list ”>width的值为滚动个li的宽度 或 n个里的宽度<div class=” wra …
HTML 部分1. 什么是语义化标签？举例说明使用语义化标签的好处。语义化标签是 HTML 标签的命名和功能符合其含义，具有清晰的目的和作用，例如：语义化标签的例子：<header>：定义页面的头部区域。<nav>：定义导航栏。<article>：定义文章内容。<footer>：定义页脚。好处：增强代码可读性： …
1.说明：1.1 推荐指数：★★★★1.2 环境：谷歌浏览器、微软vscode编辑器1.3 熟悉sin和cos的函数与圆（画圆弧的关系）深入理解2.本次的模拟效果图：3.css和js文件的引入：3.1 同一个文件夹或者目录下引入：.xxx.js或者.xxx.css3.2 大型的html文件或者一般在html文件的同一个目录下，建css文件夹和js文件夹，放入 …
----------基于上次写的jquery插件进行改造 http:www.cnblogs.comGerryOfZhongp5533773.html背景：jQuery插件依赖jQuery库，虽然jQuery使用十分广泛，但是对于移动开发或者在其他带宽需求需要注意的时候，就得考虑，因为我不可能完成一项技术相对来说引用了一个更大的库，这样之不值得的。所以原生js …
Three.js中的材质（Material）是实现引人注目的3D效果的关键组件之一。本篇博客中，我们将深入探讨Three.js中的材质类型、属性和用法。一、什么是Three.js材质？在Three.js中，材质是应用于几何体（Geometry）的外观和纹理的规则。它们决定了对象在场景中如何反射光线、显示颜色、反射环境等。Three.js提供了各种类型的材质， …
大家好，很高兴又见面了，我是"高级前端?进阶?"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发！最近读到一篇关于 PWA 的文章《WHAT WEB CAN DO TODAY?》，加上本身自己对 PWA 这个专题也比较感兴趣，所以抽空梳理了 PWA 目前主流功能以及功能描述。文章从用户体验、Na …
我们在日常编码的时候，隐藏一个 dom 元素有很多种方式，今天我们来盘点一下隐藏 dom 元素有哪些方式，最后一种，你绝对没有用过。display: none作为经常用来隐藏元素的 css 属性，display: none 相信大家并不陌生，使用了 display: none 会直接将元素从文档树中隐藏掉。一旦元素使用了 display: none 之后，这 …
一、公共属性QML里的各个可视化对象均继承与Item类，因此公共属性也就是Item的属性注意：Item本身是不可视化的1、标识符：id功能：标识对象，方便引用特点：必须唯一（可省略非必需），不然使用的时候语义不明2、位置：xy功能：描述对象相对于父元素的位置3、大小：widthheight功能：描述对象的大小：宽、高4、层级顺序：z功能：类似于CSS里的z- …
1. 代码优化代码压缩与混淆工具：使用工具如 webpack、Rollup、esbuild 来压缩和混淆代码，减小文件体积。配置：开启 TerserPlugin 或 babel-minify 进行压缩。减少冗余代码删除未使用的代码（Dead Code）。使用动态 import() 按需加载模块。避免重复加载第三方库。Tree Shaking去除未使用的模块， …