摘要: setState() 是异步更新数据的  注意:使用该语法时,后面的 setState() 不要依赖于前面的 setState()  可以多次调用 setState() ,只会触发一次重新渲染 this.state = { count: 1 } this.setState({ count: th 阅读全文
posted @ 2020-11-21 00:26 sk-xm 阅读(113) 评论(0) 推荐(0)
摘要: <!-- 1. React组件复用概述 --> 思考:如果两个组件中的部分功能相似或相同,该如何处理?  处理方式:复用相似的功能(联想函数封装)  复用什么?1. state 2. 操作state的方法 (组件状态逻辑 )  两种方式:1. render props模式 2. 高阶组件(HO 阅读全文
posted @ 2020-11-21 00:24 sk-xm 阅读(159) 评论(0) 推荐(0)
摘要: <!-- 1 组件的生命周期概述 -->  意义:组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因等  组件的生命周期:组件从被创建到挂载到页面中运行,再到组件不用时卸载的过程  生命周期的每个阶段总是伴随着一些方法调用,这些方法就是生命周期的钩子函数。  钩子 阅读全文
posted @ 2020-11-21 00:23 sk-xm 阅读(67) 评论(0) 推荐(0)
摘要: 组件是封闭的,要接收外部数据应该通过 props 来实现  props的作用:接收传递给组件的数据  传递数据:给组件标签添加属性  接收数据:函数组件通过参数props接收数据,类组件通过 this.props 接收数据 <Hello name="jack" age={19} /> func 阅读全文
posted @ 2020-11-21 00:22 sk-xm 阅读(108) 评论(0) 推荐(0)
摘要: 组件是 React 的一等公民,使用 React 就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特点:可复用、独立、可组合 <!-- 2.React 组件的两种创建方式 --> 1 使用函数创建组件 函数组件:使用 JS 的函数(或箭头函数)创建的组件 约定1:函数名称必须 阅读全文
posted @ 2020-11-21 00:21 sk-xm 阅读(399) 评论(0) 推荐(0)
摘要: <!--1. react概述 --> React 是一个用于构建用户界面的 JavaScript 库。 1. React 概述 1.1 什么是 React 如果从 MVC 的角度来看,React 仅仅是视图层(V),也就是只负责视图的渲染,而并非提供了 完整的 M 和 C 的功能。 <!-- 2.R 阅读全文
posted @ 2020-11-21 00:15 sk-xm 阅读(249) 评论(0) 推荐(0)
摘要: 浏览器从输入地址到页面输出 主要流程 DNS原理 DNS(Domain Name Server)用来返回某个域名对应主机的ip的服务器 根DNS (.) 只负责提供各类顶级DNS服务器ip地址. 是域名解析的入口. 顶级DNS (TLD, Top Level Domain) 负责提供二级域名的DNS 阅读全文
posted @ 2020-11-15 19:44 sk-xm 阅读(212) 评论(0) 推荐(0)
摘要: promise 1,Promise是ES6中的新的异步语法,解决了回调嵌套的问题: new Promise((resolve)=>{ setTimeout(()=>{ resolve(1) },1000) }).then(val =>{ console.log(val); //1s后打印1,由res 阅读全文
posted @ 2020-11-15 19:06 sk-xm 阅读(75) 评论(0) 推荐(0)
摘要: 实现防抖节流 实现防抖 概念: 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。 例子:如果有人进电梯,那电梯将在10秒钟后出发,这时如果又有人进电梯了,我们又得等10秒再出发。 思路:通过闭包维护一个变量,此变量代表是否已经开始计时,如果已经开始计时则清空之前的计时器,重新开始计 阅读全文
posted @ 2020-11-15 17:23 sk-xm 阅读(79) 评论(0) 推荐(0)
摘要: 用法 call/apply/bind call 函数通过call调用时,函数体内的this指向call方法传入的第一个实参,而call方法后续的实参会依次传入作为原函数的实参传入。 function setDetails(name,color){ this.name=name; this.color 阅读全文
posted @ 2020-11-15 16:08 sk-xm 阅读(102) 评论(0) 推荐(0)
摘要: 1. 全局作用域或者普通函数中this指向全局对象window(注意定时器里面的this指向window) 2. 方法调用中谁调用this指向谁 3. 构造函数中this指向构造函数的实例 JS中this的指向 1.当函数作为构造函数,通过new xxx()调用时,this指向生成的实例 funct 阅读全文
posted @ 2020-11-15 13:30 sk-xm 阅读(352) 评论(0) 推荐(1)
摘要: vue单页面应用刷新网页后vuex的state数据丢失的解决方案 分类专栏: vue 文章标签: vuex vue sessionStorage 版权 最近在用vue写pc端项目,用vuex来做全局的状态管理, 发现当刷新网页后,保存在vuex实例store里的数据会丢失。 产生原因 解决思路 解决 阅读全文
posted @ 2020-11-11 12:20 sk-xm 阅读(532) 评论(0) 推荐(0)
摘要: web安全 浏览器端防御 xss 什么是 XSS Cross-Site Scripting(跨站脚本攻击)简称 XSS,是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本,使之在用户的浏览器上运行。利用这些恶意脚本,攻击者可获取用户的敏感信息如 Cookie、SessionID 等,进而危害数据 阅读全文
posted @ 2020-11-06 01:03 sk-xm 阅读(237) 评论(0) 推荐(0)
摘要: 09-Echarts-介绍 ###常见的数据可视化库: D3.js 目前 Web 端评价最高的 Javascript 可视化工具库(入手难) ECharts.js 百度出品的一个开源 Javascript 数据可视化库 Highcharts.js 国外的前端数据可视化库,非商用免费,被许多国外大公司 阅读全文
posted @ 2020-11-04 15:21 sk-xm 阅读(231) 评论(0) 推荐(0)
摘要: // 原型链 1.### 构造函数原型prototype构造函数通过原型分配的函数是所有对象所共享的。 JavaScript 规定,每一个构造函数都有一个prototype 属性,指向另一个对象。注意这个prototype就是一个对象, 这个对象的所有属性和方法,都会被构造函数所拥有。 我们可以把那 阅读全文
posted @ 2020-11-02 11:49 sk-xm 阅读(71) 评论(0) 推荐(0)