自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 (保姆级)vue封装并发布到npm仓库在多个项目使用

总体说来Vue组件封装发布到npm仓库整体难度不大,主要是理解Vue的install方法以及打包相关知识,其实最重要的还是如何封装一个适用范围广,扩展性高的公用组件。都看到这里啦,关注一下吧么么哒。

2023-09-18 20:49:24 2008 1

原创 js 事件循环机制

=> 但是在浏览器 里 输出的是 script start script end promise1 promise2 setTimeout。==> 输出结果应该是 script start script end setTimeout promise1 promise2。是一门单线程的语言,意味着同一时间内只能做一件事,但是这并不意味着单线程就是阻塞,而实现单线程非阻塞的方法就是事件循环。命令后面是一个 Promise 对象,返回该对象的结果。思考一下: 下一个宏任务是谁?

2023-09-13 15:08:29 122

原创 垃圾回收机制

谷歌浏览器 现在是采用分代式垃圾回收机制,将对象分为两部分:新生代与老生代。并且对两部分使用不同的算法新生代使用复制(Scavenge) 算法进行垃圾回收,这种算法牺牲空间来换取时间,实际上只利用了新生代一半的空间进行存储。但优点在于面对生命周期短的对象时速度较快,而且不会产生内存碎片。新生代中的对象 经历过多次GC之后,对象依然存在,就会进行对该对象晋升,将其 移动到老生代区域。老生代使用Mark-Sweep( 标记 - 清楚 )及Mark-Compact(标记-整理)两种结合。主要使用标记清楚。

2023-09-13 15:03:06 133

原创 VUEX保姆级教程以及概念讲解+面试题

是基于vue项目 状态(数据)管理的库, 可以实现 集中管理 组件数据。

2023-09-12 16:44:52 85

原创 Vue 组件通信

父组件中通过provide来提供变量, 然后再子组件中通过inject来注入变量, 不管组件层级多深都可以使用inject注入。

2023-09-12 16:34:20 48

原创 App 上线流程(Blue保姆级教程)

这个你可以 理解成 你在 HBuilderX 写代码,在一下这些模拟器(可以理解成微信小程序开发工具)上看效果。正常创建页面/写代码,但是有一些属性对app有支持,对小程序或者h5不支持。安卓:小米应用商店/vivo应用商店/腾讯宝/豌豆荚/华为应用商店。进入应用商店,按照官方文档填写信息,进行审核,上传应用。打包成功之后,会在把打包之后的文件,输出在本地。将应用上传到应用商店,注册各种应用商店开发者账号。通过decloud平台进行创建应用,申请证书。拿到打包之后的文件 待会用于上传到应用商店。

2023-09-12 16:16:00 231

原创 VueRouter

abstract支 持所有 JavaScript 运行环境,如 Node.js 服务器端。如果发现没有浏览器的 API,路由会自动强制进入这个模式。vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。

2023-09-11 16:30:43 48

原创 Vue 虚拟dom 和 diff 算法

本质上就是一个 JS 对象,作用:本质是保存节点信息, 属性和内容的一个JS对象。比如 template 里标签结构对应的虚拟 DOM 结构两个虚拟dom 之间 的对比 与 两个真实的dom 的对比 要简单多虚拟dom:和真实的dom 相比 只会抽出个别属性。

2023-09-11 16:12:35 300

原创 webScoket

一些外在因素会让websoket中断例如:(网络断线,网络状态不佳,链接需要在内网而内网无法联机,链接的进程被杀死/服务器长时间无通讯), 为了保证这个通信一直保持鲜活 我们需要增加 心跳机制/断线重连机制。我们项目中使用 socket.io-client 来实现客户端代码,它是基于 websocket 的库。去理解 WebSocket 通信的过程。什么是 websocket?为什么需要websocket?目的:认识websocket。

2023-09-11 10:51:51 58

原创 WebPack优化打包

webpack打包优化 目标优化实现。

2023-09-11 10:32:26 1112 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除