一、前言 后端一次性返回几万～十万条数据时，前端直接渲染会导致：主线程阻塞、页面卡顿 / 卡死表格渲染白屏滚动、点击交互无响应核心方案：Web Worker：在后台线程处理数...
发简信
IP属地：河北
-
万级数据表格卡死？Web Worker 一招搞定 -
vite+vue3使用webworker
1、具体的worker文件 2、包装worker相应的逻辑 3、在vue文件中使用时 4、扩展 ①、关于window.URL.createObjectURL，可以参考文章[h...
-
龙哥是不是都忘了自己有简书账号拉...
从前端到后端，龙哥讲nodejs基础（七）
服务器 当我们从一个前端或者后端走向全栈的时候，都会遇到一个问题：我人生中的第一台云主机（服务器）应该买什么配置的。 是不是cpu核心越多，内存越大，硬盘容量越高越好？？ 相...
-
uniapp自学笔记（四）打包发布发布前需要注意的事项 首先我们在控制前启动项目的时候，如果有报错的话，控制台是会有提示的，定位到那个文件把问题修复。 全部正常应该是这个样子的： 接着我们打开项目下的mani...
-
CSS gap 超精简核心笔记
一、什么是 gap gap 是 容器内部子元素之间的间距只作用在 flex、grid、column 布局 二、简写 & 拆分 三、核心优点（比 margin 强太多） 不额外...
-
你还在写 @media？CSS Clamp 才是自适应终极解法
一、 前言 做前端开发，谁没被多屏幕适配折磨过？为了兼容手机、平板、电脑端，一遍又一遍写 @media 媒体查询，字体、边距、容器宽度反复调试，代码越堆越臃肿，后期维护更是头...
-
Vue3 兼容踩坑：v-once 与 v-if 混用问题
这是 vue2 项目升级到 vue3 踩的一个小坑坑，这里记录一下，分享给大家~ 一、 问题 下面这句代码是首次加载骨架屏组件。该段代码在vue2运行中无任何问题，项目整体升...
-
vue3.0运行npm run dev报错Cannot find module node:url本文主要介绍了vue3.0运行 npm run dev 报错 Cannot find module node:url, 因为使用的node版本是14.17.6 低于15.0....
-
Vuex(vue2推荐)和Pinia(vue3推荐)使用区别
Pinia 在语法上兼容了Composition API，代码的风格更加简易，便捷使用，而且兼容vue2。Pinia 丢弃了 Mutations，直接通过 actions 可...
-
大屏组件—堆叠+折线echart一、 组件介绍 1.1 组件技术栈 vue2+webpack+echart 1.2 组件源码 1.3 组件内容 多柱状图echart， 支持含有预估值、每条柱动态配色 1.4...
-
大屏组件—多柱状图echart一、 组件介绍 1.1 组件技术栈 vue2+webpack+echart 1.2 组件源码 1.3 组件内容 多柱状图echart， 支持含有预估值、每条柱动态配色 1.4...
-
通用工具类
1. 图片压缩 使用 2. 终端类型判断 使用 3. 常用emoji字符替换为空字符 使用 4.从URL中获取查询参数 使用 5. 超过万数字以千为单位处理（1w+，1.1w...
-
正则工具类
1. 通过身份证获取年龄、性别、生日 使用 2. 判断是否是儿童 使用 3. 手机号验证 使用 4. 身份证校验 使用 5. 护照校验 使用 如果本文对你有所帮助，感谢点一颗...
-
碎片化样式（更改UI框架本身自带样式）
一、背景 前端开发多用已经存在的UI框架，例如element ui，vant，antd等，框架本身带有样式，所以开发过程中很多时候只需要进行小改动以统一系统本身样式并适配设计...
-
vue3+vite+npm 搭建组件库使用npm安装vite脚手架 项目命名xikang，选择vue+JavaScript，接下来👇 修改相关文件 修改：./src -> ./examples（对开发的组件进行测...
-
前端工程优化技术一、背景 背景：为了提高页面的加载速度、减小库的体积，来提高用户体验。 整体思路：减小modules的体积、压缩图片大小、路由懒加载等优化 二、操作步骤 2.1 开发前的准备...
-
前后端分离技术
一、背景 背景：进行单页面部署和后端进行https接口调用, 技术应用场景：适合各种兼容vue 的PC及手机端 整体思路：利用vue单页面打包html及请求使用https, ...
-
javascript-obfuscator使用方法
一、webpack 4+ 安装javascript-obfuscator以及webpack-obfuscator vue.config.js配置 npm run build ...
-
自定义指令
自定义指令以及基础用法 1.1 v-copy 双击复制 1.2 v-parseInt 输入框只能输入正整数 1.3 v-Int 输入框只能输入大于0.01的数 1.4 ...