- 博客(32)
- 收藏
- 关注
RSS订阅原创 Vue前端面试题（高频）
vue双向数据绑定原理，又称vue响应式原理，是vue的核心，双向数据绑定是通过数据劫持结合发布者订阅者模式的方式来实现的，通过Object.defineProperty()来劫持各个属性的 setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。2.是否调用缓存：computed中的函数所依赖的属性没有发生变化，那么调用当前的函数的时候会从缓存中读取，而watch在每次监听的值发生变化的时候都会执行回调。
2023-01-06 11:45:20
621
原创 JavaScript前端面试题（高频）
在开发中，如果我们想要给一个元素绑定事件，需要获取到这个元素进行绑定，但如果元素是动态生成，无法获取从而无法绑定，此时我们就需要利用冒泡原理把这个事件委托给这个元素的页面存在的父元素来绑定（1）因为浏览器出于安全考虑，有同源策略。也就是说，如果协议、域名或者端口有一个不同就是跨域，Ajax 请求会失败。（同源策略，协议域名端口号）-1.回调函数中嵌套回调函数的情况就叫做回调地狱。回调地狱就是为是实现代码顺序执行而出现的一种操作，它会造成我们的代码可读性非常差，后期不好维护。
2023-01-06 11:41:48
170
原创 HTML+CSS前端面试题（高频）
（1）标准文档流是指元素在排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式，当前面的内容发生变化，后面的内容也会随着发生变化；（3）简单的来说就是各种布局属性在html中所显示的效果，如display（行内元素与块级元素*非常重要*）、float、position。（1）z-index : 指的是一个元素在当前文档页面定位时重叠层显示的层级等级，默认为0 ，数值不限，越大显示层级越高。（3）若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构。父元素定义伪类after。
2023-01-06 11:36:03
180
原创 （vuecli，选项式api，js语法）后台管理系统项目笔记
所有 需要上传文件的接口 在表单控件中新增一个 文件上传 控件， 点击文件上传时 立即上传 返回了地址，地址 合并 最终上传 表单字段中。前端在发请求时，需要将 后端登录返回的token 放到所有请求的请求头中（token access_token）（一般给后端用，前端直接发请求会涉及到跨域的问题，前端请求后端的接口，拿到数据再去请求地图服务端接口）vuex某个状态，拿到值之后不会改变（登录接口返回的数据），这种同步，只需要在 请求拿到数据后，
2022-11-15 19:21:44
482
原创 （javascript）（基础知识+实例） 27.promise,async关键字
浏览器为了安全性考虑，只需要ajax请求请求自己的服务器，不允许访问别人的服务器，一旦访问就会被浏览器拦截。自己服务器也被称为同源服务器，协议、域名、端口号一致的服务器才可以请求。解决get方式请求数据被默认缓存的问题。凡是get的请求方式都会默认被缓存。非同源的请求就会导致跨域问题。开发中会不会遇到跨域问题？跨域只针对于ajax请求。要请求后端服务地址源。为什么要有缓存机制？
2022-09-21 10:13:11
242
原创 （javascript）（基础知识+实例） 26.ajax异步封装，promise
在实例化Promise时候需要接收一个参数，这个参数必须是一个函数。js自带 面向对象方式封装的 Promise。es6提出的 为了解决回调嵌套的。创建一个promise的实例。前端向后端发起请求一种方式。ajax异步如何获取数据？ajax的同步和异步。
2022-09-21 10:09:28
247
原创 javascript基础知识+实例（全套） 免费附HTML+CSS课程视频资料(链接：https://pan.baidu.com/s/1qyyf0mZxP7_M6ssGJuVlag 提取码:私信)
1.数据类型2.分支判断3.运算符，循环4.循环回顾，函数5.函数回顾，作用域递归6.数组方法（冒泡排序）7.数组字符串转换和对象、8.栈内存，math，时钟9.BOM10.DOM11.DOM，事件12.事件1-事件类型，事件对象13.事件2-浏览器事件，表单事件14.ES615.JSON，对象克隆，正则表达式16.动画17.面向对象18.实现类的功能19.普通函数和箭头函数里this20.改变this指向21.proxy方法，闭包22.柯里化，单例23.垃圾回收机制，继承24.SPA路由，前后端数据交互2
2022-09-17 20:15:02
1283
原创 （javascript）（基础知识+实例） 25.Ajax
. get方式 - 发送数据拼接在路径后面 - 格式`?a=1&b=2&c=3`2. post方式 - 发送数据发在send函数内部当成参数 - 格式`a=1&b=2&c=3` - 需要在发送数据之前设置请求头里面Content-Type属性 改成表单的方式
2022-09-17 19:50:30
193
原创 （javascript）（基础知识+实例） 24.SPA路由，前后端数据交互
/ 此处并不是等100s之后才执行5 会立即执行5 100s之后执行4。// 发现setTimeout是一个异步的代码 直接执行下面同步的代码。// 上面的for循环没有执行结束 后面代码不会执行。（SPA路由代码均在我的资源压缩包中，自行下载）// 等所有同步的代码 才会执行异步的代码。含义：子类可以直接使用父类的属性和方法。（以下代码均为课程实例）
2022-09-17 17:21:31
164
原创 （javascript）（基础知识+实例） 23.垃圾回收机制，继承
垃圾回收机制运行时机：在程序运行完成之后 所有线程闲置的时候会触发垃圾回收机制。含义： js在运行的时候会自动回收一些废弃数据的内存空间（自动回收）垃圾回收机制对于我们写代码的影响。js实现继承的方式有哪些？（以下代码均为课程实例）垃圾回收机制算法有哪些。垃圾回收机制有哪些影响。
2022-09-17 08:54:36
139
原创 （javascript）（基础知识+实例） 22.柯里化，单例
（以下代码均为课程实例）（1）柯里化（2）柯里化案例（3）柯里化函数延迟调用（4）单例模式（4）单例模式问题（5）实现观察者模式（6）实现简单的Vuejs部分（Observe.js）html部分（6）实现简单的vue2（6）实现简单的Vue3
2022-09-14 19:46:01
177
原创 （javascript）（基础知识+实例） 21.proxy方法，闭包
闭包什么是闭包闭包在开发中的使用闭包有哪些优缺点函数函数在定义阶段做的事件当代码读取到function的时候会在内存里面开辟一块空间，得到一个空间地址当我们写一个函数名的时候，会把这个空间地址赋值给函数名当我们在花括号里面写一段代码，会把这一段代码转换成字符串存储到上面开辟的空间里面注意事项函数在定义的时候函数体内的代码不会被执行函数名存储的是一个地址，两个一模一样的函数肯定不相等除非函数名一样函数的调用阶段函数的执行空间闭包（以下代码均为课程实例）（2）判断对象是否为空
2022-09-14 19:13:57
469
原创 （javascript）（基础知识+实例） 20.改变this指向
一般用于函数内部 指代当前对象先找到this所在的函数是普通函数还是箭头函数普通函数看调用箭头函数看定义this指向是可以被强制修改的构造函数constructor 构造函数判断类型（以下代码均为课程实例）
2022-09-14 16:55:26
154
原创 （javascript）（基础知识+实例） 19.普通函数和箭头函数里this
/ say是person在调用 say里面this指向person。// test是s1在调用 test里面this指向s1。// 箭头函数内部没有this 使用都是全局的this。// 此处有this this指向事件源box。// 自动往上一级查找 使用都是全局的this。// 本身内部没有this 往上一级查找。// 如果找不到谁 默认全局在调用。// 相当于window.fn()// 这个事件处理是事件源在调用。// 内部没有找到this。（以下代码均为课程实例）// 这种相当于普通函数。
2022-09-14 08:21:42
138
原创 （javascript）（基础知识+实例） 18.实现类的功能
项目里面有很多js文件，可以按照依赖的顺序引入文件。模块化管理： 在一个js里面导入另一个js。模块： 每一个js文件都是一个独立的模块。（1）es5里面实现类的功能。（2）es6里面实现类的功能。（以下代码均为课程实例）
2022-09-14 08:05:45
127
原创 （javascript）（基础知识+实例） 17.面向对象
面向对象是一门编程思想，用来指导我们思想编程的编程思想区别案例面向： 关注对象： 有多个键值对的数据类型核心思想： 利用自定义构造函数来创建对象，利用this来添加属性，利用构造函数的prototype来添加方法，在利用创建出来的对象解决开发中的问题Math Date()new关键字到底做了啥？(面试题)实例化和实例（实例化对象）（以下代码均为课程实例）（1）利用字面量或者构造函数创建对象（2）利用工厂函数创建对象（3）原型（4）构造函数（5）new关键字（6）利用自定义构造函数（7）再看原型
2022-09-10 19:00:19
332
原创 （javascript）（基础知识+实例） 16.动画
js动画动画步骤封装单属性动画（以下代码均为课程实例）（1）字符串替换方法（2）字符串的查找方法（3）动画01（4）封装单属性的动画函数（5）封装多属性的动画函数（6）回调函数（7）move.js(8)move2.js(9)轮播图（基础版）HTML部分css部分
2022-09-05 20:22:54
154
原创 （javascript）（基础知识+实例） 15.JSON，对象克隆，正则表达式
验证字符串是否符合规则的表达式定义：使用：元字符：限定符边界符特殊符号正则的使用场景（以下代码均为课程实例）（1）前端发送JSON数据（2）对象的浅克隆（3）对象的深克隆（4）使用递归实现对象的深克隆（5）正则表达式（6）元字符（7）限定符（8）边界符（9）特殊字符（10）常见的正则表达式（11）表单验证（12）百度登录页面css部分
2022-09-05 20:05:14
313
原创 （javascript）（基础知识+实例）14.ES6
/ 此处相当于定义了一个args的数组，当我们调用传递实参的时候 会把剩余的实参都放到数组里面。// console.log(age) // 一旦自定义了变量名 原来的key名称就无法使用了。// 查找数组里面是否有符合条件 返回的是这个数组里面匹配的最后一个数据的下标。// 查找数组里面是否有符合条件 返回的是这个数组里面匹配的第一个数据的下标。// 查找数组里面是否有符合条件 返回的是这个数组里面匹配的最后一个数据。// 查找数组里面是否有符合条件 返回的是这个数组里面匹配的第一个数据。
2022-09-01 19:52:35
240
原创 （javascript）（基础知识+实例） 13.事件2-浏览器事件，表单事件
是什么？如何获取？有什么用？事件传播默认事件事件委托事件监听（以下代码均为课程实例）（1）load事件（2）resize事件（3）表单事件（4）输入框的输入事件（5）值变化事件（6）获取焦点和失去焦点（7）敏感字去重（8)手风琴案例（9）京东放大镜效果案例...
2022-08-31 17:49:23
214
原创 （javascript）(基础知识+实例) 12.事件1-事件类型，事件对象
含义： 就是用来获取事件触发时详细信息获取event对象event对象的作用获取页面宽度和高度键盘事件事件的传播（事件的执行机制）事件委托默认事件（以下代码均为课程实例）（1）事件对象（2）event获取三组坐标（3）鼠标跟随（4）键盘事件（5）判断方向键，控制盒子移动（6）判断鼠标滚动的方向（7）实现全屏滚动（8）事件的传播（9）阻止事件冒泡（10）事件委托1（11）事件委托2（12）判断组合键（13）默认事件（14）返回顶部（15）阻止表单默认提交事件1（16）阻止表单默认
2022-08-31 17:15:18
1057
原创 （javascript）（基础知识+实例）11.DOM，事件
含义组成部分绑定事件的两种方式常见的事件类型mousewheel和scroll有什么区别获取滚动条的位移量设置滚动条高度（以下代码均为课程实例）（1）获取子元素节点（2）节点的属性（3）获取属性节点（4）获取父节点（5）获取相邻节点（6）创建一个节点（7）删除某一个元素（8）克隆元素（9）鼠标事件（10）实现css的hover效果（11）mousewheel和scroll的区别（12）获取滚动条的位移量（13）获取box里面子元素，分别取出box里面每一种类型的节点 放在一个数组里面
2022-08-29 20:32:13
199
1
原创 （javascript）（基础知识+实例） 10.DOM
文档对象模型 和网页相关操作网页样式实现动画实现事件交互document是js自带的，可以通过document获取整个网页获取标签几种方式操作标签的样式操作元素（标签）的属性操作元素的类名操作内容操作元素尺寸操作元素的偏移含义: 由用户行为触发的代码组成部分绑定事件this关键字（以下代码均为课程实例）（1）设置样式（2）间隔放大（3）获取样式（4）操作元素的属性（5）轮播图（6）自定义属性（7）操作类名（8）操作内容（9）输入框里面的内容（10）敏感字过滤（11）获取一个元素的宽高
2022-08-26 16:43:06
188
原创 （javascript）（基础知识+实例） 9.BOM
（2）把当前时间往前或者往后一段时间。（9）document的介绍。（以下代码均为课程实例）（3）Date函数传参。（10）作业：倒计时。
2022-08-26 07:54:36
139
原创 (javascript)（基础知识+实例） 8.栈内存，math，时钟
（5）利用date获取年月日时分秒。（以下代码均为课程实例）（4）math函数的运用。（1）值传递和引用传递。（11）封装函数最大值。
2022-08-25 08:53:19
119
原创 (javascript)（基础知识+实例） 7.数组字符串转换和对象
mapfiltersomeevery数组的排序冒泡排序数组.sort(function(a,b){return a-b
2022-08-25 08:49:23
324
原创 (javascript)（基础知识+实例） 6.数组方法（冒泡排序）
含义：有序的数据集合，是js中一种复杂的数据类型。查找数组里面是否包含某一项。自定义sort的排序规则。修改数组里面某一项数据。删除数组里面某一项数据。
2022-08-25 08:46:10
254
原创 (javascript)(基础知识+实例) 5.函数回顾，作用域递归
声明式定义function 函数名() {// 一段代码 }赋值式定义var 函数名 = function() {// 一段代码 }
2022-08-25 08:25:00
162
原创 (javascript)（基础知识+实例） 4.循环回顾，函数
函数和循环都是重复执行一段代码，如果这一段代码连续的重复用循环，如果不是连续重复或者是多个文件里面的重复用函数。含义： 在计算机中以命名的方式存储一段代码，在我们需要执行这段代码的时候，根据这个名称找到这段代码取出来执行。（13）编写函数，判断一个字符串的内容是不是纯数字。（15）封装一个生成m,n范围的随机数函数。（14）封装一个求圆的面积函数 π。（3）封装一个求两个数乘积的函数。函数取代码（调用、执行）isNaN(数据) 方法。（4）函数的返回值01。（5）函数的返回值02。...
2022-08-25 08:22:11
158
原创 (javascript)(基础知识+实例） 3.运算符，循环
（8）使用continue实现求0-100所有偶数的和。（13）打印100-999之间所有的水仙花数。（5）利用while循环进行求和。（4）利用for 循环进行求和。（16）扩展题（四叶玫瑰数）（以下代码均为课程实例）（14）求一个数字的长度。（1）while循环。（9）双重for循环。（10）画直角三角形。（12）倒等腰三角形。...
2022-08-25 08:13:13
164
原创 (javascript)(基础知识+实例） 2.分支判断
网景将javascript移交给ECMA(欧洲计算机制造商协会)由ECMA统一一个标准，推出了一个ECMAScript标准。IE也想要有navigator功能 自己创建了一个类似于livescript的语言 叫做Jscript。花了10天创建了livescript，希望推广这门语言，将这门语言改名为javascript。最早的浏览器 navigator（导航者）由网景(netscape)公司生产的。我们学习的ECMAScript是5.0版本 --> es5。网景请了javascript之父。...
2022-08-25 08:06:45
191
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人