- 博客(13)
- 收藏
- 关注
原创 js扁平数组数组改为树形结构数据
数组转成树形结构数据做项目遇到了好多次数组转成树形结构数据,于是总结了一下自己查到的没查到的方法:// 原数据let arr = [{ id: 1, parentId: 0 }, { id: 2, parentId: 0 }, { id: 3, parentId: 0 },
2021-11-30 19:07:45 414
原创 monaco-eidtor vue项目中使用编辑器
需求:想要实现一个类似vscode中代码对比的功能问了大佬,大佬说monaco-eidtor会比较好用一些,于是在项目中就使用了monaco-eidtor这个编辑器monaco-eidtor微软之前有个项目叫做Monaco Workbench,后来这个项目变成了VSCode,而Monaco Editor(下文简称monaco)就是从这个项目中成长出来的一个web编辑器,所以monaco和VSCode在编辑代码,交互以及UI上几乎是一摸一样的,只不过vscode性能、功能上更强大健全。使用安装n
2021-11-15 19:43:07 1265 2
原创 node做中间层的一些小知识
node做前后端的中间层前提:公司项目一直是用node做了中间层,也一直好奇为什么要是用node,所以就了解一下node做中间层的作用。之后查资料的时候发现,蚂蚁金服,淘宝也使用了类似的方法,使用nodeJs作为中间层去请求真实的后端地址,拿到后台数据。然后就翻找了一些技术大佬做的总结,这边整理了一下。传统的架构是‘前端-后端’,加了node做中间层变成了‘前端-node-后端’,这样架构的好处是更好的实现前后端分离。前后端分离最常见的前后端分离的例子是SPA,数据都是后端通过异步(AJAX/
2021-05-19 16:28:01 414 1
原创 vue中侦听器、计算属性和方法的区别
vue中侦听器、计算属性和方法的区别<div>watch: {{total}}</div> // 侦听器<div>computed: {{total}}</div> // 计算属性<div>methods: {{total()}}</div> // 方法watch: { count(current, prev) { this.total = current++; } }, computed: { total:
2021-05-11 16:02:33 708
原创 vue3.0生命周期钩子函数
vue 3.0 生命周期钩子函数beforeCreate() 在实例生成之前会自动执行created() 在实例生成之后会自动执行beforeMount() 在模板渲染完成之前自动执行mounted() 在模板渲染完成之后自动执行beforeUpdate() 当data中的数据变化时,会自动执行updated() 当data中的数据变化时,页面重新渲染完成之后会自动执行beforeUnmount() 当vue应用失效时会自动执行unmounted() 当vue应用失效时,且dom完全销毁之
2021-05-08 10:32:01 570
原创 前端实现登录页面验证码(算术验证码)
客户要求在登陆页面增加验证码,验证码校验通过才可以登录。页面实现效果:在代码实现过程,使用了canvas画布代码分享:html代码段<div id='login-group'> <div class='login-title'>用户登录</div> <!-- 用户名 --> <div class='input-group'> <el-input class="input-group-class" size="large"
2021-04-15 14:53:02 7972 3
原创 搭建vue项目以及vue目录介绍
搭建vue项目一、安装node1、下载地址http://nodejs.cn/download/2、检查是否安装成功及版本NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。命令 node -v 和 npm -v二、搭建vue项目1、全局安装vue-cli,命令 npm
2021-01-04 14:02:34 674
原创 关于vue数组不能赋值的深入思考
关于vue数组不能赋值的深入思考前提:因为想对数组进行一些新增的操作,在属性上直接赋值,预示有了这样的代码 vm.items[indexOfItem] = newValue,但页面上并没有展示我想要的数据。探索历程:1、’在vue官方文档中,发现官方的原文:由于 JavaScript 的限制, Vue 不能检测以下变动的数组:当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue当你修改数组的长度时,例如: vm.items.length =
2020-12-10 17:10:19 3578 2
原创 vue父子组件的生命周期
vue父子组件的生命周期vue实例被创建要经过一系列初始化过程,例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等,在这个过程中,会运行一些叫做生命周期钩子的函数,可以让用户在不同阶段添加自己的代码。1.vue的生命周期1、beforeCreate在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。2、created在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data o
2020-12-04 16:44:21 1076
原创 嵌套在表格里的input框偶发不能输入的问题
嵌套在表格里的input框偶发不能输入的问题项目场景:数据采集问题描述:在页面表格里录入数据时,偶发输入不了的情况原因分析:视图没有更新解决方案:this.$forceUpdate()项目场景:数据采集在表格内录入需要的值,做数据采集问题描述:在页面表格里录入数据时,偶发输入不了的情况在页面表格里录入数据时,偶发输入不了的情况<el-table-column prop="ensureGetPolicyYear" width="100px" label="保单年度" align="c
2020-09-16 09:46:01 582 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人