杨桃贝贝-CSDN博客

原创 Vue脚手架

2、独享路由守卫在./router/index.js 文件中，在路由配置中编写 {path,component, 钩子}独享路由守卫在./router/index.js 文件中，在路由配置中编写 {path,component, 钩子}1、全局路由守卫在./router/index.js 文件中，通过router这个实例对象调用的回调函数。3、组件内置路由守卫在组件中编写的守卫，例如在Home.vue 文件中编写的。组件内置路由守卫在组件中编写的守卫，例如在Home.vue 文件中编写的。

2024-07-08 12:00:40 817

原创 Vue.js

动态组件：可以利用内置组件component的is属性，决定渲染哪一个组件。vue@2版本，采用defineProperty方法实现，监听数据的改变。利用内置组件 transition 组件，可以实现过渡、动画这些效果。数据改变更新页面，页面改变更新数据，vue 是数据双向绑定的框架。Vue的生命周期：创建阶段、挂载阶段、更新阶段、销毁阶段。插槽：是组件的拓展。组件可以是指项目中某个功能，或者页面的某个区块。1）自定义组件（定义组件、注册组件、使用组件）人的生命周期：少年、青年、中年、老年。

2024-07-02 14:35:44 383 1

原创 Web工程化

无法加载文件 D:\Soft\Nodejs\node_global\docsify.ps1，因为在此系统上禁止运行脚本。默认的官方镜像：https://registry.npmjs.org，切换国内淘宝镜像，访问下载更快。因为nodejs发布了许多版本，在不同的技术栈下，需要使用不同的nodejs。3、创建webpack.config.js文件，就开始填写配置。在这个目录下，打开终端(cmd/powershell)3）配置 webpack.config.js。5、在package.json文件配置脚本。

2024-07-01 11:50:05 439

原创 SASS & LESS

在实际Web开发环境中，为了提高工作效率，可以使用less或sass去编写项目的样式。其中语法，使用的多的是变量、嵌套规则、混合语法、运算、拓展。浏览器不直接支持less(不能直接解析less), 需要把less文档编译成css文档才能使用。利用less书写页面外观，可以很大程度的提高css的编写速度（提供工作效率）浏览器不直接支持sass, 需要把scss文档编译成css文档才能使用。sass 是css的一个拓展语言。利用scss书写页面外观，可以很大程度的提高css的编写速度。sass 有两个版本。

2024-06-25 08:50:11 253

原创 ES6新增语法

this: 指针变量（警告：箭头函数作用域没有this这个概念，箭头函数作用域的this往往上一级作用的this对象）arguments对象: 在函数作用域使用，记录实参信息的对象（警告：箭头函数作用域没有arguments）全局 fetch() 方法用于发起获取资源的请求，它会返回一个会在请求响应后兑现的 promise。构造函数：构建对象的函数（警告：箭头函数不能作为构造函数使用，因为它的作用域没有this）函数返回值: 函数执行后返回的结果，写在return 语句后的值。

2024-06-24 10:35:48 452

原创 CSS3新增

可能的值有nonzero和evenodd,默认值是nonzero.后面的每对参数表示多边形的顶点坐标（X,Y），也就是连接点。inset()可以传入5个参数，分别对应top,right,bottom,left的裁剪位置,round 可选，圆角）之前做过平行四边形，用的是transform: skewX(45deg);通过主轴和侧轴的方式控制子元素的位置和尺寸。通过行和列的方式控制子元素的位置和尺寸。左上角的点是(0% 0%) ，通过设置点的位置来实现裁剪，点的位置按照顺时针的顺序排列。以矩形的左上角为例，

2024-06-22 08:59:30 155

原创地理定位（以百度地图开发平台为例）

【代码】地理定位（以百度地图开发平台为例）

2024-06-21 10:47:25 112

原创涉及缓存数据的知识点

cookie 是浏览器缓存数据的一种机制，需要在http环境下，才能使用，才能缓存数据，共享数据。还得使用字符串api进行操作。对比过去使用的cookie缓存数据。假设需要设置本地存储的有效时间？

2024-06-19 11:41:00 154

原创 HTML5

HTML5新增

2024-06-18 14:41:28 214

原创 Bootstrap

bootstrap

2024-06-17 15:15:03 312

原创 jQuery中的预定义动画和自定义动画

