ABC_TEST_ONE-CSDN博客

原创 React State 更新时同步更新 dom -- flushSync 方法

React State 更新时同步更新 dom -- flushSync 方法

2023-03-09 00:29:23 1781

原创 ts基础

定义属性interface Person { name: string age: number [k:string]: any}const person: Person = { name: 'zhangsan', age: 12, hobby: ['a','b'], job: '' }as、is、in、keyofas: 类型断言，类型断言纯粹是一个编译时语法，同时，它也是一种为编译器提供关于如何分析代码的方法；is：判断一个变量.

2021-01-29 18:14:36 237 1

原创 Linux基础命令

1、pwd：显示当前路径2、ls：当前路径的所有内容 - ls -l ：展示当前路径下的所有文件 / 文件夹（不包括隐藏的文件 / 文件夹）及其具体信息； - ls -a：展示当前路径的所有内容（包括隐藏的文件 / 文件夹）； - ls -la：（两者结合使用）展示当前路径下的所有内容及其具体信息； - ls *xxx：(*代表0个或者多个字符），该命令用于方便检索，eg： ls *.txt 、 ls *word，表示展示当前路径下以 .txt 结尾的文件，即 txt 格式的文件； l

2020-11-01 18:34:18 181

原创使用createDocumentFragment和requestAnimationFrame，渲染大量数据页面不卡顿

1、实现思路：渲染大量数据时，合理使用 createDocumentFragment 和 requestAnimationFrame，将操作且分为一小段一小段去执行，从而实现页面不卡顿。2、createDocumentFragment()

2020-10-23 22:33:33 823

原创 cookie、session及其区别

一、cookie1、简述：cookie是一种在客户端保持HTTP信息的技术，由于HTTP协议是无状态的，而服务端的业务必须是要有状态的，因此可以使用cookie来存储状态信息、标识用户身份等（即cookie用于会话跟踪）2、cookie工作原理：由于HTTP是无状态的协议，服务器但从网络连接上无法知道用户身份。因此要给每个用户颁发一个通行证（即cookie），无论谁访问都必须携带自己的通行证（即cookie），这样就可以确认用户的身份了。3、cookie一般由服务端生成，cookie实际上是一小段的文

2020-10-21 16:35:30 161 1

原创最大子串的题目

1、连续子数组的最大和var theMaxSum = function (arr) { let max = -Infinity; arr.reduce((total, item) => { if (total > 0) { total += item; } else { total = item; } max = max > total ? max : tot

2020-10-02 22:36:23 89

原创手写节流和防抖

<body> <button id="btn">点击防抖</button></body><script> var btn = document.getElementById('btn') function click() { console.log(111); } function debounce(fn, delay) { return function () {

2020-09-23 11:18:55 168

转载同源及如何规避、CORS介绍

浏览器同源政策CORS介绍转载：http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.htmlhttp://www.ruanyifeng.com/blog/2016/04/cors.html

2020-09-21 09:56:53 114

原创 CSS做一个三角形

<head> <style> /* 三角形制作的原理 */ /* 先设置一个没有宽高的盒子，然后设置他的边框 */ .one { width: 0; height: 0; border-top: 100px solid red; border-bottom: 100px solid green; borde

2020-09-21 09:45:01 168

原创实心get函数，如果访问正常，那么返回访问值；如果访问异常，那么就返回传入的默认值

/* *实现get函数 *如果访问正常，那么返回访问值 *如果访问异常，那么就返回传入的默认值 defaultValue */ function get(obj, property, defaultValue) { let arr = property.split('.') let len = arr.length let cur = obj for (let i = 0; i < len; i+...

2020-09-20 11:49:26 131

原创简单的实现rgb与十六进制的相互转换

function rgb1(str) { // 输入参数格式如： 'F30A09'; 输出格式如：(255,10,9) let res = []; for (let i = 0; i < str.length; i = i + 2) { res.push(Number('0x' + str.substr(i, 2))) } return '(' + res.join(',') + ')'}console.log(rgb1('FF0A09'));

2020-09-16 22:44:25 698

原创实现一个圆形进度条（vue）

实现方式：首先是用svg画两个圆，同圆心同半径的两个圆，然后把颜色都设置成透明，利用圆的边框来实现。给两个圆设置相同的边框宽度，并且设置颜色（设置一个透明，一个有颜色）；然后创建stroke-dasharray实线/虚线线条，长度（值）为 2πr，即圆的周长；将stroke-dashoffset设置为动态属性，这个属性是“定义实线/虚线的起点距离路径的起点的距离”，利用这个属性来当做进度条，从而控制进度。<template> <div id="pro"> <b

2020-09-15 21:18:56 3073 1

原创实现一个条形进度条

2020-09-15 16:44:08 284

转载 js的运算优先级

js运算优先级转载：https://blog.csdn.net/qq_33576343/article/details/82891208?ops_request_misc=

2020-09-13 16:09:29 244

转载水平垂直居中常用方法

水平垂直居中转载：https://blog.csdn.net/qq_27576607/article/details/78697812?biz_id=102&utm_term

2020-09-11 00:14:40 70

转载 JavaScript（V8）输入输出操作指南

牛客网JavaScript（V8）输入输出操作指南转载：https://blog.csdn.net/weixin_42307756/article/details/82503025

2020-08-31 23:39:35 995

原创实现点击li就删除当前li（事件委托）

<ul class="list" id="ul"> <li>aa<a href="#">删除</a></li> <li>bb<a href="#">删除</a></li> <li>cc<a href="#">删除</a></li></ul><script src="jquery-3.

2020-08-27 14:42:50 1840

转载 VS code常用配置和插件

转载：https://github.com/varHarrie/varharrie.github.io/issues/10

2020-08-26 09:13:16 115

原创基本数据类型放在栈中，复杂数据类型放在堆中

首先是堆比栈要大，但是栈比堆的运算速度要快。将复杂数据类型放在堆中的目的是为了不影响栈的效率，而是通过引用的方式去堆中查找。简单数据类型比较稳定，并且它只占据很小的内存，讲它放在空间小、运算速度快的栈中，能够提高效率。...

2020-08-26 09:08:31 1819

原创 SVG与canvas区别

1、什么是svgSVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准2、SVG优势SVG 图像可通过文本编辑器来创建和修改SVG 图像可被搜索、索引、脚本化或压缩SVG 是可伸缩的SVG 图像可在任何的分辨率下被高质量地打印SVG 可在图像质量不下降的情况下被放大3、SVG 与 Canvas两者间的区

2020-08-25 13:55:53 211

转载关于变量提升、函数表达式、构造函数表达值等的综合的一道问题

一道常被人轻视的前端JS面试题转载：https://www.cnblogs.com/xxcanghai/p/5189353.html

2020-08-24 16:51:44 61

原创 vue实现一个简单的自动补全

结构：<template> <div> <input v-model="searchKey" > <ul> <li v-for="(item,index) in completeData" :key="index"> {{ item }} </li> </ul> </div&

2020-08-24 15:10:52 1348 2

原创 vue实现一个简单的轮播图

HTML结构<template> <div>  <div> <ul>  <li v-for="(imgUrl,index) in bannerList" :key="index" s

2020-08-24 11:22:22 1449

转载 html+css+js实现简单的弹窗

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta htt..

2020-08-20 09:46:41 1627 1

原创 XSS攻击、CSRF攻击简介

XSS跨站脚本攻击：xss攻击原理与解决方法CSRF跨站脚本伪造：浅谈CSRF攻击方式

2020-08-19 16:36:30 54

原创 Promise的实现

const PENDING = 'pending'; const RESOLVED = 'resolved'; const REJECTED = 'rejected'; function Promise(executor) { const that = this // 三个属性 that.status = PENDING //Promise对象状态属性，初始状态为 pending that.data = un.

2020-08-19 11:11:31 94

转载 vue-element-admin登录流程

一、登录权限：1、登录的大致流程做后台项目区别于做其它的项目，权限验证与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。我们所要做到的是：不同的权限对应着不同的路由，同时侧边栏也需根据不同的权限，异步生成。登录：当用户填写完账号和密码后向服务端验证是否正确，验证通过之后，服务端会返回一个token，拿到token之后（将这个token存贮到cookie/sessionStorage中，保证刷新页面后能记住用户登录状态），前端会根据token再去拉取一个 user_info

2020-08-17 17:52:39 1541

原创技术栈原理

VueRouter原理：https://juejin.im/post/6854573222231605256#heading-15Vuex原理：https://juejin.im/post/6855474001838342151#heading-4Promise原理：https://juejin.im/post/6856213486633304078axios原理：https://juejin.im/post/6856706569263677447webpack原理：https://juejin.i

2020-08-10 07:53:46 158

空空如也

空空如也