前端

vue封装组件发布到Npm

前言 项目中因为设计风格、项目模式有很多相似的组件模块,每次都要做抽离、复制、粘贴,作为项目负责人,总是想把相似模块抽离出来作为公共模块,所以就有了把这些模块都扔到npm上的想法,网上呢,也有好多文章讲解这个东西,但是都会有一些自己上手的过程中遇到卡壳的细节问题,所以我找了一个最清晰也最小白的教程,按照大佬教程一步步手操将每个环节自己的问题都写出来,以供大家参考,要是写的有些不是很到位的解释呢,还

Vue执行流程及渲染解析(二)

紧接上回分解,咱继续分析vue是如何进行渲染的! 创建DOM节点 image.png   有了vnode后,vue还需要根据vnode来创建DOM节点。如果是首次渲染,那么vue会走创建的逻辑。如果是数据的更新导致的重新渲染,那么vue会走更新的逻辑。 首次渲染   因为是首次渲染,所以不存在先前老的vnode,因此无需进行比较。vue直接调用 createElm 方法创建DOM元

vue之$set

vue之$set 原因 由于 JavaScript 的限制,Vue 不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。 对象 Vue 无法检测 property 的添加或移除。由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化,所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。例如:

单页应用(SPA)和多页应用(MPA)的区别

一、简介 单页面应用:SinglePage Web Application,简称 SPA 多页面应用:MultiPage Application,简称 MPA 二、定义区分 (1)单页面应用 只有一个 WEB 主页面的应用,公共资源(js、css等)仅需加载一次,所有的内容都包含在主页面,对每一个功能模块组件化。单页应用跳转,就是切换相关组件,仅刷新局部资源。常用于PC端官网、购物等网站。

【Git学习笔记】深度理解Git的分布式版本控制系统及其管理

【Git学习笔记】深度理解Git的分布式版本控制系统及其管理🔥个人主页:大白的编程日记🔥专栏:Git学习笔记 文章目录 【Git学习笔记】深度理解Git的分布式版本控制系统及其管理 前言 一. 远程操作 1.1 理解分布式版本控制系统 二.远程仓库 2.1 新建远程仓库 2.2 克隆远程仓库 2.3 向远

vue3与react、 react hooks

一、Vue3新特性:setup、ref、reactive、computed、watch、watchEffect函数、生命周期钩子、自定义hooks函数、toRef和toRefs、shallowReactive 与 shallowRef、readonly 与 shallowReadonly、toRaw 与 markRaw、customRef、provide 与 inject、Fragment、Tel

面试官:前端实现倒计时有误差怎么办?

这是最近面试被问到的一个问题,感觉答得不是很好,遂做了一些整理总结,希望对大家有帮助,下次被面试官问到也不会汗流浃背~ 一、前端倒计时产生误差的原因 (一)JavaScript定时器精度限制JavaScript中的setTimeout和setInterval函数是实现倒计时的主要工具。然而,

HTML超链接大致分为以下7类

HTML超链接大致分为以下7类: 1、简单链接 <a href="这里写链接地址" title="前端一万小时">知乎:itsOli</a> <!-- 注释:这里的 title 属性,作用是:当我们把鼠标停在 itsOli 上时,会弹出一个文本框: 前端一万小时。 -->复制代码 2、外部链接 将 target 设置成 _blank 时,点击这个链接,浏览器会新

vue写入json数据到文本中+vue引入cdn的用法

需求:省市区的json数据,然后因为要在数据中区中添加 全某某市的数据,通过遍历其实可以做到不用改json文本的数据,但是以前没有弄过写入文本的数据,就想试着做一下。 1.在vue中引入FileSaver.js 插件,通过cdn的方式 1.首先在 index.html 文件中引入插件 <script src="