- 博客(88)
- 收藏
- 关注
RSS订阅原创 前端性能优化 - 虚拟滚动
虚拟滚动：在有限的视口中只渲染我们所能看到的数据，超出视口之外的数据就不进行渲染，可以通过计算可视范围内的单元格，保证每一次滚动渲染的DOM元素都是可以控制的
2023-10-24 00:07:05
1647
原创 JS - 实现文字溢出显示省略号且悬浮显示tooltip完整信息
思路：通过ref获取宽度进行判断，当子级宽度大于对应标签/父级宽度显示tooltip组件。组件： element ui中的tooltip组件。
2023-09-08 14:48:05
1678
原创 通过 Blob 对二进制流文件下载实现文件保存下载
前端实现文件的下载主要有两种方式：（1）直接打开下载链接（通过浏览器解析方式直接下载）；（2）通过 Blob 对二进制流文件下载。实际用那种方法可以看后端的返回值和请求方式。
2023-09-06 18:35:44
2836
原创 CSS - Flex布局 vs Grid布局
缺点：最后一行有2个会两边对齐×；当屏幕大小刚好是放不下3个item时，两边对齐中间间隙特别大、不美观。(500+30*2)*3=1680px，每个item不会随屏幕大小变化换行。优点：可以实现仅剩1个的最后一行居左，每个item会随屏幕大小变化换行。优点：每个item会随屏幕大小变化换行。
2023-08-16 12:30:53
272
原创 大半夜在算这道题，算出来了记录一下
刷面试题遇到的，睡觉睡觉思路一：把A、B都抛硬币一次看成一局游戏。情况1： A第一次抛正面 -> A胜 p= 1/2情况2： A第一次抛反面、B抛正面 -> B胜 p= (1/2) * (1/2)=1/4情况3： A第一次抛反面、B抛反面 -> 平局，进行下一局P（A胜）/ P（B胜）= 2P（A胜）+ P（B胜）= 1所以可算出 P（A胜）=2/3P（B胜）=1/3思路二：计算A失败的总概率首先我们会发现A抛硬币之后是不会失败的，只有当B抛到正面才代表A失败了。第一
2023-02-23 01:24:40
355
原创 Webpack - 从基础到实战 手把手带你掌握新版Webpack4.0 - 学习笔记
前言收藏从未停止，想法从未开始，咋办呢，不想了呗，还能咋办==~
2022-05-19 08:39:22
2129
原创 ECMAScript 6 Promise - Promise
Promise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。可以替换掉传统的回调函数解决方案（回调地狱）。Promise对象有以下两个特点。（1）对象的状态不受外界影响。pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。
2022-05-18 01:10:54
43470
转载 JS - 浅拷贝&深拷贝
前言坚持每天学习半小时，周日去喝早茶。我太困了，但是为了早茶，我努力下，，，0 阅读：https://juejin.cn/post/6844903493925371917https://juejin.cn/post/6844904197595332622https://juejin.cn/post/70725286447399567731 赋值vs浅拷贝vs深拷贝先来了解下栈和堆的区别：栈（stack）为自动分配的内存空间，它由系统自动释放；而堆（heap）则是动态分配的内存，大小不定也
2022-05-17 00:38:47
482
原创 mac上手总结~瞎玩玩
搭建前端开发环境1、优先安装homebrewMac上的包管理器，使用homebrew去安装其他包。2、安装nvm & nrmhttps://juejin.cn/post/70746335187514163283、安装githttps://blog.csdn.net/Xxxxxl17/article/details/1234765404、安装Oh My Zsh– 提供主题配置安装用于zsh的高亮插件 zsh-syntax-highlighting – 好看5、安装VSCode &a
2022-05-15 11:34:14
26934
原创 JS - 防抖&节流
https://juejin.cn/post/7016502001911463950https://juejin.cn/post/6844903480239325191疑问：这2种写法，2个this的区别
2022-04-15 18:01:13
641
转载 JS - js高程第四版学习记录：第11章 期约与异步函数
详见：JavaScript高级程序设计第四版学习记录-第十一章 期约与异步函数第 11 章 期约与异步函数本章内容 异步编程 期约 – Promise 异步函数 – 使用 async 和 await 关键字定义异步函数的机制11.1 异步编程11.1.1 理解异步函数&异步返回值①关键是理解为什么说它是一个异步函数。setTimeout 可以定义一个在指定时间之后会被调度执行的回调函数。对这个例子而言，1000 毫秒之后，JavaScript 运行时会把回调函数推到自己
2022-04-10 12:32:59
1154
原创 Git配置相关（for mac）
2022/03/14本次配置ed25519ssh-keygen -t ed25519 -C "<comment>"http://gitlab.inzwc.com/help/ssh/index#generate-an-ssh-key-pair参考/后续整合看看：http://gitlab.inzwc.com/help/ssh/index#generate-an-ssh-key-pairhttps://blog.csdn.net/BSCHN123/article/details/1197
2022-03-14 13:30:40
8158
原创 JS - TypeScript瞎看看
文档阅读：5分钟上手TypeScript，看了不只5分钟起码有6分钟吧TypeScript——JavaScript的超集，TypeScript带来了可选的静态类型检查以及最新的ECMAScript特性。神奇吧。对于弱类型语言js的检验起了重要作用～··5分钟过一遍类型function greeter(person: string) { return "Hello, " + person;}接口允许我们在实现接口时候只要保证包含了接口要求的结构就可以，而不必明确地使用 im
2022-03-09 00:34:39
32172
原创 JS - 关于setTimeout我所不知道的
js高级程序设计第四版电子版的一段代码，让我一度以为是错别字…MDN: window.setTimeout – 情况①②③var timeoutID = scope.setTimeout(function[, delay, arg1, arg2, ...]);var timeoutID = scope.setTimeout(function[, delay]);var timeoutID = scope.setTimeout(code[, delay]);其实人家压根没有错，还是我太肤浅啦。
2022-02-26 13:12:56
424
原创 跨域资源共享(CORS, Cross-origin resource sharing)
跨域资源共享(MDN)CORS settings attributes(MDN)在HTML5中，一些 HTML 元素提供了对 CORS 的支持， 例如 <audio>、<img>、<link>、<script> 和 <video> 均有一个跨域属性 (crossOrigin property)，它允许你配置元素获取数据的 CORS 请求。在媒体元素上被使用的 crossorigin 内容属性是一个 CORS 设置属性。这些属性是枚举的，并具
2022-02-06 22:57:54
16224
原创 夏令时冬令时问题
js Date中夏令时/冬令时夏令时：快1小时冬令时：慢1小时问题： // value代表自1970年1月1日00:00:00 (世界标准时间) 起经过的毫秒数。new Date(value);// dateString 格式化后的日期，例如：1990-01-03// 使用夏令时冬令时的国家会产生差异new Date(dateString); new Date('2021-03-14 02:00:00');Sun Mar 14 2021 03:00:00 GMT-0400 (East
2022-02-05 16:59:14
10382
原创 Vue - vue2.0+node.js+MongoDB全栈打造商城系统【问题记录】
2021/3/4 做到Vuex章节1、遇到问题：①丢失依赖包，报错缺失依赖包。(package.json里面还有依赖包的名字版本，但是去node_modules文件夹看竟然不翼而飞搞神马)解决：今天遇到了很XX的问题——Error: Cannot find module 'XX’这篇博客讲得挺清晰的了，可以结合nodejs.com官网看，安装缺失的依赖包就好（安装加一下【--save】吧）。可以看看 不加–save，加–save，加–save-dev 区别②node----Deprecatio.
2021-03-04 11:46:35
386
2
转载 Vue - Vue CLI脚手架创建项目
嘿嘿~文档：Vue CLI脚手架创建项目.note](http://note.youdao.com/noteshare?id=7082bfcb6b5e87248b3277b9213276aa&sub=8F39755F924544E59F354AE5A7A0EBC8)
2021-02-18 16:11:01
262
原创 Vue - v-for “为什么要用key”&“为什么不能用index作为key” 看完这些文章就懂得差不多啦 站在巨人的肩膀上前进前进前进咧咧咧
列表渲染VUE中演示v-for为什么要加key关于Vue v-for中的:key作用v-for指令循环中key属性有什么作用？Vue2.0 v-for 中 :key 到底有什么用？v-for中：key的作用总结特殊 attribute：key
2021-01-29 15:41:52
1215
原创 避免师傅抽查赶紧学 vue篇之事件总线（EventBus）
vue篇之事件总线（EventBus） Vue事件总线（EventBus）使用详细介绍// main.jsVue.prototype.$EventBus = new Vue()//x.vuethis.$eventBus.$emit("justTest", true);//y.vuethis.$eventBus.$on("justTest", res=>{ console.log(res,'this.$eventBus.$on("justTest"！！！！！！！！！！！！！
2021-01-21 18:12:16
196
原创 被师傅抽查了 记住!!!!vue 过滤器filter（全面）& Object.keys方法之详解
vue 过滤器filter（全面）Object.keys方法之详解
2021-01-19 13:58:07
847
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人