10 2020 档案
摘要:一、问题分析: 再使用 ElementUI 的 upload 组件进行上传图片的时候 点击编辑发现图片并不显示 但是又想用他的那个卡片显示 但是一直不知道回显入口在哪 真的是急死小爷我了 拖延症晚期患者 今天终于给他解决了 二、问题解决代码(关键): <el-upload style="displa
阅读全文
摘要:今天我们来总结一下 JavaScript 常见的几个内置对象和用途 一、Array 数组对象 (1)、push() 在数组的尾部添加一个元素 返回数组的新长度 var arr = [1,2] var length = arr.push(3) console.log(var , length) //
阅读全文
摘要:今天在写这个需求的时候 直接就用了 element.scrollTop = element.scrollHeight 发现最后总数会差一点像素到最底部 每次滚动条没有滑动到最底部,而是底部还有一条信息被隐藏 问题分析: 由于vue采用虚拟dom,我每次生成新的消息时获取到的div的scrollHei
阅读全文
摘要:一、模块化编程形成的原因 随着网页的发展 页面逻辑也越来越复杂 所带来的诸如逻辑混乱,页面复杂,可维护性差,全局变量暴露等问题接踵而至 开发者需求去管理网页的逻辑 Javascript模块化编程:发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块 现在模块化的编程思想已经越来越普遍 二、
阅读全文
摘要:一、NodeJS 的几种性能检测和优化的方法 (1)、确保 Node.js 是最新的Node版本 官网更新的 Node 版本 相较于上一个版本 无论在性能还是代码优化都有一定的提升 (2)、使用 fast-json-stringify 加速 JSON 序列化 在 JSON 序列化时,我们需要识别大量
阅读全文
摘要:一、为什么要事件循环机制 我们都知道 JavaScript 是一门单线程非阻塞的脚本语言,这就意味着再任何时候 JavaScript 都只会有一个主线程来处理所有的任务 但是对于 JavaScript 来说单线程确实是必要的 原因之一在其最初也是最主要的执行环境——浏览器中,我们需要进行各种各样的d
阅读全文
摘要:一、浏览器常见的几种报错分类 1、网络连接 2、http劫持 3、服务器错误 4、前端代码错误 5、前端兼容性问题 6、用户操作错误 7、跨域问题 二、如何记录这些问题 一般在本地进行调试的时候 发生错误 我们一般习惯性的先看 console 查看日志是最简单的 但是当项目上线后 这种办法基本等于无
阅读全文
摘要:javascript的异步方法一、异步的形成原因因为JavaScript是单线程编程语言 在执行过程中要一个方法执行才回去执行下一个 这样就会导致如果一个方法执行的时间过长 (死循环)就会导致页面卡死 用户体验极差 所以为什么解决这个问题 就衍生出了异步方法二、目前解决异步的几种常见方法1、prom
阅读全文
摘要:一、为什么会出现定时器不准确 这个其实就得提到js执行机制了,叫做事件循环Eventloop 循环机制中,异步事件 setInterval 到时后会把回调函数放入消息队列中Event Queue,主线程的宏任务执行完毕后依次执行消息队列的微任务,等微任务执行完了在循环回来执行宏任务。并且由于消息队列
阅读全文
摘要:一、reactive 函数引入 import { reactive } from 'vue' 二、什么是 reactive? 1、reactive 是 Vue3 中提供的实现数据响应式的方法 2、在 Vue2 中响应式数据 是通过 defineProperty 来实现的 所以再对一些复杂类型进行更改
阅读全文
摘要:一、ref函数的引入 import { ref } from 'vue' 二、什么是 ref 1、ref 和 reactive 一样都是实现响应式数据的方法 2、由于 reactive 必须传递一个对象,所以导致我们再企业开发中,如果我们只想让某个变量实现响应式的时候非常麻烦,所以 Vue3 就提供
阅读全文
摘要:一、setup函数的特性以及作用 可以确定的是 Vue3.0 是兼容 Vue2.x 版本的 也就是说我们再日常工作中 可以在 Vue3 中使用 Vue2.x 的相关语法 但是当你真正开始使用 Vue3 写项目时 你会发现他比 Vue2.x 方便的多 Vue3 的一大特性函数 setup 1、setu
阅读全文
摘要:一、目前搭建 Vue 脚手架的三种方式 目前 vue3.0 的版本已经发布了 此次除了可以通过 vue-cli 和 webpack 搭建脚手架外 官方还提供了一种新的脚手架搭建工具 vite 二、什么是 Vite Vite 是 Vue 作者开发的一款意图取代 webpack 的工具 其实现原理是利用
阅读全文