three vue js

SCSS和SASS都是CSS预处理器，它们的主要目的是简化CSS的编写，增加可维护性，并提供更丰富的功能。下面是它们与普通的CSS的区别： 语法：SCSS和SASS都具有比普通CSS更丰富的语法。其中，SASS使用缩进来表示嵌套，而SCSS则使用类似于CSS的花括号语法。因此，SCSS更易于CSS开 ......

本篇介绍如何将vue3项目打包发布到服务器上，然后在微信公众号上打开。 vue3发布之前需要对项目进行编译，编译时会在项目根目录下创建 dist 文件夹，编译后的文件会存放在这里。 在编译之前，我们在public目录下建一个 config.js 的文件，里面放如下的代码： const config ......

简介 备忘录模式（Memento Pattern）是一种结构型设计模式。这种模式就是在不破坏封装的条件下，将一个对象的状态捕捉(Capture)住，并放在外部存储起来，从而可以在将来合适的时候把这个对象还原到存储起来的状态。备忘录模式常常与命令模式和迭代子模式一同使用。 备忘录模式的角色有三个：备忘 ......

// 参照Elmenent ui statistic组件 function dispose(value = '', precision = null, groupSeparator = '', rate = 1000 ) { if (!isNumber(value)) return false; l ......

视频 2.readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景: 不希望数据被修改时。 #components ##Demo.vue <template> < ......

前言 在 Android 应用测试里面有个 mokey测试可以对app 做稳定性的测试，在app里面随机乱点发送一些事件，看app会不会异常。 这种做法，也称为 Monkey测试 或 Fuzz 测试，在移动应用程序开发中非常常见。 Gremlins.js 模拟随机用户操作：gremlins 单击窗口 ......

视频 三、其它 Composition API 1.shallowReactive 与 shallowRef shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据， ......

1.新增依赖 "vue-clipboard2": "^0.3.3" 2.main.js导入和使用依赖 import VueClipBoard from "vue-clipboard2"; createApp(App) .use(VueClipBoard) .mount("#app"); 3.导入sy ......

视频 直接用ref是创建新的对象 10.toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: 要将响应式对象中的某个属性单独提供给外部使用时。 扩展：toRefs 与toRef功能一致， ......

安装 npm i axios时，出现如下图情况： 报错的原因是因为npm不同版本库之间命令不兼容。 解决办法：npm install axios -save --legacy-peer-deps ......

视频 9.自定义hook函数 什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。 类似于vue2.x中的mixin。 自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。 #components ##Demo.vue <templ ......

vue国际化步骤 Vue 国际化的步骤如下所示： 1.安装 vue-i18n 库 npm install vue-i18n --save 2.创建 i18n 实例 在项目中新建一个 i18n.js 文件，引入 vue-i18n 库，并创建一个 i18n 实例。 import Vue from 'vu ......

element-ui 升为 element-plus 首先建议参考element-plus官方站点： https://element-plus.org/zh-CN/ 部分组件标签直接变更 如 el-submenu 变更为 el-sub-menu 浏览器提示 ElementPlusError: [El ......

原生JS实现Ajax下载文件 /** * url 下载url （相对路径也可\dbbak\wsew.2023-04-20_09:19:52_6835.sql） * filename 下载文件名称 */ function download(url, filename) { var xhr = new ......

1. vue简介 Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 2 ......

单线程JavaScript语言具有单线程的特点，同一个时间只能做一件事情。这是因为JavaScript脚本语言是为了处理页面中用户的交互，以及操作DOM而诞生的。如果对某个DOM元素进行添加和删除，不同同时进行。应该是先添加，再删除，事件有序。 单线程的特点是所有任务都需要排队进行，前一个任务结束， ......

1、介绍 vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，vue被设计为可以自底向上逐层应用。Vue的和学科只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 前端框架三巨头：Vue.js、React.js、AngularJS，前者以轻量易用著称，前两者发展速度最快，后者 ......

1、js全局属性 Infinity：代表正无穷大的数值 NaN：指示某个值不是数字 undefined：指示未定义的值 2、eval函数 eval("x=10;y=20;document.write(x*y)") 如果参数是一个表达式，eval() 函数将执行表达式。如果参数是Javascript语 ......

js内部支持三组编码和解码函数，都是全局函数，可以直接使用。 内部没有html编码和解码，一般是自行编写函数。也没有md5等加密解密函数，需要引入响应的工具js。另外支持base64的编码和解码，window.btoa()和window.atob函数完成。 1、escape函数 escape('ab ......

1、介绍 事件，也可以说是信号，绑定到js代码。当事件发生时，对应的js代码将被执行。 HTML DOM 事件对象 | 菜鸟教程 (runoob.com) 2、三种声明方式 （1）在html元素中声明 <button onclick="alert(/xss/)">点击弹窗</button> （2）j ......

注意，html从上往下解析，如果script在html元素之前，并且是直接执行，将获取不到元素，为null。需要使用window.onload事件声明，或者将js写在html元素后面 1、innerText和innerHTML属性 html元素调用innerText属性，可以获取元素内部的文本内容， ......

JavaScript RegExp 对象 | 菜鸟教程 (runoob.com) JavaScript RegExp 对象 | 菜鸟教程 (runoob.com) 1、re语法 /正则表达式主体/修饰符(可选) 例如： var patt = /runoob/i （1）主体 [abc] 由范围内字符组 ......

1、基本的变量声明 var a='abc' var lastname="Doe", age=30, job="carpenter"; 可以单独为一个变量声明，也可以直接为多个变量声明，之间使用,分隔 只声明未赋值的变量为undefined 完全未声明的变量不能使用，会报错 2、作用域 分为全局变量和 ......

1、介绍 ajax，asynchronous javascript and xml异步的js和xml。不重新加载整个页面的情况下，与服务器交互数据并更新部分页面。 优点：交互友好，节约资源，不需要插件直接使用。 分为同步和异步 目前主要是json格式，替代xml 可以多种请求方法 可以设置请求头部， ......

1、介绍 BOM，browser object model浏览器对象模型，虽然没有正式标准，但几乎所有浏览器都实现了与js的交互，且方法和属性相同。 window对象表示浏览器，所有js全局对象、函数以及变量自动成为window对象的成员。 window直接调用的全局变量和方法可以直接使用属性和方法 ......

1、介绍 DOM，document object model文档对象模型，向上属于window对象的属性，向下可以管理html元素及cookie。 2、获取元素 //基于元素id获取 document.getElementById('id') //基于标签名的所有html元素 document.ge ......

JavaScript 错误 – Throw、Try 和 Catch | 菜鸟教程 (runoob.com) 1、介绍 当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误。 可能是语法错误，通常是程序员造成的编码错误或错别字。 可能是拼写错误或语言中缺少的功能（可能由于浏 ......

1、介绍 javascript，简称为js，是一种解释型脚本语言，一般在浏览器运行，被所有现代浏览器支持，在h5中，默认脚本就是js。当然，也可以在其他支持js解析的环境中允许，比如服务端的node.js。 js主要可以分为四个部分： 基本语法，与es强烈相关，提供支持。包括语法规范、数据类型、运算 ......

1、介绍 js是弱类型语言。 2、数值 var x1=34.00; //使用小数点来写 var x2=34; //不使用小数点来写 var y=123e5; // 12300000 3、字符串 s = 'abc' s1 = "abc" s2 = /xss/ //输出/xss/，连同/字符 4、布尔 ......

1、if … else if … else … if(15){ alert('abc') } js存在强转bool类型 其他与java语法相同 2、switch 3、while 4、do while 5、for var list = [12,22,'abc','ddd'] for(let i=0;i ......