Arch's blog
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于

vue-router实现

vue-router实现SPA(single page)需要在不刷新页面的情况下做页面更新的能力,SPA前端路由是利用了浏览器的hash或history属性。 hash和history hash 路由:监听 url 中 hash 的变化,然后渲染不同的内容,这种路由不向服务器发送请求,不需要服务端的支持; hash (url中#后面的部分)虽然出现在 URL 中,但不会被包含在 http 请求中,
2023-09-03
vue
#vue

vue-cli v2源码详解

总结vue init <template-name> <project-name> 执行过程分析 获取参数123456789101112/** * Usage. * 从命令中获取参数 * program.args[0] 模板类型 * program.args[1] 自定义项目名称 * program.clone clone * program.offline 离
2023-08-31
vue
#vue

vue2手写实现

问什么是vue?vue是一套开源的用于构建用户界面的渐进式MVVM框架,通过compile来解析模版指令,通过Observer劫持监听数据变化,通过dep收集依赖,通过watcher更新视图。 mvue.js 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515
2023-08-30
vue
#vue

Taro技术分析

目录 Taro 是什么? Taro2 Taro2编译问题 Taro2的架构特点 Taro2的架构问题 Taro3 Taro3的taro-runtime,自行实现了一套 DOM/BOM的api Taro3的react适配 Taro的react适配具体实现 如何将Taro的DOM tree渲染到小程序的视图层? Taro3 小程序Vue 实现 Taro3 事件机制 Taro3的架构特点
2023-08-29
hybird
#wechat #mini-program #Taro

Mpvue原理分析

一、半编译半运行时1.1 【半编译】vue的template 通过 mpvue-template-compiler 编译成 wxml 1.2 【半运行时】在小程序中实现了一套runtime用来跑vue的script部分的代码vue运行时 mpvue运行时 mpvue 的运行时,会首先将 patch 阶段的 DOM 操作相关方法置空,也就是什么都不做。其次,在创建 Vue 实例的同时
2023-08-28
hybird
#mpvue #wechat #mini-program

express手写

执行代码12345678910111213141516171819202122232425262728293031let express = require('./index.js')let app = express();// 参数不写就是 /app.use(function(req,res,next){ console.log('middleware&
2023-08-27
Express
#Express

express入门

简介作为前端开发,Nodejs已经成了很多公司对我们这一岗位的硬性要求,而 Express 框架则是其中知名度最高、也是最受欢迎的Nodejs开发框架,它帮助我们封装了Nodejs底层的API,屏蔽了大量的繁琐的细节,让我们只需要关注业务开发就行了,极大的降低了学习的成本。今天这个课程就是教大家去掌握如何使用express去搭建一个简易的后端服务,我们主要围绕以下几个部分: 路由 中间件 静态文
2023-08-26
Express
#Express

JS事件循环机制

目录 同步任务、异步任务 任务类型:宏任务、微任务 同步任务、异步任务JS 里的一种任务分类方式分为: 同步任务和异步任务 同步和异步任务分别进入不同的执行环境,同步的进入主线程,即主执行栈,异步的进入任务队列 Event Queue 。 当同步任务执行完毕,会去任务队列执行相应的异步任务,推入主线程执行。上述过程的不断重复就是我们说的 Event Loop (事件循环)。 任务类型:宏任务、
2023-08-25
js
#Event Queue

JS垃圾回收机制

目录 标记清除(mark and sweep) 标记清除 (mark and sweep)流程 标记清除的问题是什么? 如何解决 mark and sweep 的问题? 新回收策略mark-compact 提出来了 引用计数(reference counting) 引用计数有什么问题,为什么后面都不用了? 个人理解 标记清除(mark and sweep)大部分浏览器以此方式进行垃圾回收
2023-08-24
js
#mark-and-sweep #reference-counting

webpack底层原理

目录 如何编写一个Loader 同步loader实现 异步loader实现 config配置自定义loader 如何编写一个Plugin webpack 执行流程 如何编写一个Loader同步loader实现1234567const loaderUtils = require("loader-utils");module.exports = function(source
2023-08-23
webpack
#webpack
123

搜索

Hexo Fluid