- 博客(32)
- 收藏
- 关注
RSS订阅原创 Vue——vue-router
全局前置守卫：在切换路由之前，进行某种信息的校验。如果信息校验错误，则不允许切换到该组件。路由元信息：可存放如：切换到该组件时的网页标题title、该组件是否需要权限isAtuh等。npm i vue-router：注意版本，vue2需要安装vue-router@3.全局后置守卫：当已经切换到此组件时，进行的一些设置，如网页的标题等。可配合全局后置路由守卫一起使用。
2023-08-14 17:16:16
448
原创 Vue中的ajax------插槽、vuex插件
2、引入并使用：插件的使用：use()。在src文件夹中新建一个store文件夹（用于创建vuex中最为核心的store），其中新建一个index.js文件（将store中的actions、mutations、state进行定义）。此时需要使用一个代理服务器，让代理服务器端口号也为8080，让它去访问5000中的数据并且拿到数据。1、安装：使用vue2时只能使用vuex3版本；使用vue3时只能使用vuex4版本；当你想在端口号为8080的主机上访问端口号为5000中的数据时，就会发生问题。
2023-08-08 15:42:47
441
原创 Vue——VUE组件化编程、使用Vue脚手架
1、数据放在app中，一个先传给app（子传父：app定义一个函数传给儿子，儿子调用这个函数，通过这个函数传数据），再通过app传给另一个儿子（父传子props）当应用中的功能都是多组件的方式来编写的，那这个应用就是一个组件化的应用。当应用中的js都以模块来编写的，那这个应用就是一个模块化的应用。接收数据的组件，需要绑定自定义事件，回调函数在这里面。向外提供特定功能的js程序，一般就是一个js文件。作用：复用js、简化js的编写提高js运行效率。props实现父子组件之间的传输数据，父传子。
2023-08-01 15:03:18
140
原创 Vue——Vue核心：样式绑定、条件渲染、列表渲染、数据监视、收集表单数据、过滤器、内置和自定义指令、生命周期
生命周期：又名声明周期回调函数、生命周期函数、生命周期钩子。是Vue在关键时刻帮我们调用的一些特殊名称的函数。生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。生命周期函数中的this指向是vm或组件实例对象常用的生命周期钩子：1、mounted：发送ajax请求、启动定时器、绑定自定义事件、订阅消息等初始化操作2、beforeDestroy：清除定时器、解绑自定义事件、取消订阅消息等收尾工作。关于销毁Vue实例：1、销毁后借助Vue开发者工具看不到任何信息。
2023-05-23 10:09:38
366
原创 Vue——Vue核心：模板语法、数据绑定、MVVM模型、数据代理、事件处理、计算监视属性
插值语法{{xxx}}，就是用两个花括号包裹住vue实例里的data数据，xxx要写js表达式，且xxx可以自动读取到data中的所有属性。用于解析标签体内容。指令语法以v开头,形式都是v-??? 用于解析标签（包括：标签属性、标签体内容、绑定事件……）。v-bind：数据层只能从data流向页面，v-model：数据不仅能从data流向页面，还可以从页面流向data；el的两种写法和data的两种写法；Object.defineproperty()方法给一个对象添加属性，传递三个参数
2023-04-18 17:55:29
667
1
原创 JS进阶——深浅拷贝、异常处理、this指向、防抖节流
深浅拷贝只针对引用类型。浅拷贝拷贝的是地址单层对象的拷贝，多层对象使用这种拷贝方法就会出现问题。深拷贝深拷贝拷贝的是对象，不是地址。深拷贝怎么实现：深拷贝可以实现拷贝出的新对象不会影响旧对象，实现深拷贝需要用到函数递归，普通拷贝直接赋值即可，如果遇到数组再次调用递归函数，如果遇到对象形式再次调用递归函数，如果有数组又有对象，那么先数组后对象，因为数组也是一种对象。常见方法：通过递归实现深拷贝lodash/cloneDeep_.cloneDeep(obj)通过JSON.stringify()实现
2023-04-14 09:54:30
239
原创 JS进阶——原型
如构造函数中有一个函数，每次创建一个新对象，就会开辟一个新内存，存入该函数，但其实函数代码都是一样的，就造成了内存浪费。分析出解决问题所需要的不招，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。我们可以把那些不变的方法，直接定义在prototype对象上，这样所有对象的实例就可以共享这些方法。对象原型里面也有一个constructor属性，指向创建该实例对象的构造函数。），对象能使用构造函数prototype原型对象的属性和方法，就是因为对象有。该属性指向该原型对象的构造函数。
2023-04-10 17:53:12
186
原创 JS进阶——构造函数、数据常用函数
通过构造函数创建的对象称为实例对象，实例对象中的属性和方法称为实例成员（实例属性和实例方法）。静态成员：构造函数的属性和方法被称为静态成员（静态属性和静态方法）可以快速创建多个类似的对象。构造函数传入参数，创建结构相同但值不同的对象。构造函数创建的实例对象彼此互不影响。
2023-04-10 14:40:10
83
原创 APIS——正则表达式
元字符（特殊字符）：一些具有特殊含义的字符，极大提高了灵活性和强大的匹配功能。exec()方法：在一个指定字符串中执行一个搜索匹配，返回一个数组或null。test()方法：用来查看正则表达式与指定的字符串是否匹配，返回布尔值。约束正则执行的某些细节行为，如是否区分大小写、是否支持多行匹配等。[abc]：只要包含abc中任意一个字符，注意只能选一个。g是单词global的缩写，匹配所有满足正则表达式的结果。[a-z]：英文字母a到z中的任意一个。[^a-z]：匹配除了小写字母a到z中的以外的字符。
2023-03-29 16:46:03
128
原创 APIS（BOM）——Window对象、本地存储
先执行执行栈中的同步任务，异步任务放入到任务队列中，一旦执行栈中的所有同步任务执行完毕，系统就会按照次序读取任务队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行栈，开始执行。同步：前一个任务结束后再执行后一个任务，程序的执行顺序与任务的排列顺序是一致的、同步的。作用：可以将数据永久存储在本地（用户的电脑），除非手动删除，否则关闭页面也会存在。由于主线程不断的重复获得任务、执行任务、再获取任务、再执行，所以这种机制被称为。数据存储在用户浏览器中，读取、读取方便、甚至页面刷新不丢失数据，容量较大。
2023-03-28 17:27:47
453
原创 APIS——日期对象、DOM节点
删除节点和隐藏节点（display：none）是有区别的：隐藏节点还是存在的，而删除节点就会从html中删除，将不存在。时间戳：是指1970年01月01日00时00分00秒起至现在的毫秒数，它是一种特殊的计量时间的方式。特殊情况下，新增节点：复制一个原有的节点，把复制的节点放入到指定的元素内部。操作步骤：创建一个新的节点，然后把创建的新的节点放入指定的元素内部。若为true，则代表克隆时会包含后代节点一起克隆（深克隆）。将来的时间戳-现在的时间戳=剩余时间毫秒数。通过节点之间的关系查找目标节点的能力。
2023-03-28 13:23:19
384
原创 APIS——事件流
当一个元素的事件被触发时，同样的事件将会再该元素的所有祖先元素中依次被触发。简单来说：当一个元素触发事件后，会依次向上调用所有父级元素的**同名事件**。事件冒泡是默认存在的。事件委托利用事件冒泡的特点：给`父元素注册事件`，当我们触发子元素的时候，会冒泡到父元素身上，从而触发父元素的事件。sffsetLeft和offsetTop 只读属性受父亲元素的影响，如果父亲有定位，得到的是距离父亲的位置获取元素距离自己**定位**父级元素的左、上距离。
2023-03-24 11:27:30
53
原创 APIS——获取dom对象、操作元素内容和属性、间歇函数
注意：建议数组、对象用const声明！尽管会有对数组、对象进行添加、删除等操作，因为对象是引用类型，里面存储的是地址，只要地址不变就不会变。除非给了一个新数组或对象
2023-03-20 11:28:36
468
原创 js基础——对象
对象（object）是一种数据类型，用来描述某个事物。可以理解为是一种**无序**的数据集合，而数组是有序的。对象由属性和方法组成，属性通常为名词，信息或特征，方法通常为动词，功能或行为；随机数函数，返回[0,1)的一个浮点数，包括0不包括1。Math.floor(Math.random()*arr.length)可用来抽取数组中的某个元素，固定写法
2023-03-17 17:46:11
60
原创 JS基础——运算符、语句（分支语句、循环语句）、数组、函数
三大流程控制语句：顺序结构、分支结构、循环结构； - break退出整个循环 - continue 结束当前循环，遇到continue时循环里下面的代码将不会执行，会重新回到循环的判断条件继续循环结构，相当于跳过了某一次循环；while循环三要素：变量起始值、终止条件（没有终止条件就会造成死循环）、变量变化量（自增、自减）；
2023-03-15 16:43:58
626
原创 JS基础语法
使用表单、prompt获取过来的数据默认是字符串类型的。parseInt（数据）：只保留整数，12px就会取成12，只取数字部分，但是abc12pv，这样不能取数字，因为不是以数字开头；parseFloat（数据）：可以保留小数。+号两边只要有一个是字符串，就会自动把另一个也转换成字符串。还可以将字符串转换成数字型：+元素
2023-03-14 17:52:48
58
原创 CSS定位
- 定位的特殊特性 `绝对定位和固定定位`也和浮动类似。 （1）行内元素添加绝对或者相对定位，可以直接设置高度和宽度 （2）块级元素添加绝对或者固定定位，如果不给宽度或高度，默认大小是内容的大小 - 脱标的盒子不会除法外边距塌陷 浮动元素、绝对定位（固定定位）元素的都不会触发外边距合并的问题
2023-03-06 17:31:40
41
原创 CSS浮动
有些情况下，标准流父亲的高度不方便进行指定（比如盒子里内容过多或过少时，如果给了具体高度，内容可能会超出或是留下一大片空白），这种情况不需要给父亲指定一个具体的高度，只需要让浮动的盒子撑开它即可。但当父亲高度为0时，浮动的子盒子又不占有位置，就会影响下面的标准流盒子。清除浮动后，父级就会根据浮动的子盒子自动检测高度，父级有了高度，就不会影响下面的标准流了。如果块级盒子没有设置宽度，默认宽度和父级一样宽，但是添加了浮动后，他的宽度根据内容来决定，如p标签，设置了浮动后，宽度随文字的大小改变。
2023-03-03 17:42:45
48
原创 CSS盒子模型、圆角边框、盒子阴影
当给一个表格中的单元格与单元格之间的间距设置为0时，由于相邻两个单元格的边框放在了一起，所以会出现这个部分的宽度比设置的一个单元格边框的宽度要大，为了解决这个问题，可以使用border-collapse属性。（4）如果只想设置一个角，可以写为：border-top-left-radius、border-bottom-right-radius等，注意 顺序不能颠倒。网页元素很多带有默认的内外边距，且浏览器不同默认的也不同，因为在布局前，要清除一下网页元素的内外边距。blur：影子的虚实，参数越大，越模糊。
2023-03-03 11:02:18
1044
原创 CSS三大特性
若ul指定了一个类选择器，而他的儿子li指定了一个标签选择器，虽然类选择器的权重高，但是li作为他的儿子继承的权重是0！标签选择器的权重是1 ，所以li使用的是标签选择器的样式。权重叠加：如果是复合选择器，就会有权重叠加的问题：标签选择器+标签选择器>标签选择器，即0001+0001=0002；类选择器+标签选择器>标签选择器+标签选择器，等。给相同的选择器设置了相同的样式，遵循“后来者居上”的原则，后面写的发生冲突的样式会代替前面写的样式，如果没法生冲突的样式，则不会覆盖。当选择器相同，则执行层叠性；
2023-03-02 10:54:34
46
原创 VS Code及其相关插件的安装
进入vs code后点击如图位置，即可进行插件的搜索和安装，常用的几个插件如下： - Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code因vs code安装后其默认的语言是英文，若想将其改为中文，即可在搜索框中搜索此插件，然后进行安装，注意安装此插件后***需要重新启动该应用***，相关设置才会生效 - Auto Rename Tag html中绝大多数标签为双标签，一旦需要修改也需要成对修改，使工作量加大，使用此标签简化
2023-02-23 15:29:29
396
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人