- 博客(45)
- 收藏
- 关注
RSS订阅原创 前端面试 -- vue系列
注意：当数据发生变化时，vue会通过依赖追踪机制自动识别出那些组件需要重新渲染，然后再执行渲染函数，生成新的虚拟DOM，并将与旧的虚拟DOM进行比较，找出需要更新的节点，最后将其更新后的节点渲染为真实的DOM。首次渲染速度相对较慢，为实现单页面web应用功能及显示，需要在加载页面的时候将JS、CSS同一加载，部分页面可在需要时加载，所以必须对JS及CSS代码进行合并压缩处理。插槽就是子组件中提供给父组件使用的一个占位符，用表示，父组件可以在这个占位符中填充任何模板代码，如HTML、组件等。
2024-01-09 17:14:29
1355
原创 包管理
若导入自定义模块的时候，省略文件的扩展名，则node.js会按照顺序来尝试加载文件。包管理配置文件: package.json记录与项目有关的一些配置信息.注意: 只能在英文的目录下成功运行,不要使用中文,不要出现空格.使用require()加载。在项目中安装和使用包。自定义模块的加载机制。
2024-01-05 14:37:02
499
原创 express框架搭建后台服务
基于这样特性，在上游中间件中，统一为req和res对象自定义添加属性和方法，则下游中间件或路由就可以使用。: 浏览器通过 script 标签的src属性，请求服务器上的数据，同时，服务器返回一个函数的调用。注意： express在指定的静态目录中查找文件，并对外提供资源的访问路径，因此，存放。必须在配置cors中间件之前，配置jsonp的接口。，所以这一次的OPTION请求称为”预检请求“。客户端在请求CORS接口时，根据。cors在服务器端进行配置。cors在浏览器中有兼容性。
2024-01-04 17:36:54
1252
原创 前端面试
MVC:M： 模型，拉取数据的类。V： 视图，展现给用户的视觉效果。C： 控制器，通知M拉取数据，并且给V。MVC 仅限于后端，前端只完成后端开发中view层。采用服务端渲染，采用观察者模式。数据流混乱，若model层数据改变很难判断是model层直接更改还是view用户操作更改的，导致数据流混乱，相互依赖耦合度高。MVP:P： 负责V,M之间的数据流动，防止V,M直接交流。分离两端联系，解决耦合度问题，但是presenter内容就多。
2024-01-03 14:59:10
1493
原创 前端面试--moka
webpack把所有文件build一次，从入口文件进去，将所有文件编译为一个或多个单独的js文件，无论模块是否执行，都要编译和打包到这个bundler里面。协商缓存：last-modified： 最后修改时间 浏览器通过 If-Modified-Since字段，服务器返回的资源的最后修改时间。vite不需要打包，不需要编译，对模块内容进行编译，浏览器支持ESmodule，对相应module发送请求。200 服务器资源和本地缓存资源版本不是一致，将最新资源和新的资源标识返回给浏览器。
2024-01-03 11:28:41
886
原创 前端面试
页面上的标签都是具体的虚拟dom对象，循环中，如果没有唯一的key，页面上删除一条标签，由于并不知道删除的是那一条，所以要把全部虚拟dom重新渲染，如果知道key为x标签被删除掉，只需要把渲染的dom为x的标签去掉即可。创建了新的BFC的盒子是独立布局的，盒子内元素的布局不会影响盒子外面的元素，在同一个BFC中的两个相邻的盒子在垂直方向发生margin重叠的问题。浅拷贝：创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝，若为基本类型，拷贝的就是基本类型的值，若是引用类型，拷贝的就是内存地址。
2024-01-02 18:00:30
884
原创 common JS与 ES Modules区别
common JS输出的是一个对象，该对象需要在模块脚本运行完成后才能生成，二ES Module 在编译时能生成。ES Modules 通过export 导出指定数据， import 引入具体数据。，这样才会产生导出值的改变不会影响到导入值改变的现象。1.2. 如果module.exports导出的是一个。1.1. 当module.exports的值是。，导出值的改变是否会影响到导入的值，这个跟。，esModule导入导出的值都指向。，所以导入值会跟着导出值发生变化。
2023-12-01 11:34:18
212
原创 VUE3组件通信
vue3原生DOM事件无论放在标签还是组件，都原生DOM事件。在子组件中通过defineEmits()来接收父组件传递的自定义事件。<template>// 触发一个update函数，// $emit('update'，'hh','12'),还可以传值，名为update函数，参数为hh, 12<script></script>但是在vue2中为自定义事件，子组件给父组件传递数据，通过.native实现将自定义事件改为原生DOM事件。
2023-11-21 09:40:30
40
原创 TS（基础）
eg: number[] 数值型数组， string[]字符类型数组， (Array<类型>, 类型[])如果子类覆盖掉父类的方法，称为方法重写 --（当子类添加和父类相同的方法，则子类就会覆盖掉父类的方法）let a: number 对变量a类型为数值型，a的值只能是number类型。protected 修饰的属性是被保护的，只能在当前类和当前类的子类中访问。files :[] 指定被编译的文件的列表，需要编译的文件少时才能用到。接口的所有属性都不能有实际的值，在接口中的方法都是抽象方法。
2023-11-17 11:39:19
18
原创 webpack基础
开发模式: 仅能编译JS中ES6模块生产模式: 能编译JS中的ES6语法, 还能压缩代码.: 检测js和jsx语法的工具, 可以配置各项情况.写eslint配置文件, 里面写上各种rules规则, 将来运行eslint时就会以写的规则对代码进行检查.
2023-08-24 20:54:48
46
原创 vue3
本质是一个函数, 将setup函数中使用的Composition API进行封装自定义hook优势:复用代码, 让setup中的逻辑更清楚易懂。
2023-08-20 18:17:24
72
原创 商品汇 ---day8
当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当。的, 如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错.，这样就会更加高效.
2023-08-12 10:47:18
53
原创 商品汇 ---day6
登录注册页面注册会把数据交给后台,登录业务:1. 先注册-- 数据库存储用户信息(名字, 密码)2. 登录成功-- 服务器发token, 用来区分用户(是唯一的)此时, 后面可以根据token向服务器请求数据------导航守卫:全局前置路由守卫: 初始化的时候被调用,每次被调用.to: 去往路由组件from: 来的组件next: 放行函数全局后置路由守卫: 初始时执行, 路由执行.---提交按钮时, 还需要向服务器发请求, 需要将支付信息交给服务器,将带有参数发送请求.
2023-08-08 16:21:54
27
原创 商品汇 ---day5
该方法接受一个回调函数作为参数，这个回调函数会被应用到数组中的每个元素上。回调函数会被传入当前元素的值、索引和数组本身作为参数。注意: 当一个字符串 * 1时, 得出为NaN. 也可以用到isNaN()函数判断是否为NaN, 若为NaN,则返回为true,否则为false.进行路由跳转时, 想将该路由信息传递给跳转路由可以使用的方法。:是 JavaScript 数组的一个方法，用于检查。形成一个代码块，其中的代码会被封装在。注意: 本地存储|会话存储 一般都是以。会话存储: 并非持久化。
2023-08-01 16:57:41
36
原创 尚品汇 ---day4
其中categoryView初始时是一个对象,所以设置另外一种情况返回为空对象.注意: 因为异步请求,当服务器没有及时返回数据goodInfo就会。,这样返回值就不会出现undefined..categoryView就导致一个。,为解决这个问题,我们也可以在后面。vue-route中滚动行为。
2023-07-27 21:49:56
34
原创 尚品汇 ---day3
注意: 当一个组件在很多地方使用,就把它变成全局组件, 并且放在components文件夹中.采用分页功能: 当数据过多的时候, 避免一次向服务器请求数据过多,导致展示缓慢.查询接口文档,可以了解到排序参数order : "":""类型, 通过。2. 自定义事件: @on, @emit 可以实现子给父tongx。,然后再在官网中复制图标代码, 再放在vue组件中使用.中, 解压在public文件夹中.1. props: 父子组件通信。3. 在vue组件中使用,一定要。,就可以直接在原按钮上。
2023-07-27 09:35:15
35
原创 vue笔记1 ---事件处理,监视属性, class和style绑定,条件渲染
按键别名 enter回车, delete删除, esc退出, space空格, tab换行(配合keydown使用): 只能应用于表单类元素,输入类元素,要有value, 双向数据绑定., 当鼠标滚轮滚动时,执行完事件回调函数后,会默认执行滚动条滚动,通过。监视属性必须存在才能被监视,当被监视属性变化时,回调函数自动调用., 事件本身就是先捕获再冒泡,但是通过在捕获的时候就输出.6. 事件的默认行为立即执行,无需等待事件回调执行完毕 ,立即执行默认行为,即鼠标滚轮滚动的时候,滚动条也会滚动。
2023-07-23 20:19:03
134
原创 尚品汇 ---day2
我们使用json数据时候,有时候会报错,通过下载插件(Prettier - Code formatter)中,这样public文件夹在打包的时候,会把相应的资源原封不动打包到dist文件夹中.再者鼠标右键出现使用...格式化文档,然后格式化,不能出现空格,避免出错.vuex: 官方一个插件, 状态管理库,集中式管理项目中组件共用的数据.: 组件|元素务必要有v-if / v-show指令才可以进行过渡动画.当协议,域名,端口号中有一个不同的时候.: 数据监听, 监听已有的数据变化。处理轮播图中的异步问题。
2023-07-22 19:32:35
53
原创 JS进阶 ---day4
手写防抖函数 : 鼠标在盒子上移动,鼠标停止500ms之后,里面数字才会变化+1。3. bind() : 不会调用函数, 但是能改变this指向.返回值是个函数, 但是这个函数里面的this指向是更改过的.JSON.stringify()将对象转化为JSON字符串。改变this: 3个方法可以动态指定普通函数中this指向。箭头函数this指向 : 箭头函数不存在this, 但是。JSON.parse()是将JSON字符串转化为对象。: 单位时间内, 频繁触发事件,: 单位时间内, 频繁触发事件,
2023-07-21 17:18:03
50
原创 JS进阶 ---day3
若在构造函数里面封装一个方法,就会导致每个对象都会有一个方法,而且方法不相等false,存在浪费内存问题。[[prototype]]和__proto__意义相同,只读的,只能获取不能赋值.__proto__对象原型里面也有一个constructor属性, 指向。检测构造函数的prototype属性是否出现在某个实例对象的原型链上.关联在一起,并且这种关联的关系是一种链状的结构,将。实例对象的对象原型指向构造函数的原型对象., 指向另一个对象,也成为原型对象., 然后由对象之间分工与合作.
2023-07-21 09:39:41
37
原创 JS进阶 ---day2
substring(开始索引号[, 结束索引号]) : 字符串截取, 结束索引号的字符不包含想要截取的部分.some : 数组元素中是否满足指定条件,数组中有元素满足条件就返回 true, 否则为false.find : 查找元素,有符合条件就返回第一个数组元素值, 没有返回undefined。every : 数组元素中是否所有都满足条件, true, 否则为false.引用类型: Object, Array, String, Number。filter: 过滤数组, 返回新数组,返回是。
2023-07-18 11:44:14
31
原创 JS进阶 --- day1
一个函数对周围状态的引用捆绑在一起,内层函数中访问到其外层函数的作用域.闭包作用: 封闭数据,提供操作,外部也可以访问函数内部的变量.:用简短的函数写法并且不绑定this,一般用于需要匿名的地方.语法: 赋值运算符 = 左侧的[] 用于批量声明变量."的,内存在不使用的时候就会被垃圾回收机制自动回收.3. 内存回收(局部变量的值, 不用会被自动回收掉)... 是语法符号,置于最末函数形参之前,用于获取。: 使用多余的参数. 在函数内使用。: 可以展开数组 , 在数组中使用。注意: 存在闭包, 将有些。
2023-07-17 12:09:38
61
原创 Ajax --day2
环境执行的异步代码, JS脚本执行事件,setTimeout/setInterval,AJAX请求完成事件,用户交互事件.注意: Promise本身是同步的,而then和catch回调函数是异步的。环境执行的异步代码, Promise对象.then()的回调。缺点: 可读性差,异常无法获取,耦合性严重,牵一发动全身.在async函数内,使用await关键字取代then函数,,等待所有同时成功完成(或某一个失败),做后续逻辑.//try里代码,若有错误,直接进入这里执行。,继续串联下一环任务,直到结束.
2023-07-16 15:13:50
51
1
原创 Ajax --day1
2. resolve()已兑现(fulfilled) :意味着,操作成功完成 ---> .then(回调函数)3. reject()已拒绝(rejected) : 意味着,操作失败 ---> .catch(回调函数)语法: http://xxx.com/xxx/xxx?参数名1 = 值1&参数名2 = 值2。注意: promise对象一旦被兑现|拒绝就是已敲定了,状态无法再改变.1. 待定(pending) :初始状态,既没有被兑现,也没有被拒绝。2. 配置请求方法和请求url地址。
2023-07-15 19:15:52
53
1
原创 尚品汇---day1
2. 路由组件一般需要在router文件夹中进行注册(使用的即为组件的名字), 非路由组件在使用的时候,一般用标签的形式使用.3. 注册完路由,不管是路由组件还是非路由组件身上都有$route,$router属性.3. params参数可以传递也可以不传递参数,如果传递的是空串,如何解决?但是编程式导航除了可以进行路由跳转,还可以做一些其他的业务逻辑。参数: 属于路径中的一部分,需要注意,在配置路由的时候,需要。编程式导航:声明式导航能做的,编程式导航都能做。: params参数可传递,不传递(空字符串)
2023-07-15 15:53:29
42
1
原创 交换两个变量
前言:在不用第三个变量前提下,交换两个变量.1. 我们用最原始的引入第三个变量,来求解.2.利用加减法,而不引入第三变量.注意: 加减法有bug,在int 类型下,只有四个字节,四个字节32位,若超出32位,则会溢出.3.采用位运算.注意 : 采用位运算, ^ 为异或运算,相同为0,不同为1....
2022-07-12 14:43:24
44
原创 单调栈-数据结构
前言:顾名思义单调栈是具有单调性的,通过栈来存储数据.<出现的机率比较小>--一般题型:给定一个长度为 N 的整数数列，输出每个数左边第一个比它小的数，如果不存在则输出 −1.#include<iostream>using namespace std;const int N=100010;int stack[N],tt=0;int main(){ int n; scanf("%d",&n); while(n--) {
2022-02-21 19:02:07
137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人