DragonPeng' blog 
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于
  •   
  •   
计算属性和watch的原理

计算属性和watch的原理

Watcher是什么?Watcher的种类有哪些?大家要注意,这里说的是Watcher,要跟vue里使用的watch属性区分一下哦 1.什么是Watcher呢?举个例子,请看下面代码: // 例子代码,与本章代码无关 1234567891011121314151617<div>{{name}}</div>aaadata()

2022-03-10
Vue
前端基础 Vue
Object.defineProperty和Proxy,Vue3.0为什么采用Proxy?

Object.defineProperty和Proxy,Vue3.0为什么采用Proxy?

Vue3.0 中,响应式数据部分弃用了 Object.defineProperty,使用Proxy来代替它。本文将主要通过以下三个方面来分析为什么 Vue 选择弃用 Object.defineProperty。 Object.defineProperty 真的无法监测数组下标的变化吗? 分析 Vue2.x 中对数组 Observe 部分源码。 对比Object.defineProperty和 P

2022-03-07
Vue
前端基础 Vue
http1.0,http1.1,http2,http3

http1.0,http1.1,http2,http3

http1.0HTTP1.0最早在网页中使用是在1996年,那个时候只是使用一些较为简单的网页上和网络请求上,是一种无状态、无连接的应用层协议,几年后被HTTP1.1代替并广泛使用 http1.1http1.1基于文本解析,把所有请求和响应作为纯文本http1.1加入了缓存处理(强缓存和协商缓存)http1.1拥有长连接,并支持请求管道化(pipelining),http1.1流控制基于tcp连

2022-03-06
计算机网络
前端基础 计算机网络
图片格式&&各自优缺点和使用场景

图片格式&&各自优缺点和使用场景

前置知识:二进制位数与色彩的关系  在计算机中,像素用二进制数来表示。不同的图片格式中像素与二进制位数之间的对应关系是不同的,  一个像素对应的二进制位数越多,它可以表示的颜色种类就越多,成像效果也就越清晰,文件体积相应也会越大 JPG / JPEG  优点    ①:体积小    ②:加载快    ③:支持颜色种类多   缺点    ①:有损压缩    ②:不支持透明 使用场景  JPG 适用

2022-03-04
CSS
CSS 前端基础
CommonJS和ES6模块

CommonJS和ES6模块

一、CommonJS 模块输出的是一个值的拷贝,ES6 模块输出的是值的引用commonjs的用法,我们一起来看一下1.首先创建一个lib.js的文件 1234567891011// lib.jsconst counter = 3;const incCounter = ()=>{ counter++}module.exports = { counter,

2022-03-01
ES6
前端基础 ES6
Node相关&&Koa与Express的区别

Node相关&&Koa与Express的区别

node有哪些相关的文件路径?答案是:Node 中的文件路径有 __dirname,__filename, process.cwd(), ./ 或者 ../下面用一个例子来介绍这几种文件路径的区别 __dirname: 总是返回被执行的 js 所在文件夹的绝对路径__filename: 总是返回被执行的 js 的绝对路径process.cwd(): 总是返回运行 node 命令时所在的文件夹的绝

2022-03-01
Node
前端基础 Node
Js数组基本问题

Js数组基本问题

总结了最近的一些面试题和之前的知识点 JS判断数组中是否包含某个值方法一:array.indexOf此方法判断数组中是否存在某个值,如果存在,则返回数组元素的下标,否则返回-1。 123var arr=[1,2,3,4];var index=arr.indexOf(3);console.log(index); 方法二:array.includes(searcElement[,fromIndex

2022-02-28
JS
前端基础 JS
Vue中父子组件生命周期执行顺

Vue中父子组件生命周期执行顺

问题背景 在单一组件中,钩子的执行顺序是beforeCreate-> created -> mounted->… ->destroyed,但当父子组件嵌套时,父组件和子组件各拥有各自独立的钩子函数,这些父子组件的这些钩子是如何交融执行,且执行顺序又是怎样的呢? 父子组件生命周期执行顺序组件,分别在他们的钩子函数中打印日志,观察执行顺序。得到的结果如图所示,父组件先创建,然

2022-02-28
Vue
前端基础 Vue
JS项目优化问题(项目面试题)

JS项目优化问题(项目面试题)

总结了最近的一些面试题和之前的知识点 前端性能优化建议 减少 HTTP 请求 使用 HTTP2 静态资源使用 CDN 将 CSS 放在文件头部,JavaScript 文件放在底部(CSS 执行会阻塞渲染,阻止 JS 执行;JS 加载和执行会阻塞 HTML 解析,阻止 CSSOM 构建) 图片优化 减少重绘重排 CSS 选择器优先级博客 防止表单重复提交的解决方案用户在操作表单Post数据时往往

2022-02-26
面试题
前端基础 JS
Vue--Observer、Dep、Watcher

Vue--Observer、Dep、Watcher

Vue 初始化我觉得搞清楚这些,首先要知道 vue 初始化的过程。我们从 new Vue() 开始,构造函数会执行 this._init,在_init 中会进行合并配置、初始化生命周期、事件、渲染等,最后执行 vm.$mount 进行挂载。 1234567891011121314151617181920// src/core/instance/index.jsfunction Vue (opti

2022-02-25
Vue
前端基础 Vue
1…34567…16

Search

Hexo Fluid
总访问量 次 总访客数 人