制作组件容易忽略的一个问题之sync

https://cn.vuejs.org/v2/guide/components-custom-events.html#sync-%E4%BF%AE%E9%A5%B0%E7%AC%A6方便组件调用者
分类: 其他 发布时间: 03-08 09:13 阅读次数: 0

制作组件很容易遗忘的两个属性provide,inject

https://cn.vuejs.org/v2/guide/components-edge-cases.html#%E4%BE%9D%E8%B5%96%E6%B3%A8%E5%85%A5依赖注入,后代直接拿祖先的方法
分类: 其他 发布时间: 03-08 09:13 阅读次数: 0

一道既简单又复杂的编程思维题

满分100分,请为学生分等级,90-100 为1等生,80-90为二等生。。。。。以此类推,不允许使用if else switch case。请一行代码解决10- count/10 = level (0cont100)...
分类: 其他 发布时间: 03-08 09:13 阅读次数: 0

递归优化

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

微前端的思考

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

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...
分类: 其他 发布时间: 03-08 09:11 阅读次数: 0

2020-06-02

泉,不怕哈,重新开始
分类: 其他 发布时间: 03-08 09:11 阅读次数: 0

最近分享的总结

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

黑石

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

一个甜甜圈

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

简单算法之快速排序

写了好多业务,总感觉心里很不踏实。今天就写一个简单的排序算法->快速排序,转转脑子,不然真的长锈了。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); ...
分类: 其他 发布时间: 03-08 09:10 阅读次数: 0

简单算法之二分查找

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); } .
分类: 其他 发布时间: 03-08 09:09 阅读次数: 0

简单算法之冒泡排序

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] + " "); .
分类: 其他 发布时间: 03-08 09:09 阅读次数: 0

缓存问题、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...
分类: 其他 发布时间: 03-08 09:09 阅读次数: 0

一篇文章弄懂深浅拷贝

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

一篇文章弄懂防抖和节流

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

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)); /// 原生提供的
分类: 其他 发布时间: 03-08 09:08 阅读次数: 0

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:
分类: 其他 发布时间: 03-08 09:08 阅读次数: 0

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

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'},.
分类: 其他 发布时间: 03-08 09:07 阅读次数: 0

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

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 !有没有感觉?函数返回函数.
分类: 其他 发布时间: 03-08 09:07 阅读次数: 0