1）没有动画效果// })// })2）给show 或 hide 传递参数，毫秒值 / slow | fast// 主要是控制标签的宽度高度透明度最后dispay为none// 动画结束就执行functionconsole.log("显示标签的动画完成")});})})// 原状态是显示的，调用这个api就隐藏；否则反之})3）给fadeIn 或 fadeOut 传递参数，毫秒值// 主要是控制标签的透明度最后dispay为none// 显示})// 隐藏。

2024-04-28 22:22:28 155

原创 jQuery中的事件处理

/ 写法3: 可以事件委托。// 写法2: 可以绑定多个行为。// 事件委托 (可以动态绑定事件)// 事件: 交互行为。

2024-04-25 12:45:25 104

原创 jQuery中的api操作

/ $(".box") // 这是获取页面标签的意思作为选择器函数使用。// 问题: 为什么不用循环li标签数组就可以给所有li标签设置字体颜色?// $ 既可以作为初始化函数(入口函数),也可以作为选择器函数使用。// $(function(){}) // 这是初始化函数。// 1. 调用者 (往往是jQuery对象)// JQ 选择器函数 $()// 5）删除标签、添加标签。// 2）设置标签的样式。// 3）设置标签的文本。// 4）设置标签的属性。// 1）获取页面标签。

2024-04-24 08:49:13 325

原创 JS中的正则表达式

/ 介绍：正则表达式(regular expression)是一个描述字符模式的对象，是一种表达文本模式（即字符串结构）的方法，有点像字符串的模板，常常用来按照“给定模式”匹配文本。// 预定义类指的是某些常见模式的简写方式// 参考文档: https://jquery.cuishifeng.cn/regexp.html// \w 匹配包括下划线的任何单词字符。等价于“[A-Za-z0-9_]”// \W 匹配任何非单词字符。等价于“[^A-Za-z0-9_]”// \d 匹配一个数字字符。

2024-04-23 18:02:53 894

原创 JS 中的BOM

/ window对象给我们提供了一个location属性用于"获取"或"设置"浏览器的URL(网址),并且可以用于解析URL.因为这个属性返回的是一个对象,所以我们将这个属性也称为location对象。// path 路径由零个或者多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或者文件地址比如"/shop/buy/detail"// protocol 通信协议常见有http://,https://,ftp://等。// location.port 返回端口号如果没有写, 返回空字符串。

2024-04-23 09:10:13 460

原创 JS DOM中的获取节点和操作节点

HTML除了一些内置属性之外,程序员还可以根据需要自定义一些属性, 自定义的属性建议以data-开头// DOM操作内置属性 DOM对象.内置属性名// 获取自定义属性,也可以获取内置属性,但是获取类名的时候,需要使用class// dom对象.getAttribute("自定义属性名或者内置属性名")// 设置自定义属性,也可以设置内置属性,但是设置类名的时候,需要使用class// dom对象.setAttribute("自定义属性名或者内置属性名", "属性值")

2024-04-22 19:40:19 1697

原创防抖和节流

事件尽管触发，但是在事件触发 n 秒后才执行，如果你在一个事件触发的 n 秒内又触发相同事件，那我就以新的事件 n 秒后才执行，舍弃掉上一次事件触发执行操作。// 原理：当触发事件的时候，我们取出当前的时间戳，然后减去之前的时间戳(最一开始值设为 0 )，如果大于设置的时间周期(时间间隔)，就执行函数，并更新时间戳为当前的时间戳，如果小于，就不执行。// 原理：当触发事件的时候，设置一个延时器，再触发事件的时候，如果延时器存在，就不执行，直到延时器执行完毕，然后执行函数，清空延时器，再设置下个延时器。

2024-04-22 13:34:35 877

原创 JS深浅拷贝与闭包

变量存储指向对象的引用。1.5.1 拷贝一个对象的数据之前先给拷贝的对象创建一个堆地址，创造一个一模一样的值 , 新值跟原值不共享内存, 这样当拷贝的对象指向的堆中的数据改变时，被拷贝的对象堆中的数据并不会被改变。1.3 引用数据类型（对象类型）：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）。指的是仅拷贝对象的指针地址,而不复制对象本身,新旧对象还是"共享同一块内存"，这样会使被拷贝的对象会因为拷贝的对象的数据改变而改变。

2024-04-21 23:11:58 557 1

原创 JS DOM中的事件

/ 1. 它是JS访问浏览器窗口的一个接口.// 2. 它是一个全局对象. 定义在全局作用域中的变量、函数会变成window对象的属性和方法// 3. 在调用的时候可以省略window, 比如我们前面学习alert(),prompt()都属于window对象的方法// 4. 注意:window对象下有一个特殊属性window.name, window.name的属性值是一个字符串。

