摘要: 1、生命周期的理解 初始化阶段: getDefaultProps:获取实例的默认属性getInitialState:获取每个实例的初始化状态componentWillMount:组件即将被装载、渲染到页面上render:组件在这里生成虚拟的 DOM 节点componentDidMount:组件真正在 阅读全文
posted @ 2022-03-17 23:53 木子末 阅读(165) 评论(0) 推荐(0)
摘要: 1、盒模型 标准模型由四部分组成: 内容区域: 可以放置元素的区域如文本,图像等,一般设置宽高指的是这个内容的宽高内边距的区域:内容与边框之间的距离边框区域: 边框外边框区域:由外边框限制,用空白区域扩展边框区域,开分开相邻的元素模型区分:标准表型指的是设置box-sizing为content-bo 阅读全文
posted @ 2022-03-17 23:37 木子末 阅读(63) 评论(0) 推荐(0)
摘要: 1、CSRF(Cross-site request forgery,跨站请求伪造) 如何攻击假设网站中有一个通过 Get 请求提交用户评论的接口,那么攻击者就可以在钓鱼网站中加入一个图片,图片的地址就是评论接口<img src="http://www.domain.com/xxx?comment=' 阅读全文
posted @ 2022-03-17 23:31 木子末 阅读(125) 评论(0) 推荐(0)
摘要: 1、预加载和预渲染 预加载在开发中,可能会遇到这样的情况。有些资源不需要马上用到,但是希望尽早获取,这时候就可以使用预加载。预加载其实是声明式的 fetch ,强制浏览器请求资源,并且不会阻塞 onload 事件,可以使用以下代码开启预加载<link rel="preload" href="http 阅读全文
posted @ 2022-03-17 23:25 木子末 阅读(74) 评论(0) 推荐(0)
摘要: 1、同源策略及解决跨域常用的方法 因为浏览器出于安全考虑,有同源策略。也就是说,如果协议、域名或者端口有一个不同就是跨域,Ajax 请求会失败。 我们可以通过以下几种常用方法解决跨域的问题 JSONPJSONP 的原理很简单,就是利用 <script> 标签没有跨域限制的漏洞。通过 <script> 阅读全文
posted @ 2022-03-17 23:20 木子末 阅读(78) 评论(0) 推荐(0)
摘要: 1、JS内置类型 JS 中分为七种内置类型,七种内置类型又分为两大类型:基本类型和对象(Object)。 基本类型有六种: null,undefined,boolean,number,string,symbol。 其中 JS 的数字类型是浮点类型的,没有整型。并且浮点类型基于 IEEE 754标准实 阅读全文
posted @ 2022-03-17 23:06 木子末 阅读(139) 评论(0) 推荐(0)
摘要: 一、原理 View的变化能实时让Model发生变化,而Model的变化也能实时更新到View Vue采用数据劫持&发布-订阅的方式,通过ES5提供的Object.defineProperty()方法来劫持(监控)各属性的getter 、 seter ,并在数据(对象)发生变动时通知订阅者,触发相应的 阅读全文
posted @ 2022-03-17 22:20 木子末 阅读(347) 评论(0) 推荐(0)
摘要: 一、什么是跨域 跨域是针对浏览器的“同源策略”提出的说法。之所以有“同源策略”这种模式是基于网络安全方面的考虑。所谓的同源策略关注三点: 协议( http://www.baidu.com & https://www.baidu.com 协议不同,跨域) 域名(https://www.aliyun.c 阅读全文
posted @ 2022-03-17 21:29 木子末 阅读(103) 评论(0) 推荐(0)
摘要: 一、加载流程 浏览器根据DNS服务器得到域名的IP地址 向这个 IP 的机器发送 HTTP 请求 服务器收到、处理并返回 HTTP 请求 浏览器得到返回内容 二、简单分析 例如在浏览器输入 https://www.baidu.com 的时候,首先经过 DNS 解析, https://www.baid 阅读全文
posted @ 2022-03-17 21:12 木子末 阅读(490) 评论(0) 推荐(0)
摘要: 1、标准性 任何一个组件都应该遵守一套标准,可以使得不同区域的发人员据此标准开发出一套标准统一的组件 2、独立性 描述了组件的细粒度,遵循单一职责原则,保持组件的纯粹性 属性配置等 API 对外开放,组件内部状态对外封闭,尽可能的少与业务耦合 3、复用与易用 UI差异,消化在组件内部(注意并不是写一 阅读全文
posted @ 2022-03-17 20:57 木子末 阅读(306) 评论(0) 推荐(0)
摘要: 一、什么是微服务 所谓微服务是SOA架构下的最终产物,该架构设计目标是为了肢解服务,使得服务能够独立运行。 微服务可以按照业务划分,将一组特定的业务划分成一个服务,每个服务都有自己独立的数据库,独立部署,服务直接通过 REST API 进行通讯。每一个独立运行的服务组成整个系统。 总结下,微服务就是 阅读全文
posted @ 2022-03-17 20:42 木子末 阅读(750) 评论(0) 推荐(0)
摘要: Web 前端安全主要包括如下几种: CSRF跨站请求伪造 XSS跨站脚本攻击 webshell网站提权渗透 界面操作劫持 一、CSRF跨站请求伪造 它也成为 One Click Attack ,或者 Session Riding ,缩写为 CSRF ,是一种对网站的恶意利用,相对来说更加难以防范。原 阅读全文
posted @ 2022-03-17 20:21 木子末 阅读(85) 评论(0) 推荐(0)
摘要: 一、服务器 1、CentOS2、Ubantu 二、FTP工具 1、FileZilla(Win)2、ForkLift(Mac) 公网IP 三、连接方式 1、远程连接2、xshell3、terminal ``` ssh root@127.0.0.1输入密码修改know_hosts``` 四、包管理器 O 阅读全文
posted @ 2022-03-17 19:51 木子末 阅读(109) 评论(0) 推荐(0)
摘要: 1、html <div id="zTu">图片</div> 2、js上传方法封装 1 /** 2 * @description 上传图片 3 * @param {object} picker 4 * @param {string} url 5 * @param {function} callback 阅读全文
posted @ 2022-03-17 19:20 木子末 阅读(207) 评论(0) 推荐(0)