wujing_16的博客

原创 在Canvas上自由绘制，并录制创作过程

【代码】在Canvas上自由绘制，并录制创作过程。

原创 navigator.clipboard用不了

navigator.clipboard 再一下场景可以使用。

原创 parseInt、math.floor、math.ceil的区别

math.floor(-3.5) //取整-4。math.floor(3.5) // 取整3。math.ceil(-3.5) //取整-3。parseInt(-3.5) //取整-3。math.ceil(3.5) // 取整4。parseInt(3.5) // 取整3。2、math.floor取最小整数。1、parseInt靠近0取整数。2、math.ceil取最大整数。

原创 vue.config.js配置去除console.log

【代码】vue.config.js配置去除console.log。

原创 vue的路由器

history模式下，后期项目上线需要配合处理路径问题，否则刷新的时候会报404。

原创 移动端的兼容问题

1、当设置样式overflow:scroll/auto时，IOS上的滑动会卡顿-webkit-overflow-scrolling:touch;4.ios下input按钮设置了disabled属性为true显示异常input[typy=button]{opcity:1。添加meta属性<meta conten='telephone=no' name='format-detection'>2、在安卓环境下placeholder文字设置行高时会偏上input有placeholder属性的时候不要设置行高。

原创 vuex如何做持久化存储

vuex本身不能做持久化存储，需要使用其他方式。1、使用localStorage自己写。2、使用vuex-persist插件。

原创 css选择器的权重

原创 js中的&&和||

【代码】js中的&&和||

原创 js强制类型转换(隐式转换)

null→→NaNtrue→1false→0字符串：空串""→0，非数字字符串（如"abc"）→NaN对象：先调用valueOf()或toString()得到原始值，再转换数组 → 逗号分隔的字符串（如[1,2]→"1,2"对象 →→"null"undefined→（自动转false0""nullundefinedNaNfalse（自动转true）：其他所有值（包括[]{}"0"

原创 特殊时期网页全部置灰

">我本来是 fixed，但现在可能错位！在特殊时期（如哀悼日、重大事件等），将网站整体置灰是一种常见的表达哀思或尊重的方式。效果交给 GPU 处理，这可能导致额外的显存占用和计算开销。仍然是最简单的方案，但需提前测试目标设备的兼容性和性能影响。在低端设备（如旧手机、低配电脑）上，可能导致卡顿或掉帧。的预期行为改变，某些元素可能意外遮挡或错位。可能触发额外的重绘，影响流畅度。

原创 普通字符类型和new String有什么区别

JavaScript 的原始字符串能够使用方法是因为：引擎自动执行"装箱"操作，临时转换为 String 对象调用方法后立即销毁临时对象这种设计既保持了原始类型的高效性，又提供了对象式的便利方法开发者无需显式创建 String 对象即可使用所有字符串方法这种机制体现了 JavaScript 作为动态语言的灵活性和便利性，使得对原始值的操作更加直观和方便。

原创 null和undefined的区别

当你主动设置一个空值时 → 使用null当值未被定义或初始化时 → 系统产生undefined在类型检查时要注意的特殊行为现代代码中可以使用??运算符统一处理这两个值。

原创 Vue 2和vue3的兼容性

Vue 2 的设计选择反映了现代 Web 开发的趋势，随着 IE 浏览器的市场份额不断下降，大多数项目已经不需要支持 IE8。如果你的用户群体仍在使用 IE8，建议考虑升级浏览器或采用其他技术方案。

原创 v-if 和 v-permission 不能同时使用的问题

在 Vue 2 中，当v-if和自定义指令（如）同时作用于同一个元素时，可能会遇到执行顺序或优先级问题。

原创 vue+argis js加载天地图并获取当前位置

h5页面地图不能拖拽需要加上style="touch-action:none"navigator.geolocation：只能在手机上用https访问。

原创 sm4加密

key: pwdKey, //这里这个key值要与后端的一致，后端解密是根据这个key。const pwdKey = '你的密钥' //密钥 前后端一致即可,后端提供。mode: 'cbc', // 加密的方式有两种，ecb和cbc两种。2. 加密 encrypt('传入需要加密的数据');3. 解密 decrypt('传入需要解密的数据');## **二、封装sm4加密、解密**## **三、使用sm4加密、解密**## **一、下载依赖*** text 待加密文本。# **sm4加密**

原创 高度自适应的区域怎么实现高度过渡

【代码】高度自适应的区域怎么实现高度过渡。

原创 FroalaEditor-富文本框

【代码】FroalaEditor-富文本框。

原创 视频播放插件

【代码】视频播放插件。

原创 内外双环饼图

【代码】内外双环饼图。

原创 多条立体柱状图

【代码】多条立体柱状图。

原创 生成随机整数

【代码】生成随机整数。

原创 浏览器版本过低提示

【代码】浏览器版本过低提示。

原创 el-tree的新建文件夹，新建文件，复制，删除，拖动

【代码】el-tree的新建文件夹，新建文件，复制，删除，拖动。

原创 数据格式校验

【代码】数据格式校验。

原创 js数组去重

ES6中新增了数据类型set，set的一个最大的特点就是数据不重复。Set函数可以接受一个数组（或类数组对象）作为参数来初始化，利用该特性也能做到给数组去重。这种方法首先调用了数组的排序方法sort()，然后根据排序后的结果进行遍历及相邻元素比对，如果相等则跳过改元素，直到遍历结束。Array.from方法可以将Set结构转换为数组结果，而我们知道set结果是不重复的数据集，因此能够达到去重的目的。

原创 js判断常用的数据类型那些

【代码】js判断常用的数据类型那些。

原创 HTTP的状态码

1**信息，服务器收到请求，需要请求者继续执行操作2**成功，操作被成功接收并处理3**重定向，需要进一步的操作以完成请求4**客户端错误，请求包含语法错误或无法完成请求5**服务器错误，服务器在处理请求的过程中发生了错误。

原创 Css3写无缝滚动

【代码】Css3写无缝滚动。

原创 echarts环状圆形

【代码】echarts环状圆形。

原创 echarts高版本的点击原点和文本都可以展开或收缩子节点，改为只点击原点可以展开或收缩子节点

点击某一子节点时，其他同级节点自动收起。

原创 验证密码的强中弱程度——正则表达式

【代码】验证密码的强中弱程度——正则表达式。

原创 H5移动一个标签中的元素到另一个标签中

【代码】H5移动一个标签中的元素到另一个标签中。

原创 echarts三维柱状图带三维背景

【代码】echarts三维柱状图带三维背景。

原创 伪数组转数组的方法

【代码】伪数组转数组的方法。

原创 vue添加水印

data(){return{},});},methods:{

原创 vue导出excel文件

【代码】vue导出excel文件。

原创 判断浏览器版本，如果低于设定的版本，则显示提示

【代码】判断浏览器版本，如果低于设定的版本，则显示提示。

原创 用逗号分割的字符串转二维数组

【代码】用逗号分割的字符串转二维数组。