作者: sinye

80 篇文章

js的includes的大坑
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-前端代码
websocket-前端代码 我纠结了很长时间要不要写这篇文章。因为,如果自己开发着玩,需要学的东西太多了,如果真正开发项目,肯定不是一个人能完成的,所以我写的这点皮毛根本不够用。 既然是我自己业余时间写这篇文章,那我就按照我开发这个'即时通讯'项目的流程简单描述一下,有问题的话可以加我qq:1022154586咨询我(希望不要打扰我,哎嘿)。 1、页面先行 作为前端开发,没有页面怎么行,功能都是…
php文件下载
php文件下载 需要通过php下载别人服务器资源到自己服务器里,这里我总结了一个我公司后端大佬封装的一个php下载文件函数,希望对大家有帮助。 /** * 文件下载 * $url远程路径, * $rename 文件名称, * $ext文件后缀, * $path 存放路径 */ public static function download($url, $rename, $path = '', $e…
树型结构关键字筛选-vue
树形结构关键字筛选-vue 在做权限管理的时候,权限是树型结构的数据,如果要做关键字筛选,就需要写递归去遍历所有元素并重新组合成新的树型结构的数据。 先看效果: 未筛选前: 筛选后: 关键代码 // 角色关键字筛选 1 // 第一个参数是需要筛选的树型结构,第二个参数是需要筛选的关键字 findNode(treeData,key){ return treeData.filter((item)=&g…
Set js
Set js Set对象是JavaScript中的一种新的对象类型,可以用来创建没有重复的数组。当你想拥有一个唯一值的列表时,这很有用。 let arr = ["a", "a", "a", "b", "b", "c"] let withSet = [...new Set(array)] // withSet -> ["a", "b", "c"] 当唯一值很重要的时候,我个人已经用过几次了。语…
WebSocket-浏览器即时通讯-vue
WebSocket-浏览器即时通讯-vue 先上示例链接:http://socket.sinye.xyz WebSocket 协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。 接下来我会继续写两篇文章简单的介绍前端后端代码。链接也会附上。
模拟阴阳师抽卡-vue
模拟阴阳师抽卡-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编写动态字符串小技巧
js编写动态字符串小技巧 在我们编写需要动态改变的字符串时,需要字符串拼接变量,比如'<span>'+ul_data.a+'</span>',数量少就没什么关系,一但数量多了,就会看到满屏的引号和加号,编写出来的代码十分不优雅。 es6之前字符串拼接: <body> <div class="app">123</div> </body…
vue3-echarts-按需加载
vue3-echarts-按需加载 安装 npm install echarts --save 按需引入 ECharts 图表和组件 以引入柱状图图表「BarChart」为例,在plugins里创建一个BarChart.js,里面写入一下代码。具体说明在代码注释里。 // 引入 echarts 核心模块,核心模块提供了 echarts 使用必须要的接口。 import * as echarts f…
50音起源 – 0基础日语入门 五十音图假名学习App
50音起源 - 0基础日语入门 五十音图假名学习App 50音起源app下载 很多 0 基础学习日语的同学,都会被奇奇怪怪的五十音被劝退。现在有了「50音起源」这款专业的日语学习 App,让你通过了解平 / 片假名的历史背景,迅速掌握五十音图的书写与发音。 同时还有简单词汇的学习及测试帮你进一步加强记忆,更加有效率的进行日语学习! 从起源学习 所有外语入门第一课,都应该是学习该国的历史。50音起源…