javascript
渔倒到
返璞归真(人-> 猿)
展开
-
echarts关系图vue完整代码
vue 使用echarts 实现关系图,效果如下:vue全部代码如下<template> <div class="uni-chart-container"> <div class="uni-bar-charts" :id="id"></div> </div></template><script>import echarts from "echarts";import resize from "原创 2022-05-07 15:24:28 · 1679 阅读 · 0 评论 -
vue 组件化开发(一)说明书格式开发
说明 :根据项目需求要配置除一些岗位说明书的模板,开始想着用el-table 实现,可是感觉难度大写,于是自己动手写了实现的目标:看图vue 是数据驱动,所以首先考虑了设计模板数据,数据结构定义好了,一切都好说,毕竟剩下的就是根据数据渲染成不同的样式。下面是模板数据:export default { GWT: [ { name: "模板1", usin...原创 2019-08-16 16:44:58 · 136 阅读 · 0 评论 -
前端面试js篇-执行上下文、闭包、原型、异步机制
一、预编译在函数(JS)执行的前一刻,会创建一个叫做执行期上下文的(AO)对象这个创建执行期上下文的过程叫做预编译。执行上下文栈(下文简称执行栈)也叫调用栈,执行栈用于存储代码执行期间创建的所有上下文执行上下文创建分为创建阶段与执行阶段两个阶段:1)创建阶段; 2)执行阶段创建阶段:1.确定 this 的值,也被称为 This Binding全局执行上下文中,this 的值指向全局对象(window)函数执行上下文中,this 的值取决于函数的调用方式。具体有:默认绑定、隐式绑定、显式绑定(原创 2021-07-22 11:18:44 · 316 阅读 · 0 评论 -
前端面试js篇-ES6的使用(一)
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-07-14 14:23:02 · 215 阅读 · 1 评论 -
js 实现树形数据遍历之广度优先遍历
接上一篇深度优先遍历直接上方法: // 广度优先遍历, tree 数据源, ope是回调函数,处理遍历逻辑 bfs(tree, ope) { const walk = (tree, depth = 1) => { const queue = []; ope(tree, depth); if (tree.children) { queue.push({ nodes: tree.children,原创 2021-04-12 14:20:43 · 558 阅读 · 1 评论 -
js 树形数据遍历之深度优先遍历
首先什么是深度优先,看这里深度优先遍历的实现分两种一种是递归的,一种是非递归的。递归比较简单,这里我说一下非递归的实现。注:这种对树形数据的深度遍历在开发中比较常见,于是封装过程中业务逻辑部分尽量自定义。便阿里的流程写死。具体实现如下:数据结构:const DEEPDATA = [ { name: "all", children: [ { name: "图片", children: [ { n原创 2021-04-12 14:14:44 · 1567 阅读 · 0 评论 -
使用map获取数组某一属性的合集
es6 map 详解请参考 链接es6 map 优雅的实现获取数组对象中某一属性的合集 arrGetfields(arr, key) { if (arr.map) { return arr.map(item => item[key]); } else { return []; } }原创 2021-02-09 14:21:41 · 1304 阅读 · 0 评论 -
js 对象数组去重方式-之reduce
es6 reduce的的使用详见对于对象数组去重,如果用for循环等来写,很不美观。下面reduce实现起来很nice // 对象数组去重, arr 数组, key 关键字 arrRemoveRepeat(arr, key) { var obj = {}; // 利用reduce方法遍历数组,reduce第一个参数是遍历需要执行的函数,第二个参数是item的初始值 arr = arr.reduce(function(item, next) { obj[nex原创 2021-02-09 14:18:56 · 367 阅读 · 0 评论 -
手机号,邮箱,证件号,银行卡等格式校验
下面是封装好的类,全局引用方式import ValiadUntils from "./commonJs/until";let valid= new ValiadUntils ();const install = function(Vue) { if (install.installed) return; install.installed = true; Vue.prototype.$valid= valid;};使用方式this.$valid.validCommon("p原创 2021-02-08 16:08:35 · 1203 阅读 · 0 评论 -
可编辑div的一些方法总结(二)自定义空格和回车事件
在可编辑div中空格键是 和 ‘ ’,混合的,由于浏览器只识别第一个 ‘ ’,所以项目中为了后期页面的自适应以及兼容性,决定将空格符统一为&nbsp;同样将回车键产生的不同标签替换为统一的方法:在键盘事件中 //是否输入回车 isEnterkey(e); //是否输入换行 isSpacekey(e);...原创 2018-05-25 19:50:40 · 2813 阅读 · 2 评论 -
可编辑div的一些方法总结(一)复制文字去除标签和样式
//去除复制样式的方法 function textInit(e) { e.preventDefault();//阻止默认事件 var text; var clp = (e.originalEvent || e).clipboardData; if (clp === undefined || clp === null) { ...原创 2018-05-25 19:42:07 · 4829 阅读 · 0 评论 -
npm 发布公共组件以及报错问题
首先1.到官网注册个账号,并且验证完邮箱:https://www.npmjs.com/2.打开cmd命令行 登录:npmlogin按照提示输入账号密码以及邮箱3.直接运行npm login 按照提示输入账号密码以及邮箱 3.直接 运行npmlogin按照提示输入账号密码以及邮箱3.直接运行npm publish(注意修改package.json中版本号以及private为false)错误...原创 2019-12-30 16:45:59 · 339 阅读 · 1 评论 -
检测数组所有元素是否都符合指定条件 JavaScript Array every()
var arr= [{key: "s", val: "d"}, {key: "d", val: "5"}];function checkAdult(item) {// 一般情况return item.val != "";// 加条件 if (item.key == "s") return item.val != ""; else return true;}arr.every(che...原创 2019-12-27 11:19:59 · 1978 阅读 · 0 评论 -
es6 reduce 函数应用
ES6 reduce函数参数:prev:它是上一次调用回调时返回的结果,每次调用的结果都会给prevcur:当前的元素index:当前的索引arr:循环的数组返回值:函数累计处理的结果应用:求数组的和var a = [1,2,3,4,5,6,7,8,9,10]var str = a.reduce(function(prev,cur,index,arr){ return...原创 2019-12-05 17:09:07 · 195 阅读 · 0 评论 -
浏览器光标相关的一些操作
/*获取光标位置*/ getCursorPos(obj) { var CaretPos = 0; // IE Support if (document.selection) { obj.focus(); //获取光标位置函数 var Sel = document.selection.createRange(); Sel.moveStart...原创 2019-10-29 14:18:47 · 708 阅读 · 0 评论 -
js 某些高频触发事件下的防抖和节流处理
对于某些高频事件:input 输入框的change事件,window.resize , 滚动条等什么是防抖:对于短时间内连续触发的事件(上面的滚动事件),防抖的含义就是让某个时间期限(如上面的1000毫秒)内,事件处理函数只执行一次。什么是节流:如果短时间内大量触发同一事件,那么在函数执行一次之后,该函数在指定的时间期限内不再工作,直至过了这段时间才重新生效。区别:如果短时间内大量触发...原创 2019-11-06 15:44:07 · 655 阅读 · 0 评论