休思_J-优快云博客

原创在 uni-app 中使用字体图标

在 uni-app 中使用字体图标下载iconfont字体图标进入 iconfont 官网本地下载图标文件压缩包解压出来在uni-app 项目static 下新建 fonts 文件夹把 iconfont.css 以及字体图标文件复制到 fonts 中在 uni-app 中使用全局使用字体图标在App.vue 中使用 @import url("./static/fonts/iconfont.css") 引入iconfont.css文件在iconfont.css文件中修

2021-12-17 17:39:09 586

原创 uni-app 初始化项目

uni-app 安装开发工具和预览工具开发工具 Hbuilder X 开发小程序工具对 uni-app 有更好的支持，推荐使用。地址：点击去下载 Hbuilder X 推荐下载 app开发版，直接使用。预览工具微信小程序 uni-app 的预览工具。地址：点击去下载微信小程序初始化项目创建项目打开 Hbuilder X 创建新项目选择 uni-app 项目运行项目点击运行选择运行到浏览器，运行在浏览器上选择

2021-12-17 13:44:05 7217

原创 JavaScript 事件委托

事件委托事件流事件触发用户操作，触发事件。事件捕获事件触发之后，浏览器会从window对象开始一层层向下捕获事件事件触发对象。事件处理阶段当事件捕获到事件触发对象时，事件捕获结束，开始事件处理。事件冒泡当事件处理完成后，进入事件冒泡阶段，浏览器从事件触发对象开始一层层向上冒泡（触发事件），直到window对象结束。事件委托概念事件委托，也叫事件代理，是JavaScript中绑定事件的一种常用技巧。就是将原本需要绑定在子元素的响应事件（click、key

2021-12-15 19:50:29 1071

原创 JavaScript 的防抖与节流

js 防抖(debounce) 和节流(throttling) 防抖基本思想 debounce，去抖动。策略是当事件被触发时，设定一个周期延迟执行动作，若期间又被触发，则重新设定周期，直到周期结束，执行动作。个人理解防抖就是相同事件短时间内多次触发，只响应处理单位时间内最后一次事件。函数封装 // 防抖 debounce 传入参数 func 要防抖的函数 wait 防抖的时间后面的参数为要防抖的函数参数 function debounce(func, wait) { /

2021-12-15 18:16:13 901

原创 JavaScript 事件（冒泡&捕获）处理模型

JavaScript 事件处理模型 1.事件处理流程 DOM 结构： html --> body --> div(事件绑定对象) 2. 事件捕获阶段获取事件触发对象： html -> body -> div(事件绑定对象) 3.事件冒泡阶段从下至上依次冒泡： div(事件绑定对象) -> body -> html 4.事件处理程序执行位置默认事件处理程序在冒泡阶段执行可通过 ele.addEventListener 的第三个参数来控制参数默认

2020-12-15 10:44:18 153

原创百度换肤效果

百度换肤效果点击小图片，切换网页背景图片代码验证 <style> * { margin: 0; padding: 0; } body { background: url("../imgs/11.jpg"); /*设置背景图片的大小*/ /* cover:与contain刚好相反，背景图片会按比例缩放自适应整个背景区域，如果背

2020-05-29 09:51:55 409

原创排他思想(算法)

排他思想(算法) 给一组相同的元素添加相同的事件，利用for循环来实现。代码验证 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> // 1.

2020-05-29 08:33:41 5287 3

休思_J的博客