- 博客(13)
- 收藏
- 关注
RSS订阅原创 js扁平数组数组改为树形结构数据
数组转成树形结构数据做项目遇到了好多次数组转成树形结构数据，于是总结了一下自己查到的没查到的方法：// 原数据let arr = [{ id: 1, parentId: 0 }, { id: 2, parentId: 0 }, { id: 3, parentId: 0 },
2021-11-30 19:07:45
402
原创 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
1243
2
原创 node做中间层的一些小知识
node做前后端的中间层前提：公司项目一直是用node做了中间层，也一直好奇为什么要是用node，所以就了解一下node做中间层的作用。之后查资料的时候发现，蚂蚁金服，淘宝也使用了类似的方法，使用nodeJs作为中间层去请求真实的后端地址，拿到后台数据。然后就翻找了一些技术大佬做的总结，这边整理了一下。传统的架构是‘前端-后端’，加了node做中间层变成了‘前端-node-后端’，这样架构的好处是更好的实现前后端分离。前后端分离最常见的前后端分离的例子是SPA，数据都是后端通过异步（AJAX/
2021-05-19 16:28:01
401
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
679
原创 vue3.0生命周期钩子函数
vue 3.0 生命周期钩子函数beforeCreate() 在实例生成之前会自动执行created() 在实例生成之后会自动执行beforeMount() 在模板渲染完成之前自动执行mounted() 在模板渲染完成之后自动执行beforeUpdate() 当data中的数据变化时，会自动执行updated() 当data中的数据变化时，页面重新渲染完成之后会自动执行beforeUnmount() 当vue应用失效时会自动执行unmounted() 当vue应用失效时，且dom完全销毁之
2021-05-08 10:32:01
557
原创 前端实现登录页面验证码(算术验证码)
客户要求在登陆页面增加验证码，验证码校验通过才可以登录。页面实现效果：在代码实现过程，使用了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
7798
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
659
原创 关于vue数组不能赋值的深入思考
关于vue数组不能赋值的深入思考前提：因为想对数组进行一些新增的操作，在属性上直接赋值，预示有了这样的代码 vm.items[indexOfItem] = newValue，但页面上并没有展示我想要的数据。探索历程：1、’在vue官方文档中，发现官方的原文：由于 JavaScript 的限制， Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue当你修改数组的长度时，例如： vm.items.length =
2020-12-10 17:10:19
3427
2
原创 vue父子组件的生命周期
vue父子组件的生命周期vue实例被创建要经过一系列初始化过程，例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等，在这个过程中，会运行一些叫做生命周期钩子的函数，可以让用户在不同阶段添加自己的代码。1.vue的生命周期1、beforeCreate在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。2、created在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data o
2020-12-04 16:44:21
1049
原创 嵌套在表格里的input框偶发不能输入的问题
嵌套在表格里的input框偶发不能输入的问题项目场景：数据采集问题描述：在页面表格里录入数据时，偶发输入不了的情况原因分析：视图没有更新解决方案：this.$forceUpdate()项目场景：数据采集在表格内录入需要的值，做数据采集问题描述：在页面表格里录入数据时，偶发输入不了的情况在页面表格里录入数据时，偶发输入不了的情况<el-table-column prop="ensureGetPolicyYear" width="100px" label="保单年度" align="c
2020-09-16 09:46:01
557
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人