Yugoup的博客

【代码】从开始日期往后推15天，获得结束日期。

只能输入0-100的正整数。

vue3使用print.js打印网页

【代码】截取字符串最后一个/前后的内容。

把同级的数组对象转成树状，并且如下：“目标1和目标2”都属于“分类1”，那么数组里只显示一个“分类1”的对象。

设置缓存和过期时间（cookie / localStorage）

用Promise处理执行顺序

js给数组对象去重，根据某一属性判断

用\babc\b可以匹配到abc，但是如果abc不是一个完整的单词，而是单词一部分，比如fsabc，这样可以用abc进行匹配，用\babc\b无法进行匹配。ps：特殊符号的问题，包含特殊符号依旧能匹配到。匹配一个单词边界，即单词和空格的边界。

把反斜杠转换为正斜杠的方法

一. 按特定规则排序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'

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

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

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

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

<script>export default { name: "HelloWorld", data() { return { arr1Obj: [ { code: "1", name: "文字1" }, { code: "2", name: "文字2" }, { code: "3", name: "文字3" }, { code: "4", name: "文字4" }, { code: "

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

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

对象变成数组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.

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

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]

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

前言最近的项目遇到了私有化部署，ip地址不是唯一的，如果每次都修改完ip地址再打包再重新部署，实在是太繁琐了，身为程序员怎么能干这么累的活？这篇文章就是记录一下如何把ip地址变成可配置的，不用再重新构建代码久能重新生效。实现方案经过一番调研，最终确定了3个方案：1. 方案一在与src同级的static文件夹或者是public文件夹（element-admin模板）下新建config.js文件，在里面配置生产环境地址，在index.html引入。 方法可行，但是可能会被恶意修改地址，不安全。不过一

思路移动端的上拉加载关键点在于，怎么知道列表已经滚动到最底部了。当(窗口的高度 + 元素超出上边界的高度) >= 元素高度时，触底。关键属性windowHeight窗口的高度，使用document.documentElement.clientHeight || document.body.clientHeight获取scrollHeight元素高度，使用document.documentElement.scrollHeight || document.body.scroll

1.秒 转 天、时、分、秒//将秒转化为天时分秒export function formateSeconds(s){ var day = Math.floor( s/ (24*3600) ); // Math.floor()向下取整 var hour = Math.floor( (s - day*24*3600) / 3600); var minute = Math.floor( (s - day*24*3600 - hour*3600) /60 ); var

//使用this.insertStr('202005',4,'/')====================//方法：//soure 原字符串//start 位置//newStr 要插入的字符串insertStr(soure, start, newStr){ return soure.slice(0, start) + newStr + soure.slice(start);},====================//结果2020/05...

原理：输入时调用getSearch方法 执行clearTimeout，关闭定时器 再开启定时器 如果有继续输入的操作，会执行1，2，3步。如果没有，直接执行想要的操作// 获取搜索框内容，延时加载 getSearch(e) { let value = e.detail.value this.setData({ searchValue: value }) let that = this clearTimeout(this.data...

//搜索的时候缓存到本地 searchBox() { let searchValue= this.data.searchValue let searchList= this.data.searchList ;//保持5条历史记录 if (searchList.length < 5) { searchList.unshift(searchValue); } else { searchList.pop(); s.

1.双重for循环去重function distinct1(arr = testArr) { let result = [], len = arr && arr.length; for (let i=0; i< len; i++) { for (let j=i+1; j< len; j++) { ...

“a标签”设置锚<a href="#mao">锚点</a>设置点：(为了浏览器兼容性，id和name一起设置)<a id="mao" name="mao">跳至第一个锚点</a>js设置js中location.href可以跳转至某个url；1、window.location.href = window.location.href +...

&emsp；占一个中文字符

今天在项目里遇到一个 吸顶 的需求，在这里记录一下js的写法思路： 先在mounted里用window.addEventListener监听一下鼠标滚轮事件，再用getBoundingClientRect().top获取需要吸顶的box距离顶部的值，判断这个值是否<=0，如果是就给全局变量zyFixed赋值为true，在div里用三元运算进行判断，符合条件就添加一个isFixed类名。&...

前言在网上看到一些好的文字或者图片时，大家一般都通过左键选中，再右键弹出菜单复制，但是有的网站就是不让你选中，就是不让你右键，你气不气，那么，他们是怎么限制你的鼠标事件的呢？屏蔽选中事件document.onselectstart=function(){return false;}屏蔽右键菜单document.oncontextmenu=function(){return false;...

代码备忘录实现了列表数据一条一条向上移动，每移动一条数据停一下思路一开始想用属性的，但是发现，这样一来初始化的时候会空出一个可见div的高度，第一条数据才姗姗来迟，而且没有实现每移动一条数据停顿一下的效果。现在使用anim来控制，scroll（）方法第一步打开animate开关，并且每隔一秒将数组的第一个元素添加到数组的最后一位，再删除数组的第一个元素，最后再关闭animate开关，在赋值数...

代码备忘录记一则简易轮播（点击左右按钮滚动）代码简单，思路易懂,不放css了<div style="width:400px;height:100px;"> <div :style="'transform:translate('+marginLeftNum+'px);-webkit-transition: transform 1s;width:400px;height:10...

代码备忘录let val = 3.1415926val.toFixed(1) = 3.1 //保留一位小数

前端js的一些小技巧1.if判断写法2.注意时序性功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入1.if判断写法/...

//在body内引入这行js即可实现//ps:必须在body内引入<script src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>//如果要改变颜色（RGB），透明度，层级,线条数量，直接在<script>内写即可 <script type="tex...

js获取系统时间（年月日星期时分秒）javascript 自带有个对象(构造函数)，Date().js部分 &lt;script&gt; function showTime() { var date = new Date();//实例一个时间对象； var Year=date.getFullYear();//获取系统的年； var Month=date.getMont...

js获取一个div的height并赋值给另一个div当div的高度是动态的，而父级div的高度不能自适应，这个时候可以用js来动态获取子div的动态height，并赋值给父级div假设父级div无法随着子div的高度改变而改变首先是HTML页面，这里我就举个例子&amp;lt;div id=&quot;faster&quot;&amp;gt; &amp;lt;div id=&quot;son&quot;&amp;gt; 这个div