![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
每日一题
文章平均质量分 76
Alisone_li
学习目标:HTML,CSS,JS,JQ,NodeIs,VueJs,ReactJs,Java,Spring+,MySQL,Redis,Linux
学习宣言:持之以恒的坚持,刻苦学习的决心,立志成为一名全栈开发工程师。
展开
-
【Day13】说一下 Vue 组件的通信方式都有哪些?(父子组件,兄弟组件,多级嵌套组件等等)
说一下 Vue 组件的通信方式都有哪些?(父子组件,兄弟组件,多级嵌套组件等等)一、父组件向子组件传值二、子组件向父组件传值三、兄弟组件传值四、跨组件一、父组件向子组件传值1.1 props 方式:可以是数组或对象,用于接收父组件的数据<div id="app"> <child-component :msg="message" :count="count"></child-component> <button @click="count++"&原创 2021-02-18 22:18:55 · 236 阅读 · 0 评论 -
【Day11】平时在项目开发中都做过哪些前端性能优化
平时在项目开发中都做过哪些前端性能优化一、体验优化二、提升页面性能三、首页加载优化(减少白屏时间)一、体验优化从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。1,首屏渲染优化,请求少、加载体积小、善用缓存2,动画优化,避免某些动画造成页面的卡顿3,优化用户的操作感官,提升视觉反馈,比如 hover 小手,让用户一眼就知道是否可操作4,长列表复用 dom,优化滚动效果及页面卡顿现象,减少页面一次性渲染的数量5,骨架屏的使用6,组件的预加载,懒原创 2021-02-18 21:47:44 · 1377 阅读 · 0 评论 -
【Day15】介绍下 promise 的特性、优缺点,内部是如何实现的,动手实现 Promise
介绍下 promise 的特性、优缺点,内部是如何实现的,动手实现 PromisePromise 基本特性Promise 的优点Promise 的缺点简单代码实现面试够用版大厂专供版Promise 基本特性Promise 有三种状态:pending(进行中)、fulfilled(已成功)、rejected(已失败)Promise 对象接受一个回调函数作为参数,该回调函数接受两个参数,分别是成功时的回调 resolve 和失败时的回调 reject;另外,resolve 的参数除了正常值以外,还可能是原创 2021-02-18 21:46:33 · 714 阅读 · 1 评论 -
【Day14】ajax 的原理
什么是AJAX?AJAX 全称为 “Asynchronous JavaScript and XML”(异步 JavaScript 和 XML ),是一种创建交互式网页应用的网页开发技术。它使用:使用 XHTML + CSS 来标准化呈现;使用 XML 和 XSLT 进行数据交换及相关操作;使用 XMLHttpRequest 对象与 Web 服务器进行异步数据通信;使用 JavaScript 操作 Document Object Model 进行动态显示及交互;使用 JavaScript 绑定和原创 2021-02-18 21:45:41 · 246 阅读 · 0 评论 -
【Day12】整个前端性能提升大致分几类
整个前端性能提升大致分几类网站性能提升1、静态资源的优化2、接口访问的优化3、页面渲染速度的优化网站性能提升1、静态资源的优化主要是减少静态资源的加载时间,主要包括 html、js、css 和 图片。a. 减少 http 请求数:合并 js、css、制作雪碧图以及使用 http 缓存;b. 减少资源的大小:压缩文件、压缩图片,小图使用 base64 编码等;c. 异步组件和图片懒加载;d. CDN 加速 和 缓存(bootCDN):客户端可通过最佳的网络链路加载静态资源,提高访问的速度和成功原创 2021-02-08 17:28:23 · 286 阅读 · 1 评论 -
【Day10】项目中如何处理安全问题
项目中如何处理安全问题Web 前端安全1. CSRF 跨站请求伪造2. XSS 跨站脚本攻击3. webshell 网站提权渗透4. 网页挂马与流量劫持5. 其他安全问题6. 总结Web 前端安全Web 前端安全主要包括如下几种:跨站脚本 XSS跨站请求伪造 CSRF界面操作劫持webshell…1. CSRF 跨站请求伪造它也成为 One Click Attack,或者 Session Riding,缩写为 CSRF,是一种对网站的恶意利用,相对来说更加难以防范。原理当用户正常登原创 2021-02-08 17:27:27 · 291 阅读 · 0 评论 -
【Day09】JavaScript 为什么要区分微任务和宏任务
JavaScript 为什么要区分微任务和宏任务区分微任务和宏任务是为了将异步队列任务划分优先级,通俗的理解就是为了插队。一个 Event Loop,Microtask 是在 Macrotask 之后调用,Microtask 会在下一个 Event Loop 之前执行调用完,并且其中会将 Microtask 执行当中新注册的 Microtask 一并调用执行完,然后才开始下一次 Event Loop,所以如果有新的 Macrotask 就需要一直等待,等到上一个 Event Loop 当中 Microt原创 2021-02-08 17:26:47 · 2217 阅读 · 4 评论 -
【Day08】请简述虚拟 DOM 中 Key 的作用和好处
请简述虚拟 DOM 中 Key 的作用和好处官网地址:https://cn.vuejs.org/v2/api/#keykey 的作用key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes。如果不使用 key,Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改 / 复用相同类型元素的算法。而使用 key 时,它会基于 key 的变化重新排列元素顺序,并且会移除 key 不存在的元素。有相同父元素的子元素必须有 独特的原创 2021-02-08 17:26:17 · 315 阅读 · 0 评论 -
【Day07】v-model 是如何实现的,语法糖实际是什么?
v-model 是如何实现的,语法糖实际是什么?一、语法糖二、实现原理1. 作用在普通表单元素上2. 作用在组件上一、语法糖指计算机语言中添加的某种语法,这种语法对语言的功能并没有影响,但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性,从而减少程序代码出错的机会。糖在不改变其所在位置的语法结构的前提下,实现了运行时的等价。可以简单理解为,加糖后的代码编译后跟加糖前一样,代码更简洁流畅,代码更语义自然。二、实现原理1. 作用在普通表单元素上动态绑定了 input 的 value 指向原创 2021-02-08 17:25:39 · 1835 阅读 · 4 评论 -
【Day06】请画出 Css 盒模型,基于盒模型的原理,说明相对定位、绝对定位、浮动实现样式是如何实现的?
一、Css 盒模型页面上任何一个元素,我们都可以看成是一个盒子,盒子会占用一定的空间和位置,他们之间相互制约,就形成了网页的布局。w3c 的盒模型的构成:content border padding marginIE盒模型和标准盒模型IE盒模型和标准盒模型唯一的区别是内容计算方式的不同IE 盒模型,宽度:width = content + padding标准盒模型,宽度:width = content不同定位一、相对定位relative(相对定位) 对象不可层叠、不脱离文档原创 2021-02-07 11:33:58 · 228 阅读 · 0 评论 -
【Day05】Html5 有哪些新特性?如何处理 Html5 新标签的浏览器兼容问题?如何区分 Html 和 Html5?
Html5 有哪些新特性?如何处理 Html5 新标签的浏览器兼容问题?如何区分 Html 和 Html5?一、Html5 新特性1. 拖拽释放(Drag and drop)API2. 语义化更好的内容标签3. 表单控件4. 音频、视频 API(audio,video)5. 画布(Canvas)API6. SVG绘图7. 地理(Geolocation)API8. Web Worker9. Web Storage10. WebSocket二、Html5 兼容问题处理1. 使用 DOM 操作来添加这些标签2.原创 2021-02-07 11:12:24 · 300 阅读 · 0 评论 -
【Day04】介绍防抖节流原理、区别以及应用,并用 JavaScript 进行实现
介绍防抖节流原理、区别以及应用,并用 JavaScript 进行实现防抖函数一、实现原理二、适用场景三、代码实现简易版 (非立即执行版) 实现立即执行版实现返回值版实现节流函数一、实现原理二、适用场景三、代码实现使用时间戳实现使用定时器实现加强版节流函数 throttle防抖函数一、实现原理在事件被触发 n 秒后再执行回调,如果在这 n 秒内又被触发,则重新计时。二、适用场景按钮提交场景:防止多次提交按钮,只执行最后提交的一次搜索框联想场景:防止联想发送请求,只发送最后一次输入原创 2021-02-05 10:37:17 · 254 阅读 · 3 评论 -
【Day03】使用原型最大的好处及原型链的理解
Day03]使用原型最大的好处及原型链的理解面试题题解原型优缺点简单分析原型详细分析2.1 原型的好处2.2 原型链2.2.1 函数对象2.2.2 constructor 构造函数2.2.3 new 操作符2.2.4 构造函数的问题2.2.5 prototype 原型2.3 原型的动态性2.4 原型对象的问题2.5 构造函数和原型结合(寄生组合继承)2.6 原型链面试题使用原型最大的好处,原型链的理解题解原型优缺点简单分析通过原型链继承的方式,原先存在父类型的实例中的所有属性和方法,现在也能存在原创 2021-01-07 13:51:43 · 941 阅读 · 0 评论 -
【Day02】测试 Primise、setTimeout等的执行顺序
面试题请写出下面代码执行的结果console.log(1);setTimeout(() => { console.log(2); process.nextTick(() => { console.log(3); }); new Promise((resolve) => { console.log(4); resolve(); }).then(() => { console原创 2021-01-06 10:27:07 · 200 阅读 · 0 评论 -
【Day01】你有封装过 axios 吗?主要是封装哪些方面?如何中断 axios 请求?
你有封装过 axios 吗?主要是封装哪些方面?如何中断 axios 请求?一、封装过哪些方面?1.1 http 封装1.2 api 封装1.2.1 总 api 接口的映射1.2.2 建立一个 get_url.js,用于获取域名地址,实现环境切换可配置1.2.3 单个模块接口定义1.2.4 断网处理1.3 将 api 挂载到全局1.4 中断 axios 请求一、封装过哪些方面?基本逻辑如上,主要是对请求封装和 api 接口封装。1.1 http 封装http 封装,其实就是实例化一个 axios原创 2021-01-05 21:47:53 · 1169 阅读 · 1 评论