three vue js

视频 11.两个新的生命周期钩子 作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态。 具体名字： activated路由组件被激活时触发。 deactivated路由组件失活时触发。 Home.vue News.vue #components ##Banner.vue <template> ......

视频 10.缓存路由组件 作用：让不展示的路由组件保持挂载，不被销毁。 具体编码： <keep-alive include="News"> <router-view></router-view> </keep-alive> News.vue Home.vue Message.vue #compone ......

push、pop、unshift、shift、sort、splice、reverse 以上这些方法都会改变原数组并且 这些方法的返回值是值得注意的有时候可以提高工作效率，比如pop方法的返回值是该元素(删去的第一个) 其他的都不多说了，还有一些非变异方法 了解一下 filter() //过滤数组中某 ......

视频 router-link 最后会转成 标签， 有时候页面不是a标签就不能用router-link来写 9.编程式路由导航 作用：不借助<router-link> 实现路由跳转，让路由跳转更加灵活 具体编码： //$router的两个API this.$router.push({ name:'xi ......

// js 会把var声明的变量提升到js文件的最顶部 // 控制台打印语句 // console.log('你好！'); // 警告框！ 通知用户出错了 // alert(' haha') // 输入框-输入内容 prompt得到的输入内容永远都是字符串 // var n1 = prompt("第 ......

日常中office 预览是一个比较常见的问题，基于微软的office online 是一个选择，但是移动端效果不是很好 就有pdf 以及一些基于生成图片的方案也是不错的，以下是基于gotenberg+ chromiumly 的一个尝试 简单说明 gotenberg 是基于golang 开发的包装了C ......

检测变量类型： 1. typeof 运算符用来判断未知数据的数据类型，返回值是一个用来描述类型的字符串，有6种结果 (string,number, boolean,object, function, undefined)需要注态的是，数组，null在使用typeof判断的时候都会返回object。 ......

