ChasenZh的博客

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

耶✌🏻。

原创 笔记载体转移

以后在个人博客记录笔记

原创 查看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 = " +.

原创 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.

原创 react-codemirror2 sql

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

原创 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.

原创 笔记： 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.

原创 vuejs深入浅出done

done

原创 Node学习指南笔记doing

。。。

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

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

原创 图解HTTP笔记

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

原创 高性能javascript笔记

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

原创 正在加载三点动画

正在加载中<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.

原创 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.

原创 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) { ...

原创 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> </.

原创 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.

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

原创 菜单权限探索

大多数公司可能多数的做法都是放在前端去控制，后台提供数据。控制路由什么的前端页面写死。这种做法肯定不好或者不合适。正确的做法应该是根据权限动态加载路由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',

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

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 !有没有感觉？函数返回函数.

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

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'},.

原创 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:

原创 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)); /// 原生提供的

原创 有意思：眼花缭乱的数组去重，你更中意哪一个？

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--; } } }

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

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

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

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

原创 缓存问题、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...

原创 简单算法之冒泡排序

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] + " "); .

原创 简单算法之二分查找

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); } .

原创 简单算法之快速排序

写了好多业务，总感觉心里很不踏实。今天就写一个简单的排序算法->快速排序，转转脑子，不然真的长锈了。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); ...

原创 一个甜甜圈

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

原创 黑石

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

原创 最近分享的总结

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

原创 2020-06-02

泉，不怕哈，重新开始

转载 Event loop

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

原创 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...

原创 微前端的思考

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

原创 函数的柯里化

//柯里化之前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...

翻译 原型链

原创 递归优化

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