1、hap://app/com.ttdnj.cold.knowledge.app/pages/main?cid=209&adLinkId=18&url=/pages/core/QA-mode
js的includes的大坑 我在写权限管理的时候，使用includes来判断是否有权限，后台设置有权限，但使用includes判断一直返回false，百度includes的用法，根本没提及这一重要的一点！ 首先，我们看看这段代码： var a = [ 1,2,3,4,5,6 ] console.log(a.includes(1)) // 打印结构为true var a = [ 1,2,3,4,5…
websocket-前端代码 我纠结了很长时间要不要写这篇文章。因为，如果自己开发着玩，需要学的东西太多了，如果真正开发项目，肯定不是一个人能完成的，所以我写的这点皮毛根本不够用。 既然是我自己业余时间写这篇文章，那我就按照我开发这个'即时通讯'项目的流程简单描述一下，有问题的话可以加我qq：1022154586咨询我(希望不要打扰我，哎嘿)。 1、页面先行 作为前端开发，没有页面怎么行，功能都是…
树形结构关键字筛选-vue 在做权限管理的时候，权限是树型结构的数据，如果要做关键字筛选，就需要写递归去遍历所有元素并重新组合成新的树型结构的数据。 先看效果： 未筛选前： 筛选后： 关键代码 // 角色关键字筛选 1 // 第一个参数是需要筛选的树型结构，第二个参数是需要筛选的关键字 findNode(treeData,key){ return treeData.filter((item)=&g…
Set js Set对象是JavaScript中的一种新的对象类型，可以用来创建没有重复的数组。当你想拥有一个唯一值的列表时，这很有用。 let arr = ["a", "a", "a", "b", "b", "c"] let withSet = [...new Set(array)] // withSet -> ["a", "b", "c"] 当唯一值很重要的时候，我个人已经用过几次了。语…
WebSocket-浏览器即时通讯-vue 先上示例链接：http://socket.sinye.xyz WebSocket 协议在2008年诞生，2011年成为国际标准。所有浏览器都已经支持了。它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。 接下来我会继续写两篇文章简单的介绍前端后端代码。链接也会附上。
模拟阴阳师抽卡-vue 模拟阴阳师抽卡链接 1、概率说明 我分了两种 （1）平常的概率：R阶78.75%，SR阶20%，SSR阶1%，SP阶0.25% （2）活动2.5倍概率：SP阶0.625 SSR阶2.5 SR阶20 R阶76.875 2、关键代码 // 抽卡函数 people_push(){ var rand = (Math.random()*100000).toString().split…
js编写动态字符串小技巧 在我们编写需要动态改变的字符串时，需要字符串拼接变量，比如'<span>'+ul_data.a+'</span>'，数量少就没什么关系，一但数量多了，就会看到满屏的引号和加号，编写出来的代码十分不优雅。 es6之前字符串拼接： <body> <div class="app">123</div> </body…
vue3-echarts-按需加载 安装 npm install echarts --save 按需引入 ECharts 图表和组件 以引入柱状图图表「BarChart」为例，在plugins里创建一个BarChart.js，里面写入一下代码。具体说明在代码注释里。 // 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。 import * as echarts f…
打包时生成LICENSE.txt文件 在使用webpack5进行打包时，多出了一个LICENSE.txt的文件，这个文件是组件的注释文件。如何去掉呢？ 在vue.config.js中加入 const TerserPlugin = require("terser-webpack-plugin") module.exports = { optimization: { minimize: true, m…