2024-04-21 17:31:29 1543 1

原创 JS中的面向对象

2.11.1 // 概念：所有对象都有一个__proto__(隐式原型)属性，属性指向它构造函数的prototype，当访问一个对象的某个属性时，会先在这个对象本身属性上查找，如果没有找到，则会去它的__proto__隐式原型上查找，即它的构造函数的prototype，如果还没有找到就会再在构造函数的prototype的__proto__中查找，这样一层一层向上查找就会形成一个链式结构，我们称为原型链。该原型对象也有一个自己的原型对象（__proto__），层层向上直到一个对象的原型对象为 null。

2024-04-20 09:33:30 790

原创 JS中的递归和进制和作用域

递归就是直接或间接的调用自身的一种"函数"。1、预解析阶段：在当前作用域下, JS 代码执行之前，浏览器会默认把带有 "var声明的变量" 和 "function关键字声明函数"在内存中进行"提前声明"或者"提前定义"。parseInt(string [, radix] ) 解析一个字符串并返回指定基数的十进制整数， radix 是2-36之间的整数，表示被解析字符串的基数。2.1 注意：十进制可以以0开头，后面接其他十进制数字，但是假如下一个接的十进制数字小于8，那么该数字将会被当做八进制处理。

2024-04-19 23:36:23 753

原创 JS中的对象

1、什么是对象:// JavaScript 对象是拥有"属性"和"方法"的数据。// 属性就是特性,特点// 方法就是行为,功能// 说白, 属性就是把变量存在对象中, 方法就是把函数存在对象中通过对象访问属性通过对象调用方法// 现实生活中:万物皆对象，对象是一个具体的事物。看得见摸得着实物。一本书、一辆汽车、一个人都可以是"对象"，一个数据库、一个网页、一个与远程服务器的连接也可以是"对象"。// 泛指一大类比如说苹果就是泛指类似其他语言的类(class)

2024-04-19 13:13:20 624

原创 JS中的函数

/ 函数就是封装了一段可被重复调用执行的代码块。可以实现大量代码的重复使用。// 函数是可以被命名的，它是为了解决某些功能的代码段！// 可以被命名：表示函数是可以有名字的，也是可以没有名字的。// 代码段：函数体❤❤❤10.1 "函数声明方式" function 关键字 (命名函数) 用的多function 函数名( 形参1, 形参2, 形参3...){函数体;return 返回值;❤❤10.2 "函数表达式" 其实就是把匿名函数赋值给一个变量用的多。

2024-04-17 18:03:19 501 1

原创 JS中的数组

/ 定义空数组// 定义非空数组// var 数组变量 = [值1, 值2, 值3...]// 获取数组长度// 获取某个数组元素注意: 通过下标访问不存在的数组元素将返回undefined// 定义空数组// 定义指定长度的空数组// var 数组变量名 = new Array( size );// size是数值// 定义非空数组// var 数组变量名 = new Array( 值1, 值2, 值3, 值4... )

2024-04-16 16:29:34 715

原创 JS基础语法

我们之前学的HTML只能完成页面的结构,CSS完成页面的样式, HTML+CSS静态页面,没有任何页面效果的，页面也没有行为，如果想要页面有行为，比如某个元素可以被点击, 那么就需要学习JS,给页面某个元素添加行为。11.2.1 语法一: 定义单个变量, 变量不赋值// var 变量名;var a;// 使用变量,就是直接使用变量名即可,变量名就可以代表这个变量的值11.2.2 语法二 :定义多个变量, 变量不赋值// var 变量名1, 变量名2, 变量名3 ...;

2024-04-13 08:56:45 610 1

原创 CSS中的一些杂知识

粘性定位可以被认为是"相对定位"和"固定定位"的混合。15.3.2 /* 比较方法：从左往右：如果第一个0大，表示这个选择器的权重高，那么使用这个选择器的样式，后面不用比较，如果第一个0相等，那么继续比较第二个0，如果第二个0大，那么就是这个选择器的权重高，使用他的样式，如果相等，继续往下比较，依次类推。14.2 继承性, 某些CSS样式,是可以被继承的, text-开头, font-开头, line-开头以及color属性子承父业如果子元素有自己的属性,那么将使用自己的属性值不继承父元素的属性;

2024-04-11 17:12:28 835 1

m0_63977330的博客