前端
文章平均质量分 51
倔强的小绵羊
前端开发
展开
-
vue3 Driver.js 页面分步引导
当用户第一次使用一个网站时,通常会有一个新手引导,用于指导用户网站相关功能的信息,帮助用户快速的熟悉整个网站。本文主要记录下如何实现网站的新手引导功能。原创 2022-07-04 15:26:04 · 1260 阅读 · 0 评论 -
重排 (reflow) 与重绘 (repaint)
重排一定导致重绘,重绘不一定导致重排。原创 2022-05-27 18:10:11 · 873 阅读 · 0 评论 -
微前端 - qiankun
微前端 - qiankun 项目实战记录。本文主要记录下如何接入 qiankun 微前端。主应用使用 vue2,子应用使用 vue3、react。原创 2022-03-28 00:36:19 · 13301 阅读 · 2 评论 -
copy-webpack-plugin HookWebpackError: Not supported
copy-webpack-plugin 版本问题报错原创 2022-03-14 15:26:09 · 4417 阅读 · 1 评论 -
Mac系统 - 升级node版本
Mac 系统如何升级 node 版本原创 2022-03-14 14:39:57 · 16926 阅读 · 0 评论 -
Vue3 + Ts 实现 Ant Design Vue 中 table 组件行拖拽排序
项目整体架构使用的 Vue3 + TypeScript + Ant Design Vue,需求为 table 表格组件支持行数据拖拽排序。原创 2022-01-07 10:52:13 · 2743 阅读 · 4 评论 -
Vue3 CSS 变量注入
vue3 中 CSS 变量注入原创 2021-12-29 16:33:57 · 2122 阅读 · 0 评论 -
HBuilderX uni-app 打包发行 H5 配置
本文主要记录下 uni-app 使用 HbuilderX 打包并发行 H5 的配置。原创 2021-12-05 19:24:49 · 19188 阅读 · 8 评论 -
HBuilderX 连接 微信开发者工具
HBuilderX 连接至 微信开发者工具进行项目调试。原创 2021-11-18 15:09:59 · 12228 阅读 · 2 评论 -
HBuilderX 配置 夜神模拟器
使用 uni-app 在 HBuilderX 中运行时,想要电脑查看 APP 端效果,因此安装一个夜神模拟器进行电脑端查看调试等。原创 2021-11-18 14:19:28 · 3647 阅读 · 0 评论 -
vue3.0 使用ant-design-vue 按需加载时报错.bezierEasingMixin()
解决 ant-design-vue 按需加载时报错 .bezierEasingMixin() 的问题原创 2021-05-13 15:24:35 · 2729 阅读 · 1 评论 -
Object.prototype.toString.call(obj)检测对象类型
使用Object.prototype.toString.call(obj)简单实现下检测数据类型的方法。原创 2021-02-02 17:01:32 · 197 阅读 · 1 评论 -
JavaScript reduce() 方法
本文主要讲解 reduce 函数的各种使用场景。原创 2021-01-27 11:39:09 · 275 阅读 · 1 评论 -
面向对象实例-实现Tab选项卡的增删改功能
使用面向对象的思想简单实现下tab选项卡功能原创 2020-11-14 14:18:05 · 331 阅读 · 0 评论 -
HTTP请求方法和状态码汇总
HTTP请求方法和状态码汇总原创 2020-08-25 11:17:15 · 553 阅读 · 0 评论 -
微信小程序 - 启动优化总结
小程序启动优化之代码包大小优化原创 2020-04-26 21:42:56 · 779 阅读 · 0 评论 -
微信小程序 - 全局监听globalData的某个属性变化,例如监听网络状态切换
前言近日公司小程序项目中有个需求,商品列表页及商品详情页配置视频,视频在WiFi环境下自动播放,非WiFi环境下暂停播放。原创 2020-07-30 17:12:14 · 3186 阅读 · 2 评论 -
html设置meta值解决此图片来自微信公众平台未经允许不可引用的问题
解决此图片来自微信公众平台未经允许不可引用的问题原创 2020-03-27 15:23:12 · 1645 阅读 · 0 评论 -
vue swiper设置loop:true与倒计时结合使用
swiper设置loop:true时,倒计时循环播放至第一个时,倒计时会出现暂停,使用swiper的slideChangeTransitionEnd事件解决原创 2020-03-27 14:15:38 · 1226 阅读 · 0 评论 -
vue封装自定义组件实现跑马灯效果
目前项目中需要用到跑马灯效果,因此单独写了一个跑马灯组件原创 2020-03-23 17:47:43 · 1202 阅读 · 0 评论 -
Mac系统-npm安装淘宝镜像
由于node安装插件是从国外服务器下载,受网络影响大,速度慢且可能出现异常。所以为了提高效率,我们可以使用阿里布置在国内的服务器来进行node安装,即淘宝镜像,俗称cnpm。原创 2020-02-13 17:17:21 · 4392 阅读 · 6 评论 -
vue 原生js拖拽demo
原生js事件实现拖拽原创 2019-12-16 16:30:43 · 280 阅读 · 0 评论 -
element-ui 点击Switch开关弹出对话框确认后再改变switch开关状态
点击switch开关按钮后,弹出一个确认对话框,根据用户的操作来决定是否改变switch的开关状态。原创 2019-12-13 14:11:00 · 13684 阅读 · 2 评论 -
全局设置element-ui Dialog组件的close-on-click-modal属性为false
element组件库的Dialog对话框默认可以通过点击 modal 关闭 Dialog,即点击空白处弹框可关闭。原创 2019-10-22 14:28:17 · 46363 阅读 · 4 评论 -
前端性能优化总结版
1、减少HTTP请求,合理设置缓存2、css雪碧图3、减少页面重绘和回流4、减少对DOM元素的操作5、使用CDN加速6、css放在head头部,js文件放在body底部7、压缩css、js、图片等8、控制cookie的使用9、尽量避免重定向10、延迟加载、懒加载技术细节待补充...原创 2019-07-04 10:10:24 · 81 阅读 · 0 评论 -
JavaScript中的函数防抖和节流
面试中经常会被问到防抖和节流函数,本文主要讲解下防抖和节流函数的简单实现。原创 2020-10-22 11:22:21 · 156 阅读 · 1 评论 -
JavaScript中浅拷贝和深拷贝的区别
前端面试过程中高频出现的问题之一。本文将详细讲解深拷贝与浅拷贝的区别。原创 2019-07-03 15:15:24 · 1465 阅读 · 0 评论 -
vue-cli项目中使用iconfont
vue-cli项目中引用iconfont原创 2019-06-05 18:37:16 · 2400 阅读 · 0 评论 -
axios请求设置responseType为'blob'或'arraybuffer'下载文件时,正确处理返回值为文件流或json对象的情况
使用axios请求下载导出一个文件,请求设置了responseType: 'arraybuffer',请求成功时后端返回的是一个流形式的文件,文件可正常导出;请求失败时后端返回的是json格式数据,此时数据被转成了arraybuffer,需要将数据arraybuffer转成Json对象。原创 2019-10-11 10:03:47 · 32503 阅读 · 4 评论 -
css text-transform属性
text-transform 属性控制文本的大小写。不论源文档中文本的大小写,这个属性都会改变元素中的字母大小写。原创 2019-08-28 11:51:25 · 1135 阅读 · 0 评论 -
vue使用provide / inject刷新当前页面
使用provide / inject组合方式刷新vue页面原创 2019-06-05 18:15:17 · 627 阅读 · 0 评论