- 博客(34)
- 收藏
- 关注
RSS订阅原创 熬夜整理~Web前端 Vue相关必问面试题
最近离职找工作,梳理了一下最近的面试问题,希望对大家找工作有帮助!有一些基础问题就没总结响应式和双向绑定的区别 响应式是双向绑定的一环,响应式是数据影响视图,是单向的 双向绑定是双向的.数据影响视图,视图也会改变数据. Keep alive 是Vue 的一个组件,当他包裹动态组件时,会缓存不活动的组件实例.而不是销毁他们.他自身不会渲染成一个dom,也不会出现在父组链中 在组件切换过程中,将状态保留在内存中.防止重复渲染DOM,减少加载时间和性能消耗,提高用户体验 有两个对应的生
2022-04-20 12:06:31
1149
原创 前端项目中上传图片如何实现的
1.准备一个input:file 然后用hidden隐藏2.准备一个按钮,给按钮绑定点击事件,在事件的回调里主动触发input:file 的click事件3.监听input 的onchange 事件,在回调里面通过e.target.filer拿到文件信息4.创建formDate对象,把文件信息放进去通过axios传到后端const form = new FormData()form.appent('avatar',e.target.filer[0]5.图片预览:URL.craterO
2022-04-07 15:16:13
1539
原创 Node.js__常用内置模块
Node.js常用的内置模块.fs模块和path模块.fs.readFile():, fs.writeFile(). path.extname(), path.join()
2022-01-24 21:17:04
716
原创 Node.js__自定义模块
自定义模块：用户自己创建的每个JS文件，都是自定义模块require导入内容,module.exports = 导出的内容
2022-01-24 20:34:27
612
原创 AJAX中防抖的概念与小demo
防抖防抖（debounce）指的是：频繁触发某个操作时，只执行最后一次。场景：搜索框只在输入完后，才执行查询的请求。好处：这样可以有效减少请求的次数，节省网络资源。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,...
2022-01-12 21:09:26
223
原创 AJAX 总结
ajax基础知识,axios库的介绍,请求报文与响应报文,,接口与接口文档,表单,axios提交数据的其它方法 ,axios的拦截器,FormData的使用,,原生XMLHttpRequest发送ajaxa,jax跨域
2022-01-12 20:33:20
85
原创 AJAX - 同源策略&跨域
同源策略什么是同源策略同源指的是两个 URL 地址具有相同的协议、主机名、端口号。同源策略（英文全称 Same origin policy）是浏览器提供的一个安全功能。浏览器的同源策略规定：不允许非同源的 URL 之间进行资源的交互同源指的是两个 URL 的协议,主机名,端口号完全一致，反之，则是跨域。浏览器对跨域请求的拦截过程浏览器允许发起跨域请求。但跨域请求回来的数据，会被浏览器拦截，无法被页面获取到跨域限制突破浏览器跨域限制的三种方案1....
2022-01-12 20:20:18
210
原创 复习Ajax02-form表单&文件上传
表单的三个组成部分,axios 请求方法的别名,全局配置请求根路径,jQuery 的 serialize() 函数
2022-01-09 21:41:24
283
原创 复习Ajax 01- ajax的基础用法
Ajax是浏览器中的技术：用来实现客户端网页请求服务器的数据。 它的英文全称是 Asynchronous Javascript And XML，简称 Ajax。 目录Ajaxhttp 协议端口号路径使用 Ajax 请求数据的 5 种方式axios专注于数据请求的库。http 响应状态码http 响应状态码 Vs 业务状态码接口的概念axios({ url:'请求路径', method:'get...
2022-01-08 21:40:14
617
原创 使用ECharts时,遇到新增元素需要实时添加到图表中的解决办法
在使用EChart时,常见的饼状图和柱状图,data不可能是固定的,有交互需求时很多小伙伴都不知道如何导入,封装函数-一键调用 3行代码解决数据传输需求,首先封装一个函数,以arr为例,需要注意的是,封装完成后 需要调用,不要忘记了哦.任何事件都需要调用重新渲染哦.function Arr(){ //创建一个新的空数组 let uname = []; //循环需要传输的数据,以tr为例 新增的tr里面包含 姓名 薪资 评分 三个实时新增的数据 for
2022-01-06 20:11:17
587
原创 JavaScript高级04-ES6语法与数组遍历
目录Var特点lat与const的特点解构对象函数的参数解构箭头函数展开运算符数据类型Set数组map遍历数组filter遍历数组forEach遍历数组some遍历数组every遍历数组findIndex方法reduce方法Var特点<script> // 预解析 js代码从上玩下解析之前,会对变量声明进行提升,(预解析) // 2. 没有块级作用域 if 和for 语句的大括号声明的变量也是局部的 /
2021-12-28 21:53:37
531
原创 JavaScript高级中递归遍历DOM树案例与递归,JSON深拷贝方法详解
直接上代码目录递归遍历DOM树JSON深拷贝递归深拷贝递归遍历DOM树<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compati
2021-12-28 21:43:37
277
原创 JavaScript中This的三种指向以及上下文调用,闭包,递归详解
函数的三种调用方式(this指向)函数三种调用方式：普通函数 对象方法 构造函数 重点：理解this关键字作用：谁调用这个函数，this指向谁 函数三种执行模式 ： 全局函数 、 对象方法 、 构造函数 this : 谁 `调用` 我，我就指向谁 1. 全局函数 ： this指向window 2. 对象方法 ： this指向对象 3. 构造函数 ： this指向new创建的空对...
2021-12-28 21:39:47
1403
原创 复习JavaScript高级02-面向对象三大特征-原型链-ES6关键字
目录面向对象三大特征介绍继承的三种实现方式原型链.Array的原型链Date的原型链String对象原型链DOM对象原型链instanceof运算符class关键字extends关键字介绍super关键字介绍总结面向对象三大特征介绍1.封装：将某个具体功能封装在对象中，只对外部暴露指定的接口，外界在使用的时候，只考虑接口怎么用，不用考虑内部怎么实现2.继承：一个对象拥有其他对象的属性和方法 3.多态：一个对象在不同情况下的多种状态
2021-12-28 21:32:07
405
原创 复习JavaScript高级01-内置对象-原型对象-构造函数
目录内置对象构造函数原型对象总结内置对象内置对象api： js作者提前写好的对象，里面有一些预先定义的方法，我们直接使用即可，无需关心原理 api : 预先定义的函数 例如:数组的增删改查操作 新增元素到最后面 ： arr.push( 元素 ) 新增元素到最前面 ： arr.unshift() 删除最后一个元素 ： arr.pop() 删除第一个元素 ： arr.shift() 删除指定位置元素 ： arr.spli...
2021-12-28 21:08:01
191
原创 复习JavaScript 基础 函数与对象
目录函数为什么需要函数函数使用函数传参函数传递参数的好处是？函数参数可以分为那两类？怎么判断他们是那种参数？参数中间用什么符号隔开？函数的返回值为什么要让函数有返回值作用域JS 中作用域分为哪三种？根据作用域不同，变量分为哪三种？有一种特殊情况是全局变量是那种？我们提倡吗？变量访问原则-作用域链匿名函数对象函数为什么需要函数可以实现代码复用，提高开发效率函数是什么function执行特定任务的代码块函数使用
2021-12-28 20:53:45
121
原创 JavaScript循环:while循环-for循环详解
目录分支语句if语句有三种使用：单分支、双分支、多分支单分支使用语法：括号内的条件为true时，进入大括号里执行代码小括号内的结果若不是布尔类型时，会发生隐式转换转为布尔类型双分支三元运算符switch语句while循环for循环语句循环嵌套数组数组是什么数组的基本使用分支语句分支语句包含if分支三元运算符switch语句目标：能使用if语句执行满足条件的代码1. if语句if语句有三种使用：单分支、双分
2021-12-28 20:51:38
152
原创 事件冒泡事件委托经典案例.APIs --DOM事件最广泛的应用场景 ----委托事件(内含题目和答案)
DOM事件委托什么是事件委托.网景,微软,事件冒泡,事件捕捉
2021-12-17 08:31:29
603
1
原创 JavaScript--------冒泡排序(含题目和答案)
小班有16个人,在一次考试中,老师需要将分数从地到高依次排序.该怎么做呢分数分别是12, 34, 5, 23, 45, 90, 95, 92, 60, 64, 99, 91, 79, 51, 88, 100首先需要理清思路,需要一个数组来装下这些分数其次需要使用到for循环.不要着急套第二个for循环可以先写内循环,这样更容易理解设置一个i=0,让他依次自增循环,用if函数,让arr里面的I自己和自己做比较设置一个空的临时变量, 替换掉上面两者的较小的数 就能让前者与后者换位置依
2021-12-09 21:32:45
762
原创 JavaScript:运算符与分支语句详解
算术运算符,赋值运算符,一元运算符,比较运算符,逻辑运算符分支语句,if语句,三元运算符,switch运算符
2021-12-09 21:13:40
193
原创 Day05 Flex布局+Rem适配+flexible.js自适应屏幕宽度+less运算完成web移动端
直接上进入成果HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1...
2021-12-01 20:22:37
221
原创 Day04 利用flex布局完成PC端网页设计CSS+html部分
没学JS,而且还是不会创建仓库,所还是干巴巴的代码了HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,...
2021-11-29 21:16:03
594
4
原创 Flex,完美兼容移动端,替换浮动布局.
继续昨天的博客,今天讲一下浮动的所有用法设置主轴方向主轴默认是水平方向, 侧轴默认是垂直方向修改主轴方向属性: flex-direction属性值 作用 row 行, 水平(默认值) column *列, 垂直 row-reverse 行, 从右向左 column-reverse 列, 从下向上 语法：flex-direction：column;修改完毕，主轴是Y轴， 侧轴是X轴。主轴和侧轴可以完美替换,用法也...
2021-11-29 21:11:29
472
原创 Day01 字体样式,变形的旋转 缩放 位移和线性渐变
今天终于踏上了web前端的一步拉,虽然不算什么,但是也是值得纪念的一刻,今天第一次知道有个叫CSDN的网站,是程序员最喜爱的网站,从今天开始我将在CSDN上每天都更新自己的学习状态,希望能自己见证自己的成长.在培训班要进行长达半年的半军事化训练,第一阶段就是pink老师带课,第一天学了字体样式,对于那些简单的样式,终于不用去抠精灵图, 首先下载样式,压缩,提取css文件和ttf.woff和woff2文件,很重要,缺一不可,然后引入link 把iconfont引入到index.html里面. 有三种...
2021-11-25 23:58:55
208
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人