1. Vue.js 2.x 通过标记静态节点，优化 diff 的过程2. Vue.js 3.x 通过标记和提升所有的静态根节点，diff 的时候只需要对比动态节点内容Fragments ( 升级 Vetur 插件 )静态提升Patch flag缓冲事件处理函数 详细解释：此处我们用到线上编译器来查看 vue 2.x 与 vue3.x 的编译区别~&
安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了。安装完成之后，打开命令行工具，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。安装cnpm在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待，
文章目录1.前言2.创建普通项目3.引入Vue的js文件4.编写Hello Vue!4.1动态修改5.绑定元素特性5.1效果6.判断特性codeFalseTrue6.2.If else6.3.Else if7.绑定数组7.1. div7.2.数组7.3.效果8.监听——逆转消息9. v-model 双向绑定9.1.code9.2.实现效果9.3.例子29.4.实现效果10.监听属性 watch1
配置"build": {
"productName":"xxxx",//项目名 这也是生成的exe文件的前缀名
"appId": "com.leon.xxxxx",//包名
"copyright":"xxxx",//版权 信息
"directories": { // 输出文件夹
"output": "build"
},
"nsis
转载
2024-09-28 21:44:22
77阅读
vue的安装Vue.js不支持IE8及以下版本。因为Vue.js使用了ECMAScript5特性，IE8显然不能模拟。Vue.js支持所有兼容ECMAScript5的浏览器。在用Vue.js构建大型应用时，推荐使用npm安装，npm能很好的和webpack等打包工具配合使用。首先Vue的安装依赖于node.js，要保证你的计算机上已经安装过node.js。如何查看node是否安装或者node版本呢
转载
2024-04-02 11:18:02
83阅读
目录1 引言1.1 vue文件基础1.1.1 template部分1.1.2 script部分1.1.3 style部分1.2 vue文件引用1.2.1 index.html1.2.2 main.js1.2.3 App.vue1.2.4 Menu.vue1 引言在没接触vue教程时，比较好奇vue文件是如何被引用的，后来系统地学习了一遍，虽然当时明白了，但还是记录下，毕竟好记性不如烂笔头1.1 v
转载
2024-06-24 18:22:00
283阅读
相较于原生的JavaScript，不同的JavaScript文件之间很难共享变量。有鉴于此，Node.js在JavaScript的基础上进行了扩充，引入了require，exports，module三个global object。一、absolute module 和 relative module Smashing Node.js 的作者将node.js 中的modules 分成了两类，一
转载
2024-10-22 20:48:27
44阅读
# 使用 Yarn 删除 Node Modules 的详细指南
在 JavaScript 和 Node.js 的开发过程中，包管理是一个至关重要的环节。Yarn 是 Facebook 开发的一款流行的包管理工具，用于管理 JavaScript 的依赖关系。随着项目的不断发展，可能会遇到需要删除某些依赖包的情况。在这篇文章中，我们将深入探讨如何使用 Yarn 删除 Node Modules，以及在
区别计算属性有缓存，计算属性会把函数执行一次，把结果存起来，依赖的值改变，会重新赋值。2.函数是每次模板编译都会执行。只要有响应式属性改变，视图刷新，函数就执行。计算属性computed支持缓存，只有当它所依赖的响应式数据发生改变时，才会重新进行计算不支持异步，当computed内有异步操作时无效，无法监听数据的变化3.computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的
前言如果你用Vue搭建过项目，应该都熟悉vue init webpack projectName命令，至于为什么是这个命令，相信了解的人不是特别多，反正我能用就行了。现在我们就来好好了解一波。 Vue-CLI是什么?Vue-CLI是Vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。运行vue init webpack projectName命令，就必须装Vue-
# Yarn 安装 Node 模块
在前端开发中，我们经常会使用各种第三方的 Node 模块来辅助我们开发和构建项目。而 Yarn 是一个快速、可靠、安全的 JavaScript 依赖管理工具，可以帮助我们高效地管理这些 Node 模块。本文将介绍如何使用 Yarn 来安装 Node 模块，并通过代码示例演示这个过程。
## 什么是 Yarn
Yarn 是一个由 Facebook 开发的 J
原创
2024-05-19 04:54:41
77阅读
文章目录为什么需要配置共享Nacos实现配置共享实战依赖引入YML配置配置的概念远程核心配置远程共享配置共享配置与核心配置优先级多个共享配置间优先级共享配置优先级总结 为什么需要配置共享微服务应用在系统开发的时候，我们会启动很多很多个微服务实例，每个服务都有自己的配置，但有的配置其实是一样的 比如mysql 连接、mongo连接、或者mq地址等等，因此我们可以提取出一个公共配置Nacos实现配置共
转载
2024-10-18 12:22:52
56阅读
一、 .npmrc 配置文件的作用.npmrc，可以理解成npm running cnfiguration, 即npm运行时配置文件。简单点说， .npmrc 可以设置 package.json 中依赖包的安装来源，既从哪里下载依赖包。二、.npmrc 配置文件的优先级电脑中有多个 .npmrc 文件，在我们安装包的时候，npm按照如下顺序读取这些配置文件项目配置文件: /project/.npm
最近有好多需求是把一堆图片，或者一张长图转成HTML文件在客户端展示，所以想尝试自动化这一过程，简单实验了一个HTML5生成器。
功能：
根据文件夹中图片文件生成简单HTML5展示页面
安装
$ npm install -g html5fromImages
使用
$ html5fromImages [图片文件夹所在路径] [生成目标路径] [网页title]
$ html5fromImages ~
资料 淘宝 没啥用 其实还是百度吧 直接上电 USB连接 串口 按一下复位 LED蓝色闪烁一下前面的乱码 是不同的波特率输出的 开始学校 开始准备环境https://docs.ai-thinker.com/esp8266/boards/nodemcu1--卸载本地python3 因为它需要2.8 自动安装的2--一路 A
在制作网页的过程中，我们经常写类似下面的代码：<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascrip
Vue框架很核心的功能就是双向的数据绑定。双向是指：HTML标签数据绑定到Vue对象，另外反方向数据也是绑定的，本文通过实例来为大家介绍一下vue中的数据绑定。示例代码：vue模板中的数据绑定语法 {{msg}} var vm = new Vue({
el: '#box',
data:{
msg:'我是一段包含html片段的字符hello'
}
});界面效果：原生html上面的文本数据绑定，
转载
2024-05-11 16:10:41
181阅读
一、npm adduser的踩坑1、先注册- 注册官网：https://www.npmjs.com/- 注意，账号接收小写英文字母【a-z】+下划线【_】，但不接受大写英文字母注意，一定要去邮箱验证！！！A. 登录邮箱去找到npm发来的邮件，点击“Verify email address"按钮去验证B. 在新窗口点“continue”按钮 ，完成最终的验证。C. 有个坑：在npmjs.com中注册
Node.js 和 vue.js 详细安装和配置部署使用1. 点击链接下载node：https://nodejs.org/en/download/Windows Installer（.msi）文件是需要安装的文件。Windows二进制文件.zip文件是免安装文件。2. 安装：2.1 如果是下载的文件（.zip）文件2.2 解压：2.3 创建两个目录节点全局node-global 和 节点缓存nod
最近自己构建了一个 vite 2.0 + vue 3.2.* 的开源项目，记录一下本次项目进行本地代码打包压缩的优化 手摸手开始优化什么是gzip为什么要去优化如何优化1. 前端代码配置代码压缩服务器配置``Failed to load module script: Expected a JavaScript module script but the server responded with
转载
2024-07-22 18:21:16
143阅读
