bingduYu-CSDN博客

一. 按特定规则排序let list = [ {'value': 'name1', 'type': 'mp3'}, {'value': 'name2', 'type': 'mp4'}, {'value': 'name3', 'type': 'png'}, {'value': 'name4', 'type': 'jpg'}, {'value': 'name5', 'type': 'psd'}, {'value': 'name6', 'type': 'apk'

2022-05-17 09:21:10 203

原创 js 优化

这里写自定义目录标题switch case 简化if 里调用函数for循环变量为true时调用函数给多个变量赋值null、undefined 和空值检查带有多个条件的 if 语句延展操作符字符串转成数字find数组查找数组的最大值和最小值创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入switch case 简化switch (data) { case 1: this.one(time);

2022-05-11 09:08:21 245

原创神奇的css

https://www.cnblogs.com/coco1s/p/9406413.html

2022-05-11 09:07:25 122

原创 Object.assign()

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

2022-05-11 09:06:13 109

原创 setTimeOut和requestAnimationFrame绘制动画的区别和优劣

https://dandelioncloud.cn/article/details/1489868314431311874

2022-05-11 09:05:26 122

原创判断数组内元素是否全部相同

const isSameArray = function (array) { if (Array.isArray(array)) { return new Set(array).size === 1; } return false;};

2022-02-28 19:52:15 1164

原创心跳动效css

animation: heartbeat 800ms infinite;-webkit-animation: heartbeat 800ms infinite;// 心跳动效@keyframes heartbeat { 0% { transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o

2021-12-14 09:36:47 423

原创使用map 和find重组数组对象

2021-11-29 11:43:16 623

原创 vue前端md5加密

1. util文件夹下新建md5.jsimport md5 from 'js-md5'export default { install: function (Vue) { Object.defineProperty(Vue.prototype, '$md5', { value: md5 }) }}2. main.js文件上加入import md5 from './utils/md5'Vue.use(md5)3. 页面上使用（this.$md5（））this.form.pa

2021-11-22 14:24:03 808

原创记录一则Electron踩坑笔记

1.修改Electron打包桌面图标和应用名我在网上找的好多都是说在page.json里的build下进行修改，但是可能不适用我的项目最后在vue-config.js里进行配置。pluginOptions:{ electronBuilder:{ nodeIntegration:true, builderOptions:{ appId:"te.com", productName:

2021-08-05 19:33:45 236

原创会动的蚂蚁线css

<div class="box"> 会动的蚂蚁线，css</div>.box { width: 300px; background: linear-gradient(90deg, #03a9f4 50%, transparent 0) repeat-x, linear-gradient(90deg, #03a9f4 50%, transparent 0) repeat-x,

2021-07-16 10:38:28 377

原创那些你可能不知道又好用的css属性

1. 伪类选择器 focus-within它表示一个元素获得焦点，或，该元素的后代元素获得焦点。划重点，它或它的后代获得焦点。这也就意味着，它或它的后代获得焦点，都可以触发 :focus-within。例子<div class="formBox"> <div class="formBox_input"> <input type="text" placeholder="userName" class="g_input" > </div&

2021-07-01 10:54:19 129

原创数据格式处理

对象变成数组obj:{ 'offest_1':'001', 'offest_2':'002', 'offest_3':'003', },把这个对象变成array:[ { key: "offest_1" value: "001" }, { key: "offest_2" value: "002" }, { key: "offest_3" value: "003" }]var col = []fo.

2021-06-29 16:28:25 92

原创 es11新特性，链判断运算符 && NULL判断运算符

最近get到一个新写法，就很nice，这里记录一下链判断运算符如果读取对象内部的某个属性，往往需要判断一下该对象是否存在。比如，要读取message.body.user.firstName，安全的写法是写成下面这样。// 错误的写法const firstName = message.body.user.firstName;// 正确的写法const firstName = (message && message.body && message.bo

2021-06-29 15:48:53 404 2

原创让人惊艳的css filter滤镜

滤镜函数blur()：模糊图像brightness() ：让图像更明亮或更暗淡contrast()：增加或减少图像的对比度drop-shadow()：在图像后方应用投影grayscale()：将图像转为灰度图hue-rotate()：改变图像的整体色调invert()：反转图像颜色opacity()：改变图像透明度saturate()：超饱和或去饱和输入的图像sepia()：将图像转为棕褐色效果1. 与box-shadow不同的阴影效果filter: drop-shadow(x

2021-06-29 10:04:28 270 1

原创 js数组排序

var arr=[1,10,3,8,6,15,11];arr.sort(function (a,b){ return a-b });//arr = [1,3,6,8,10,11,15]

2021-06-08 13:47:30 87

原创 vue 中 const { x1,x2} = params 的写法

这种写法极大的方便了取值import store from '@/page'const { x1, x2} = store;也可以取函数的返回值import functionX from '@/page'const { x1, x2} = functionX;上面的写法就相当于import store from '@/page' const x1 = store.x1const x2 = store.x2或者import functionX from '@/page'con

2021-06-02 11:14:55 548

原创前端反调试代码

防止他人f12恶意调试网站(function() {var a = new Date(); debugger; return new Date() - a > 100;}())不过解决办法也很简单，f12后ctrl+f8，建议和其他防调试方法一起使用，增加破解难度会的防不住

2021-05-25 14:28:54 377

空空如也

文件下载先弹另存为弹窗再进行下载问题