2021年8月3日
vue使用GraphVis开发无限拓展的关系图谱
摘要： 1、去GraphVis官网下载对应的js，新版和旧版的js有所不同，看自己需求引入旧版还是新版（GraphVis官方网址：http://www.graphvis.cn/） visgraph.min.js （基本配置js） visgraph-layout.min.js（配置布局js） 2、在需要的vu 阅读全文
posted @ 2021-08-03 14:45 zaijinyang 阅读(3678) 评论(3) 推荐(2) 编辑
实现转动的时钟
摘要： HTML： <div class="clock"> <div class="outer-clock-face"> <div class="marking marking-one"></div> <div class="marking marking-two"></div> <div class="m 阅读全文
posted @ 2021-08-03 14:00 zaijinyang 阅读(109) 评论(0) 推荐(0) 编辑
2021年7月30日
使用provide/inject实现vue刷新当前页面
摘要： 推荐使用provide/inject组合实现刷新的原因在于刷新页面的不会出现瞬间的空白页面，用户体验良好。 1、修改App.vue页面 <template> <div id="app"> <router-view v-if="isRouterActive"/> </div> </template> 阅读全文
posted @ 2021-07-30 15:02 zaijinyang 阅读(335) 评论(0) 推荐(0) 编辑
使用you-get下载视频
摘要： 安装Python环境(不会的百度) 新建一个空文件夹或者选择一个空文件夹 当前目录打开cmd(快捷操作：win + r 输入cmd) pip install you-get 下载非vip视频：you-get 加上视频地址 下载vip视频（前提得有vip）： 命令：you-get -c C:\User 阅读全文
posted @ 2021-07-30 14:07 zaijinyang 阅读(302) 评论(0) 推荐(0) 编辑
2021年7月5日
利用reduce实现数组分类
摘要： const list = [ { type: 'shop', momey: 223 }, { type: 'study', momey: 341 }, { type: 'shop', momey: 821 }, { type: 'transfer', momey: 821 }, { type: 's 阅读全文
posted @ 2021-07-05 08:56 zaijinyang 阅读(143) 评论(0) 推荐(0) 编辑
2021年2月5日
Echarts 加载省地图json
摘要： 我想要的效果: 解决步骤: 1.安装引入 npm install echarts import Echarts from 'echarts' // 全局注册Echarts Vue.prototype.$Echarts = Echarts 2.引入china.js(我是直接引入安装包里面的文件包,你也 阅读全文
posted @ 2021-02-05 16:52 zaijinyang 阅读(3690) 评论(0) 推荐(1) 编辑
2020年4月6日
vue双向数据绑定失效
摘要： 1、如果data里面只定义了对象，对象里面的键值没有，getter/setter函数无法监听到数据变化，会导致此现象发生; 解决办法为调用vue的set函数，设置需要绑定的键值: Vue.set(obj,key,value) Or this.$set(obj.key,value) 2、如果数据层次太 阅读全文
posted @ 2020-04-06 10:10 zaijinyang 阅读(5363) 评论(0) 推荐(0) 编辑
2020年3月17日
面试题目
摘要： 1、判断js类型的方式 2、ES5 和 ES6 分别几种方式声明变量 3、闭包概念？闭包的优缺点？ 4、深拷贝和浅拷贝 5、数组去重方法 6、输入URL发生什么？ 7、GET 和 POST 请求的区别 8、HTTPS 与 HTTP 相比 9、watch、methods 和 computed 的区别? 阅读全文
posted @ 2020-03-17 12:52 zaijinyang 阅读(232) 评论(0) 推荐(0) 编辑
2020年1月15日
JS中flat---数组扁平化
摘要： 需求:多维数组=>一维数组 let ary = [1, [2, [3, [4, 5]]], 6];// -> [1, 2, 3, 4, 5, 6] let str = JSON.stringify(ary); 1. 调用ES6中的flat方法 ary = ary.flat(Infinity); 2. 阅读全文
posted @ 2020-01-15 15:13 zaijinyang 阅读(1735) 评论(0) 推荐(0) 编辑
JS判断数组中是否包含某个值
摘要： 方法1：array.indexOf 此方法判断数组中是否存在某个值，如果存在，则返回数组元素的下标，否则返回-1。 var arr=[1,2,3,4]; var index=arr.indexOf(3); console.log(index); 方法2：array.includes(searcEle 阅读全文
posted @ 2020-01-15 15:09 zaijinyang 阅读(117306) 评论(1) 推荐(2) 编辑
CSS绘制标签导航栏
摘要： html: <div class="bruce flex-ct-x"> <div class="tab-navbar"> <input type="radio" name="tabs" id="tab1" hidden checked> <input type="radio" name="tabs" 阅读全文
posted @ 2020-01-15 14:54 zaijinyang 阅读(496) 评论(0) 推荐(0) 编辑
CSS绘制三维立方体
摘要： html： <div class="bruce flex-ct-x"> <div class="td-cube"> <ul> <li class="front">1</li> <li class="back">2</li> <li class="top">3</li> <li class="bott 阅读全文
posted @ 2020-01-15 14:51 zaijinyang 阅读(590) 评论(0) 推荐(0) 编辑
CSS绘制状态悬浮球
摘要： html： <div class="bruce flex-ct-x"> <div class="state-ball warning"> <div class="wave"></div> </div> </div> css： .state-ball { overflow: hidden; posit 阅读全文
posted @ 2020-01-15 14:49 zaijinyang 阅读(862) 评论(0) 推荐(0) 编辑
CSS绘制气泡背景墙
摘要： <div class="bruce"> <ul class="bubble-bgwall"> <li>Love</li> <li>Love</li> <li>Love</li> <li>Love</li> <li>Love</li> <li>Love</li> <li>Love</li> <li>L 阅读全文
posted @ 2020-01-15 14:45 zaijinyang 阅读(620) 评论(0) 推荐(0) 编辑
2020年1月10日
js精确计算字符串字节长度
摘要： String.prototype.byteLength = function() { //获取字符串的字节数 var b = 0, l = this.length; //初始化字节数递加变量并获取字符串参数的字符个数 if(l) { //如果存在字符串，则执行计划 for(var i = 0; i 阅读全文
posted @ 2020-01-10 16:48 zaijinyang 阅读(1298) 评论(0) 推荐(1) 编辑