在一个复杂的数组对象数据中（嵌套多层），通过key值返回对应的对象 1 方法： parseJson(jsonObj, key, value) { // 循环所有键 let array = [] for (let v in jsonObj) { let element = jsonObj[v] // ......

原文链接：https://blog.csdn.net/qq_45832807/article/details/105429613 在vscode中没有像hubilder一样，创建vue文件后就自动生成vue模板。 但是我们可以自己创建vue.json文件自定义配置。 记录一下我自己配置的过程🤭 1 ......

js的基础 JavaScript (简称JS”) 是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。 javascript又名ECMAscript ECMA是什么？ 1、全称：European computer manufacturers association欧洲计算机制造联合会； 2 ......

js入门 JavaScript开发web页面的脚本语言 1995年网景公司布兰德 JavaScript的标准是ECMAScript is代码必须写在script标签里 vara=2;var声明变量的关键字关键字key(唯一) a变量的名字(只能用英文字母) = 赋值号 2值 1.输出使用: 控制台打 ......

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言： 梳理了一下项目中的PWA的相关用法，下面我会正对vue2和vue3的用法进行一些教程示例，引入离线缓存机制，即使你断网，也能访问页面。一旦用户访问了我们的网页，我们就像牛皮糖一样粘连着他，他永远都可以访问，即使断网也能访问。有一天 ......

添加如下js文件resizable.js： 1 // 支持上下左右四边拖动。若内部元素太贴边，不易触发拖动事件，最好在拖动一边加边框，使鼠标容易选中。 2 // 使用方式： 3 // <div v-resizable="'right, bottom'"> 4 export default { 5 i ......

简介 解释器模式（Interpreter Pattern）是一种行为型设计模式。这种模式实现了一个表达式接口，该接口解释一个特定的上下文。这种模式常被用在 SQL 解析、符号处理引擎等。 解释器模式常用于对简单语言的编译或分析实例中，为了掌握好它的结构与实现，必须先了解编译原理中的“文法、句子、语法 ......

说明 当一个父组件定义了style之后，子组件的相关style也会受到影响，这时可以通过添加scope属性解决。 代码 <!--将h1标签定义为背景色为gree，这时，子页面的h1标签也会受到影响--> <style> h1 {background-color: green} </style> 解决 ......

<!-- 什么是插槽 ？ *插槽就是子组件中的提供给父组件使用的一个占位符，插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制。 一般用slot标签来表示插槽要渲染的位置，slot的用法可以分为三类，分别是默认插槽、具名插槽、作用域插槽 父组件向子组件传递内容，内容，内容 ......

什么是Vue-CLI Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。Vue CLI是一个脚手架，通俗点说就是代码生成器，可以快速生成一套基于Vue完整的前端框架，单独编译，单独部署。可以再集成各种第三方插件，扩展出更多的功能。 为什么要使用Vue-CLI（来自官网） https: ......

一、什么是函数防抖 概念：函数防抖（debounce），就是指触发事件后，在 n 秒内函数只能执行一次，如果触发事件后在 n 秒内又触发了事件，则会重新计算函数延执行时间。 举个栗子，坐电梯的时候，如果电梯检测到有人进来（触发事件），就会多等待 10 秒，此时如果又有人进来（10秒之内重复触发事件） ......

示例数据： let list=[{id:1,name:"张三"},{id:2,name:"李四"}] 1、使用 map 取name 属性得到一个string 数组 let arr= list.map(pro=>pro.name)； 2、使用map 得到一个新的对象集合 let arr=list.ma ......

function sleep(sleepTime) { for(var start = new Date; new Date - start <= sleepTime;) {} } function main(){ alert("关注公众号【小知识酷】，搜索“WPS JS”获取更多相关教程") sl ......

1 JavaScript 1.1 函数 在java中我们为了提高代码的复用性，可以使用方法。同样，在JavaScript中可以使用函数来完成相同的事情。JavaScript中的函数被设计为执行特定任务的代码块，通过关键字function来定义。接下来我们学习一下JavaScript中定义函数的2种语 ......

在 Vue 的模板语法中（包括 Pug），可以使用 `v-for` 指令来进行循环渲染数据。 如果使用 Pug 来书写模板的话，可以使用如下的语法： ```pugul li(v-for="item in list" :key="item.id") {{ item.name }}``` 上面的代码表示 ......

Pug 是一种高效的、简洁的模板引擎，它使用缩进、可选的括号和强制缩写等语法规则来简化 HTML/CSS/JS 的书写。Pug 简化了模板的书写，可以通过缩进来表示嵌套关系，使用小括号包裹指令和属性，并且使用换行符来分隔标签，使得代码层次更加清晰有序。 举个例子，以下是一个常见的 HTML 表单： ......

推荐：将NSDT场景编辑器加入你3D工具链 其他工具系列：https://nsdt.cloud/ 下面的代码完整展示了通过three.js引擎创建的一个三维场景，在场景中绘制并渲染了一个立方体的效果，为了大家更好的宏观了解three.js引擎， 尽量使用了一段短小但完整的代码实现一个实际的三维效果图 ......

<el-table-column prop="processStatusName" label="状态" width="100" align="center" > <template slot-scope="scope"> <span :style="{ color: setColumnColor( ......

​ 系统信息 windows10 LTSC 21H2 vscode：1.77.1 nodejs：18.15.0 npm：9.5.0 版本信息 vue：3.2.47 vite：4.1.4 cesium：1.104.0 vue-router：4.1.6 默认在以上的js相关版本下构建环境，并包括创建vu ......

1、原型：js中对象o:{} 有一个隐藏属性（__proto__）,这个隐藏属性会指向o的原型：o.__proto__ Object.prototype;那么我们就说：Object.prototype就是o的原型； 2、原型链：假设一个数组a=[];a 的隐藏属性指向它的原型（a.__proto__ ......

视频 8.<router-link>的replace属性 作用：控制路由跳转时操作浏览器历史记录的模式 浏览器的历史记录有两种写入方式：分别为push和replace，push是追加历史记录，replace是替换当前记录。路由跳转时候默认为push 如何开启replace模式：<router-lin ......

写一个完整的低代码平台需要考虑到很多方面，包括需求分析、架构设计、UI/UX设计、后端开发以及前端实现等。下面是一个实现Vue低代码平台的大致步骤： 1. 需求分析：明确低代码平台的核心功能和用户需求，例如表单设计器、流程设计器、报表设计器、数据可视化等。 2. 架构设计：根据需求分析，设计一套合理 ......

1、this：指当前执行上下文的一个属性，在非严格模式下，总是指向一个对象，在严格模式下可以是任意值。 可以理解为：this 就是你call 一个函数时，传入的第一个参数，即谁调用了函数，this就指向谁。 2、函数调用转换： func(p1, p2) 等价于 func.call(undefined ......