vue低层_智能社精通vue.js开发

怎么去设计一个组件封装

组件封装的目的是为了重用&＃xff0c;提高开发效率和代码质量

低耦合&＃xff0c;单一职责&＃xff0c;可复用性&＃xff0c;可维护性

前端组件化设计思路

js 异步加载的方式

渲染引擎遇到 标签会停下来&＃xff0c;等到执行完脚本&＃xff0c;继续向下渲染

defer 是“渲染完再执行”&＃xff0c;async 是“下载完就执行”&＃xff0c;defer 如果有多个脚本&＃xff0c;会按照在页面中出现的顺序加载&＃xff0c;多个async 脚本不能保证加载顺序

加载 es6模块的时候设置 type&＃61;module&＃xff0c;异步加载不会造成阻塞浏览器&＃xff0c;页面渲染完再执行&＃xff0c;可以同时加上async属性&＃xff0c;异步执行脚本(利用顶层的this等于undefined这个语法点&＃xff0c;可以侦测当前代码是否在 ES6 模块之中)

css 动画和 js 动画的差异

代码复杂度&＃xff0c;js 动画代码相对复杂一些

动画运行时&＃xff0c;对动画的控制程度上&＃xff0c;js 能够让动画&＃xff0c;暂停&＃xff0c;取消&＃xff0c;终止&＃xff0c;css动画不能添加事件

动画性能看&＃xff0c;js 动画多了一个js 解析的过程&＃xff0c;性能不如 css 动画好

XSS 与 CSRF 两种跨站攻击

xss 跨站脚本攻击&＃xff0c;主要是前端层面的&＃xff0c;用户在输入层面插入攻击脚本&＃xff0c;改变页面的显示&＃xff0c;或则窃取网站 COOKIE&＃xff0c;预防方法&＃xff1a;不相信用户的所有操作&＃xff0c;对用户输入进行一个转义&＃xff0c;不允许 js 对 COOKIE 的读写

csrf 跨站请求伪造&＃xff0c;以你的名义&＃xff0c;发送恶意请求&＃xff0c;通过 COOKIE 加参数等形式过滤

我们没法彻底杜绝攻击&＃xff0c;只能提高攻击门槛

事件委托&＃xff0c;目的&＃xff0c;功能&＃xff0c;写法

把一个或者一组元素的事件委托到它的父层或者更外层元素上

优点&＃xff0c;减少内存消耗&＃xff0c;动态绑定事件

target 是触发事件的最具体的元素&＃xff0c;currenttarget是绑定事件的元素(在函数中一般等于this)

事件委托详解

线程&＃xff0c;进程

线程是最小的执行单元&＃xff0c;进程是最小的资源管理单元

一个线程只能属于一个进程&＃xff0c;而一个进程可以有多个线程&＃xff0c;但至少有一个线程

负载均衡

当系统面临大量用户访问&＃xff0c;负载过高的时候&＃xff0c;通常会使用增加服务器数量来进行横向扩展&＃xff0c;使用集群和负载均衡提高整个系统的处理能力

服务器集群负载均衡原理&＃xff1f;

什么是CDN缓存

CDN 是一种部署策略&＃xff0c;根据不同的地区部署类似nginx 这种服务服务&＃xff0c;会缓存静态资源。前端在项目优化的时候&＃xff0c;习惯在讲台资源上加上一个 hash 值&＃xff0c;每次更新的时候去改变这个 hash&＃xff0c;hash 值变化的时候&＃xff0c;服务会去重新取资源

(CDN)是一个经策略性部署的整体系统&＃xff0c;包括分布式存储、负载均衡、网络请求的重定向和内容管理4个要件

CDN_百度百科

闭包的写法&＃xff0c;闭包的作用&＃xff0c;闭包的缺点

使用闭包的目的——隐藏变量&＃xff0c;间接访问一个变量,在定义函数的词法作用域外&＃xff0c;调用函数

闭包的内存泄露&＃xff0c;是IE的一个 bug&＃xff0c;闭包使用完成之后&＃xff0c;收回不了闭包的引用&＃xff0c;导致内存泄露

「每日一题」JS 中的闭包是什么&＃xff1f;

闭包造成内存泄露的实验