2020年11月21日
react组件通信
摘要： 组件是封闭的，要接收外部数据应该通过 props 来实现  props的作用：接收传递给组件的数据  传递数据：给组件标签添加属性  接收数据：函数组件通过参数props接收数据，类组件通过 this.props 接收数据 <Hello name="jack" age={19} /> func 阅读全文
posted @ 2020-11-21 00:22 sk-xm 阅读(99) 评论(0) 推荐(0) 编辑
react组件和表单处理
摘要： 组件是 React 的一等公民，使用 React 就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特点：可复用、独立、可组合 <!-- 2.React 组件的两种创建方式 --> 1 使用函数创建组件 函数组件：使用 JS 的函数（或箭头函数）创建的组件 约定1：函数名称必须 阅读全文
posted @ 2020-11-21 00:21 sk-xm 阅读(384) 评论(0) 推荐(0) 编辑
react脚手架和JSX
摘要： <!--1. react概述 --> React 是一个用于构建用户界面的 JavaScript 库。 1. React 概述 1.1 什么是 React 如果从 MVC 的角度来看，React 仅仅是视图层（V），也就是只负责视图的渲染，而并非提供了 完整的 M 和 C 的功能。 <!-- 2.R 阅读全文
posted @ 2020-11-21 00:15 sk-xm 阅读(235) 评论(0) 推荐(0) 编辑
2020年11月15日
浏览器从输入地址到页面输出
摘要： 浏览器从输入地址到页面输出 主要流程 DNS原理 DNS（Domain Name Server）用来返回某个域名对应主机的ip的服务器 根DNS （.） 只负责提供各类顶级DNS服务器ip地址. 是域名解析的入口. 顶级DNS (TLD, Top Level Domain) 负责提供二级域名的DNS 阅读全文
posted @ 2020-11-15 19:44 sk-xm 阅读(170) 评论(0) 推荐(0) 编辑
promise
摘要： 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 阅读(65) 评论(0) 推荐(0) 编辑
防抖和节流
摘要： 实现防抖节流 实现防抖 概念： 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 例子：如果有人进电梯，那电梯将在10秒钟后出发，这时如果又有人进电梯了，我们又得等10秒再出发。 思路：通过闭包维护一个变量，此变量代表是否已经开始计时，如果已经开始计时则清空之前的计时器，重新开始计 阅读全文
posted @ 2020-11-15 17:23 sk-xm 阅读(71) 评论(0) 推荐(0) 编辑
call/apply/bind 用法
摘要： 用法 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 阅读(92) 评论(0) 推荐(0) 编辑
js this指向
摘要： 1. 全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window） 2. 方法调用中谁调用this指向谁 3. 构造函数中this指向构造函数的实例 JS中this的指向 1.当函数作为构造函数，通过new xxx()调用时，this指向生成的实例 funct 阅读全文
posted @ 2020-11-15 13:30 sk-xm 阅读(339) 评论(0) 推荐(1) 编辑
2020年11月11日
vue单页面应用刷新网页后vuex的state数据丢失的解决方案
摘要： vue单页面应用刷新网页后vuex的state数据丢失的解决方案 分类专栏： vue 文章标签： vuex vue sessionStorage 版权 最近在用vue写pc端项目，用vuex来做全局的状态管理， 发现当刷新网页后，保存在vuex实例store里的数据会丢失。 产生原因 解决思路 解决 阅读全文
posted @ 2020-11-11 12:20 sk-xm 阅读(502) 评论(0) 推荐(0) 编辑
2020年11月6日
web安全
摘要： web安全 浏览器端防御 xss 什么是 XSS Cross-Site Scripting（跨站脚本攻击）简称 XSS，是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可获取用户的敏感信息如 Cookie、SessionID 等，进而危害数据 阅读全文
posted @ 2020-11-06 01:03 sk-xm 阅读(179) 评论(0) 推荐(0) 编辑
2020年11月4日
Echarts基础
摘要： 09-Echarts-介绍 ###常见的数据可视化库： D3.js 目前 Web 端评价最高的 Javascript 可视化工具库(入手难) ECharts.js 百度出品的一个开源 Javascript 数据可视化库 Highcharts.js 国外的前端数据可视化库，非商用免费，被许多国外大公司 阅读全文
posted @ 2020-11-04 15:21 sk-xm 阅读(190) 评论(0) 推荐(0) 编辑
2020年11月2日
继承
摘要： // 原型链 1.### 构造函数原型prototype构造函数通过原型分配的函数是所有对象所共享的。 JavaScript 规定，每一个构造函数都有一个prototype 属性，指向另一个对象。注意这个prototype就是一个对象， 这个对象的所有属性和方法，都会被构造函数所拥有。 我们可以把那 阅读全文
posted @ 2020-11-02 11:49 sk-xm 阅读(63) 评论(0) 推荐(0) 编辑
原型链
摘要： 1.2静态成员和实例成员 1.2.1实例成员 实例成员就是构造函数内部通过this添加的成员 如下列代码中uname age sing 就是实例成员,实例成员只能通过实例化的对象来访问 function Star(uname, age) { this.uname = uname; this.age 阅读全文
posted @ 2020-11-02 11:42 sk-xm 阅读(134) 评论(0) 推荐(0) 编辑
2020年10月30日
vue项目中使用生成动态二维码
摘要： vue项目中使用QRCode.js生成二维码 看了好多blog，也尝试了多种方法，最后在QRCode.js文档上终于看懂了一些，一路踩着坑，终于做出了符合自己心意的东西。 1、环境准备 （1）、首先在项目中安装qrcodejs2： npm i qrcodejs2 （2）、在组件中调用，我是在哪儿使用 阅读全文
posted @ 2020-10-30 14:09 sk-xm 阅读(573) 评论(0) 推荐(0) 编辑
vue中前进刷新、后退缓存,列表缓存和回到原位置
摘要： vue中，我们所要实现的一个场景就是：1.搜索页面==>到搜索结果列表页时，搜索结果列表页面要重新获取数据，2.搜索结果列表页面==>点击进入详情页==>从详情页返回列表页时，要保存上次已经加载的数据和自动还原上次的浏览位置。 缓存组件，vue2中提供了keep-alive。首先在我们的app.vu 阅读全文
posted @ 2020-10-30 13:00 sk-xm 阅读(2224) 评论(0) 推荐(0) 编辑