- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 重新认识cookie与session
思维导图：就从夏洛特烦恼的一个名场面开始引出本文话题：这大爷也确实没在"状态"！理清概念无状态HTTP是没有状态的Web服务器，什么是无状态呢？就像夏洛特烦恼中的拿着扇子的大爷一样，一次对话完成后下一次对话完全不知道上一次对话发生了什么。如果说Web服务器只是用来管理静态文件还好说，对方是谁其实不重要，把文件从磁盘中读取出来发出去即可,客户端与服务器连接就会关闭，再次交换数据需要建立新的连接。这时候服务器无法从连接上跟踪会话。。但是随着网络的不断发展，比...
2021-07-28 13:46:22
116
原创 通俗易懂的原型和原型链
前言不要为了面试而去背题，匆匆忙忙的，不仅学不进去，背完了几天后马上会忘记。你可能会说，“没办法，这不是为了能找份工作嘛！”。我想说的是，“那你没开始找工作的时候，咋不好好学习呢。”好了，上述扯的这些，意思就是让大家不要做收藏家，不要把好文收藏了，就放在收藏夹里吃灰！下面为大家简单阐述我对原型和原型链的理解，若是觉得有说的不对的地方，还望直接把页面关闭了，别在我这篇文章上继续浪费时间。（逃）四个规则我们先来了解下面引用类型的四个规则：1、引用类型，都具有对象特性，即可..
2021-07-23 21:01:39
208
原创 React项目中，如何把数据导出到Excel文件
写在前面无论是做项目还是自己学习过程中，我们可能会遇到导出数据的需求，比如导出数据到Excel文件。为了方便大家的学习和开发，这里介绍一种导出数据到Excel文件的方法。方法简介我在这里使用「exceljs」包来导出数据，如果你有兴趣，可以阅读一下他们的文档：英文文档：https://github.com/exceljs/exceljs/blob/HEAD/README.md中文文档：https://github.com/exceljs/exceljs/blob/HEAD...
2021-07-22 10:56:35
1070
1
原创 解决跨域的常用利器CORS全解原创
27.1 简介根据同源策略，浏览器默认是不允许XMLHttpRequest对象访问非同一站点的资源的，这会大大制约生产力，所以需要有一种机制允许跨域访问资源，然后我们的主角CORS（跨域资源共享）就出现了，该机制可以进行跨域访问控制，从而使跨域数据传输得以安全进行。27.2 整体流程CORS的通信流程是浏览器自动完成，不需要用户参与，其核心点是服务器，只要服务器实现了CORS接口就可以实现跨源通信了。虽然是浏览器自动完成，但是浏览器其实还是根据请求时字段的不同分为简单请求和非简单请求的..
2021-07-19 13:18:26
157
原创 moment的使用
moment.js使用方法总结Moment.js是一个轻量级的JavaScript时间库，它方便了日常开发中对时间的操作，提高了开发效率。日常开发中，通常会对时间进行下面这几个操作：比如获取时间，设置时间，格式化时间，比较时间等等。下面就是我对moment.js使用过程中的整理，方便以后查阅。一、引入moment.js1.Node.js方式引入（1）安装npm install moment 或者 yarn add moment（2）引入// require 方式va
2021-07-08 16:44:30
594
原创 vue路由
2. vue路由 - 声明式导航2.0 声明式导航 - 基础使用目标: 可用全局组件router-link来替代a标签 vue-router提供了一个全局组件 router-link router-link实质上最终会渲染成a链接 to属性等价于提供 href属性(to无需#) router-link提供了声明式导航高亮的功能(自带类名) <template> <div> <div class="footer_wrap"&...
2021-07-05 11:15:01
42
原创 用vue代码实现随机产生5道数学题
<template><div><h2>测试题</h2><divclass="subject"v-for="(item,index)inarr":key='index'><span>{{item.num1}}</span><span>+</span><span>{{item.num2}}</span>...
2021-07-02 16:35:20
2063
原创 react事件机制
一、是什么React基于浏览器的事件机制自身实现了一套事件机制，包括事件注册、事件的合成、事件冒泡、事件派发等在React中这套事件机制被称之为合成事件合成事件（SyntheticEvent）合成事件是React模拟原生DOM事件所有能力的一个事件对象，即浏览器原生事件的跨浏览器包装器根据W3C规范来定义合成事件，兼容所有浏览器，拥有与浏览器原生事件相同的接口，例如：constbutton=<buttononClick={handleClick}>按钮...
2021-06-30 13:20:16
79
原创 如何实现数组去重
02.数组去重constarr=[1,1,'1',17,true,true,false,false,'true','a',{},{}];//=>[1,'1',17,true,false,'true','a',{},{}]方法一：利用Setconstres1=Array.from(newSet(arr));方法二：两层for循环+spliceconstunique1=arr=>{letle...
2021-06-28 17:48:50
80
原创 重新认识cookie与session
思维导图：就从夏洛特烦恼的一个名场面开始引出本文话题：这大爷也确实没在"状态"！理清概念无状态HTTP是没有状态的Web服务器，什么是无状态呢？就像夏洛特烦恼中的拿着扇子的大爷一样，一次对话完成后下一次对话完全不知道上一次对话发生了什么。如果说Web服务器只是用来管理静态文件还好说，对方是谁其实不重要，把文件从磁盘中读取出来发出去即可,客户端与服务器连接就会关闭，再次交换数据需要建立新的连接。这时候服务器无法从连接上跟踪会话。。但是随着网络的不断发展，比如电..
2021-06-28 13:13:19
95
原创 ES6数组扩展方法
一、扩展运算符的应用ES6通过扩展元素符...，好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]// [, , ]主要用于函数调用的时候，将一个数组变为参数序列function push(array, ...items) { a
2021-06-27 21:03:18
266
原创 用css设计实现太极八卦图的效果
<div></div><style> div{ position:relative; width:150px; height:300px; background-color:#fff; border-left:150px solid #000; border-radius:50%;} div::before{ content:''; position:absolute; top:0; left:-75px; width:30px;.
2021-06-27 09:49:29
151
原创 2021-06-26
EventLoopJavaScript是单线程的语言事件循环Event Loop，这是目前浏览器和NodeJS处理JavaScript代码的一种机制，而这种机制存在的背后，就有因为JavaScript是一门单线程的语言。单线程和多线程最简单的区别就是：单线程同一个时间只能做一件事情，而多线程同一个时间能做多件事情。而JavaScript之所谓设计为单线程语言，主要是因为它作为浏览器脚本语言，主要的用途就是与用户互动，操作Dom节点。而在这个情景设定下，假设JavaScript同时有两个进程，一
2021-06-26 09:13:21
94
原创 2021-06-18
原型与原型链的概况和联系在讲到原型之前，我们先来回顾一下JS中的对象。在JS中，万物皆对象，就像字符串、数值、布尔、数组等。「ECMA-262」把对象定义为：「无序属性的集合，其属性可包含基本值、对象或函数」。对象是拥有属性和方法的数据，为了描述这些事物，便有了**「原型」**的概念。无论何时，只要创建了一个新函数，就会根据一组特定的规则为该函数创建一个**「prototype」属性，这个属性指向该函数的原型对象。所有原型对象都会获得一个「constructor」属性，这个属性包含一个指向「protot
2021-06-18 10:56:34
45
原创 2021-06-18
去除空格的十二种方法实现1String.prototype.trim = function() {return this.replace(/^\s\s*/, ‘’).replace(/\s\s*$/, ‘’);}实现2String.prototype.trim = function() {return this.replace(/^\s+/, ‘’).replace(/\s+$/, ‘’);}实现3String.prototype.trim = function() {return
2021-06-18 10:31:26
43
原创 用JavaScript方法实现随机选数据的七种方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-06-14 14:12:03
1655
2
原创 用indexOf方法如何实现数组去重
<script>var arr=[12,45,89,4,5,4,6,8,6,3,8]var newarr=[]for(i=0;i<arr.length;i++){if(newarr.indexOf(arr[i])===-1){ newarr.push(arr[i])}}console.log(newarr)</script>
2021-06-14 14:09:25
148
原创 原型、构造函数和实例之间的奇妙关系
前端百题斩【016】——原型、构造函数和实例之间的奇妙关系16.1 基础原型每个对象都包含一个原型属性（prototype），用于关联另一个对象，关联后就能使用那个对象的属性和方法，这其实就是JavaScript的原型式继承。操作原型有如下方法：（1）Object.create()根据指定的原型创建新对象，原型可以是nullconst parentObj = { add: function() { return this.a + this.b; }
2021-06-13 14:45:29
93
原创 2021-06-12
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-06-12 20:24:27
60
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人