自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

ChasenZh的博客

如相爱,请深爱,就像能到地老天荒。

  • 博客(95)
  • 问答 (1)
  • 收藏
  • 关注

原创 嗯!细胞都换了一遍了,该对以前的自己说拜拜了!

耶✌🏻。

2023-10-07 22:53:40 51

原创 笔记载体转移

以后在个人博客记录笔记

2022-03-14 16:44:05 383

原创 查看localstorage的使用情况

var _lsTotal=0,_xLen,_x;for(_x in localStorage){ if(!localStorage.hasOwnProperty(_x)){continue;} _xLen= ((localStorage[_x].length + _x.length)* 2);_lsTotal+=_xLen; console.log(_x.substr(0,50)+" = "+ (_xLen/1024).toFixed(2)+" KB")};console.log("Total = " +.

2022-02-16 09:39:36 610

原创 copy to clipboard

export function copyToClipboard(textToCopy: string) { if (navigator.clipboard && window.isSecureContext) { // secure return navigator.clipboard.writeText(textToCopy); } else { // non-secure let textArea: HTMLTextAreaElement = d.

2021-11-30 22:28:31 1297

原创 react-codemirror2 sql

<CodeMirror value={statement} options={{ mode: "sql", matchBrackets: true, styleActiveLine: true, autoCloseBrackets: true, lint: true,...

2021-11-25 22:43:36 1005

原创 github action push to another repo

name: DEPLOY CIon: push: branches: - master paths-ignore: - README.md - LICENSEjobs: deploy_job: runs-on: ubuntu-latest name: build steps: # check out the repository - name: Checkout use.

2021-11-19 11:14:29 355

原创 笔记: github action

name: WEBSITE DEPLOY CIon: push: branches: - main - feature-1.0 paths-ignore: - README.md - LICENSEjobs: deploy_job: runs-on: ubuntu-latest name: build steps: # check out the repository - nam.

2021-11-06 11:55:03 143

原创 vuejs深入浅出done

done

2021-07-15 00:22:12 417

原创 Node学习指南笔记doing

。。。

2021-07-03 00:15:56 85

原创 数据结构与算法图解笔记done

首先感谢这本书的作者,写的非常好。受益匪浅,详细笔记后续陆续更新。

2021-06-27 23:25:09 140 1

原创 图解HTTP笔记

1、URL是URI的子集2、HTTP keep-alive 是建立持久连接 connection reuse, HTTP/1.1默认是持久连接,减少tcp通道的建立和duan'ka

2021-06-21 20:52:44 108

原创 高性能javascript笔记

1、把脚本放在页面底部。2、减少外链请求,下载单个100kb的文件比下载4个25kb的文件速度更快,原因是建立http请求需要花费时间和性能开销3、

2021-06-20 21:12:10 142 1

原创 正在加载三点动画

正在加载中<dot>...</dot>dot { display: inline-block; height: 1em; line-height: 1; text-align: left; vertical-align: -.25em; overflow: hidden;}dot::before { display: block; content: '...\A..\A.'; white-space: p.

2021-06-12 10:48:32 282

原创 leetcode 【简单】 两数之和问题

/** * @param {number[]} nums * @param {number} target * @return {number[]} */var twoSum = function(nums, target) { /* let map = {} for(let i=0;i<nums.length;i++){ let complete = target - nums[i] if(map[compl.

2021-05-01 12:18:16 105

原创 leetcode 【简单】判断数组是否是单调的

// 是否是递增的 isIncrease(arr) { let inc = true for (let i = 1; i < arr.length; i++) { inc &= (arr[i - 1] <= arr[i]) if (!inc) return false } return true } // 是否是单调的 isIncrease(arr) { ...

2021-04-29 15:18:28 328

原创 vue3.0笔记

<template> <div> {{count}} <button @click="fn">+</button> <ul ref="box"> <li @click="remStu(index)" v-for="(item, index) in state.stus" :key="index"> {{item.name}} </li> </.

2021-02-23 18:19:23 100

原创 ts笔记

// console.log('first hhhh')let flag: boolean = true;/** * boolead * number * string * number[] * let a:Array<number> = [1,2,3] * 元祖: let arr: [string, number,boolean] = ['ts', 3, true] * *//** * 枚举: */enum Flag{ success=1, error=-1.

2021-02-23 14:14:24 115

原创 浏览器原理:一张图道出天机

2020-12-06 17:35:29 131

原创 菜单权限探索

大多数公司可能多数的做法都是放在前端去控制,后台提供数据。控制路由什么的前端页面写死。这种做法肯定不好或者不合适。正确的做法应该是根据权限动态加载路由module.exports = [ { id: 1, name: 'zhangsan', auth: [2,3,6,7] }, { id: 2, name: 'lisi', auth: [2,3,5,6,7,8] }, { id: 3, name: 'wangwu',

2020-12-04 17:13:22 98 2

原创 学习笔记:再碰函数柯里化,实际工作中没怎么写过

let dragon = name => size => element => `${name} is a ${size} dragon that breathes ${element} !`let output = dragon('Chasen')('large')('ice')console.log(output) // Chasen is a large dragon that breathes ice !有没有感觉?函数返回函数.

2020-11-27 00:41:10 87

原创 学习笔记:函数式编程+递归+数据处理

let categories = [ {id: 'animals', parent: null}, {id: 'mammals', parent: 'animals'}, {id: 'cats', parent: 'mammals'}, {id: 'dogs', parent: 'mammals'}, {id: 'dogA', parent: 'dogs'}, {id: 'dogB', parent: 'dogs'}, {id: 'catA', parent: 'cats'},.

2020-11-27 00:08:41 129

原创 10种水平垂直居中,你更中意哪一个

大概布局:1.flex布局直接父级来.father { display: flex; justify-content: center; align-items: center;}2.子级自己解决.father { display: flex; .son{ align-self: center; margin: auto; }}3.grid.father { display: grid; .son{ margin:

2020-11-26 23:57:36 113

原创 array flat

const arr = [1,2,3,[4,[6,7],5]]function flatten(arr) { while (arr.some(item=> Array.isArray(item))) { arr = [].concat(...arr) } return arr;}console.log(flatten(arr));console.log(arr.flat(Infinity)); /// 原生提供的

2020-11-26 23:29:16 135

原创 有意思:眼花缭乱的数组去重,你更中意哪一个?

1、中规中举的:算法复杂度O(n^2)function unique() { let arr = [1,1,1,2,3,2,2,4,5,6,7]; for (let i = 0; i < arr.length; i++) { for (let j = i+1; j < arr.length; j++) { if (arr[i] === arr[j]){ arr.splice(j,1); j--; } } }

2020-11-26 23:05:45 80

转载 一篇文章弄懂防抖和节流

防抖: 当事件被触发时,n秒后执行回调函数,如果在这个时间(n秒)内,事件被再次触发,则重新计时。应用场景:1.scroll事件滚动触发2.搜索框输入查询3.表单验证4.按钮提交事件5.浏览器窗口缩放,resize事件6.等等影响体验和性能的高频动作......function debounce(func, wait, immediate) { let timeout, result; let decounced = function() { ...

2020-11-25 00:02:54 109

原创 一篇文章弄懂深浅拷贝

其实这两个概念真的很简单,但是实际工作中,大多数人依然没有彻彻底底的搞明白他们之间的一些区别。介绍深浅拷贝之前,需要先说说赋值。其实在很多人眼里,包括之前的我也有这个误解,认为浅拷贝和赋值是一样的东西,实际不是的。区别还很大。首先是一些前置知识: 1、js的一般数据类型是存储在栈中; 2、js的引用类型的数据是储在堆中;针对引用数据类型来说 赋值、深拷贝、浅拷贝的区别: - 赋值:当我们把一个新对赋值给一个新的变量时...

2020-11-24 00:25:12 163 2

原创 缓存问题、excel流转化问题

1、nginx配置解决缓存问题if ($request_filename ~* .*\.(?:htm|html|json)$) { add_header Cache-Control "no-store";}2、流转化问题 , 注意点: responseType: 'blob' 或者responseType: 'arraybuffer' 必须加上,如果有使用Mock模拟数据,会影响导致文件损坏,最好是不要使用mock。(mock重写了原生请求,导致和blob流数据冲突,并且导致prom...

2020-09-11 23:54:48 252

原创 简单算法之冒泡排序

package com.chasen;public class BubbleSort { public static void main(String[] args) { int[] arr = {1, 45, 2, 57, 89}; bubbleSort(arr); for (int i = 0; i < arr.length ; i++) { System.out.print(arr[i] + " "); .

2020-08-01 00:11:14 119

原创 简单算法之二分查找

package com.chasen;public class BinarySearch { public static void main(String[] args) { int[] arr = {1, 10, 2, 5, 8, 18, 30}; int number = 2; int index = binarySearch(arr, number); System.out.println(index); } .

2020-07-31 23:56:39 127

原创 简单算法之快速排序

写了好多业务,总感觉心里很不踏实。今天就写一个简单的排序算法->快速排序,转转脑子,不然真的长锈了。package com.chasen;public class QuickSort { public static void main(String[] args) { int[] arr = {100, 6, 1, 2, 7, 9, 3, 4, 5, 10, 8}; quickSort(arr, 0, arr.length - 1); ...

2020-07-31 23:36:40 148

原创 一个甜甜圈

优秀的内心就是那些人们不能用金钱买到的东西,但缺少了它们人们就无法获得幸福。这个内心就是你的品格,谦虚、感恩、尊敬老人以及同情弱者都属于一个人的优秀品格。培养优秀品格的前提是,你应该认识到自己并不孤零零的生活着,而是与他人同在。因此,你应该助人为乐,要通过自己的努力使得世界在他人眼中变得更加美好。 72公式、陶穆太太...

2020-07-16 22:25:39 155

原创 黑石

培养探寻事物本质的能力,保持开发性思维,让知识和经验成为解决问题的工具,而不是封闭和傲慢的资本。理解对方的核心诉求,并尽力的去满足,这不仅适用于生意,也适用于人生的绝大部分。把握时代机遇并投资未来。...

2020-06-27 00:10:15 203

原创 最近分享的总结

1、架构师服务器22端口爆破,对安全又有一个更深的认识。2、组合创新,拆开组合, 分子、原子、电子、夸克;三体人限制探索微观,等于限制了人类进步;一架飞机+摄像头 = 大疆 ipad+phone+internet = iphone, 社会的进步一定是逻辑思维造就的,牛顿的世界是一切事务都是匀速直线运动,爱因斯坦的世界是超过光速时间变慢,感官是假的,只有思考才能促进个人成长、世界发展。mind!mind!mind!heart!heart!heart!...

2020-06-10 22:58:39 178

原创 2020-06-02

泉,不怕哈,重新开始

2020-06-02 01:30:18 156

转载 Event loop

https://www.cnblogs.com/rogerwu/p/10757069.html

2020-05-20 23:48:38 139

原创 koa2 pm2 nginx部署问题

1、安装mysql https://zhuanlan.zhihu.com/p/912247292、安装node和pm2(进程守护程序)3、安装nginx并且反向代理到koa2程序。4、runnginxhttps://blog.csdn.net/cxs123678/article/details/80201412参考文章:https://blog.csdn.net...

2020-04-22 22:11:06 325

原创 微前端的思考

由于公司业务变的越来越复杂,新开的项目就有20多个,项目配置依赖80%以上是相似的,这就不得不考虑如何更有效的去完成开发。最近有看到微前端这个概念,貌似可以解决这样的一个困境。single-SPA是有些公司尝试使用的一个框架,iframe应该是很少人使用的,坑太多了。2016年就提出了的模仿服务端的前端架构想法https://single-spa.js.org/https://mic...

2020-04-19 22:01:58 158

原创 函数的柯里化

//柯里化之前function add(x, y){ return x+y;}add(1,2) //3function addX(y){ return function(x){ return x+y; }}addX(2)(1) // 3传递给函数一部分参数来调用它,让它返回一个函数去处理剩下的参数。let checkage = mi...

2020-03-09 22:13:23 131

翻译 原型链

2020-03-09 21:57:22 124

原创 递归优化

普通递归时,内存需要记录调用的堆栈所出的深度和位置信息。在最底层计算返回值,再根据记录的信息,跳回上一层计算,再跳回更高一层,依次运行,直到最外层的调用函数。在cpu计算和内存会消耗很多,而且当深度过大时,会出现堆栈溢出。eg:function sum(n){ if(n===1)return 1; return n+sum(n-1);}然而,尾递归优化却将结果进行了缓存...

2020-03-09 21:56:25 192

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除