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