# comeOn **Repository Path**: HuNanmenglong/comeOn ## Basic Information - **Project Name**: comeOn - **Description**: Keep track of everything from the front end, kind of like a biography. - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2022-07-12 - **Last Updated**: 2026-01-04 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # comeOn #### 介绍 记录一下每天的代码 >忙忙碌碌才是真，能够安安静静的坐在电脑旁，敲着代码，享受知识的世界，这本身就是一种幸运 - 7-16 数组去重（reduce、sort等） - 7-17 插入排序、利用foreach结合filter排序 - 7-21 Zoom属性、使用 less - 7-23 原型链继承 - 7-24 构造函数继承、组合继承 https://blog.csdn.net/weixin_45915891/article/details/106273633 - 7-25 原型链继承带来的问题、create（）方法、关于 [object Object] 的解释 - 7-26 Object.keys() 这里面有一个高阶的方法、提取二维数组中的属性 - 7-27 Array.prototype.values()、Array.prototype.flat()、扁平化、concat（） 自定义层数不太会，没有真正理解，这里面有很多递归的思路，没事就多写写 - 7-29 实现一个 new 操作符 - 8-6 快速排序 - 8-8 二分查找（只有理解了区间的二分查找，才是真的理解了），全闭区间、左闭右开区间，左开右闭不常用，就不要去了解了 If there are miracles in the world, they are just another name for hard work. - 8-9 二分查找之返回边界 - 8-10 css 之 transform-origin 属性，在线引入font-awesome - 8-11 ts 入门 - 8-12 在 html 页面中使用 es6 的引入。逻辑或、逻辑与。for...of、for...in的区别、手动给对象加上迭代器（有东西的，还是没有熟练掌握） - 8-13 ts 类型 - 8-14 ts 配置 - 8-15 闭包案例 - 8-16 ts 结合 webpack - 8-17 es6 转 es5 代码（即把 类 变成 函数 的形式） - 8-18 小哼买书 - 8-20 图片懒加载 - 8-21 图片预加载、offsetY - 8-22 实现 一键复制代码 的功能、黑魔法居中 https://blog.csdn.net/lhz_19/article/details/120952977 - 8-23 堆排序 - 8-24 全排列 - 8-25 修改对象属性名字，字节二面笔试题 - 8-26 图片转字符游戏 - 8-27 关于es6继承里面的关键字super - 8-29 position: sticky / absolute / fixed 定位 - 8-30 利用第三方库 number-precision 解决 0.1 + 0.2 不等于 0.3 的问题 - 8-31 数字千分位分割 - 9-3 实现两个数组相加、手动实现深拷贝 - 9-3 lodash 的深拷贝 - 9-7 往类中直接添加属性、展开运算符、手动实现 instanceof、生成某个区间范围内的数组、Array.from 使用模板字符串当作函数的括号使用、像变戏法一样交换变量的值、遮蔽字符串(padStart方法)、consoleTable控制台高级显示数组 - 9-9 var 和 let 在 fori 循环当中的使用差异 - 9-14 扇子动画、匹配绝对路径文件 - 9-15 用 fs 模块保存到本地，转区县，json 转换 官方说明文档：https://nodejs.org/api/fs.html - 9-18 background-size: cover 详解、contentEditable 属性 - 9-22 搭建一个专门部署打包后的 vue 项目的微后台 - 9-23 some 方法 - 9-24 text-overflow属性，设置伪元素占位让字体变粗也不改变宽度 - 9-26 使用 base64，使用 new Date() 它得到的是 格林威治 时间，也是带有 年月日 时分秒 的那种 - 9-27 path 模块的一些方法 - 9-28 已知三个点的坐标，求中间点的角度 - 10-2 比较两简单数组保留相同与不同的 - 10-13 修改滚动条样式 - 10-19 熟练运用伪元素实现三角形 - 10-28 使用doodle字体样式 - 10-30 逗号操作符 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Comma_Operator 字符串的 match 方法、带标签的for循环、短路与和短路或 - 10-31 js 与 java 中的整数相除、弹性布局会改变容器自身宽度 - 11-2 文字颜色实现渐变 - 11-10 background-clip 属性 - 11-14 数组的fill方法、拖拽效果、字符串的substring() - 11-15 狗子过渡、兔子过渡、颜色渐变过渡、transform默认是以中心点放大的、video入门、audio入门 注意： 过渡是 transition；动画是 animation；变形是 transform 过渡必须人为触发，而动画是自己触发 - 11-16 滚动标语动画、旋转中心点（是以容器中心点旋转的） - 11-17 作用域及闭包下的 fori 循环 - 11-18 一段高深莫测又神奇的代码、深入理解 try...catch、是否真的理解this、window.requestAnimationFrame() - 11-19 什么是迭代器 - 11-22 parseFloat()、toFixed() - 11-27 简易时间格式的转换(date) - 11-29 cookie 篇 - 12-05 svg 入门 map 入门 - 12-07 font-size 和 line-height - 12-08 文字镂空 相关链接：https://juejin.cn/post/7012433284781047815 - 12-12 有fix定位下的锚点跳转 - 12-20 forEach() - 12-22 关于 postMessage（也就是 message 事件，iframe） - 12-23 将 png 图片变颜色 - 2023 - 1-5 买买股票最佳时机 - 1-12 函数柯里化、偏函数 - 1-30 NodeJS 中的 Buffer - 3-16 forEach中用async/await的情况 每个人的生日都能在圆周率中找到，因为圆周率包含所有的八位数 - 3-21 video 截取视频第一帧 - 4-26 文档阅读进度、css中的:has()、:not()选择器、文本换行超出显示省略号 - 5-7 e.stopImmediatePropagation() 的使用 - 5-18 查找叶子节点对应的根节点、查找所有的叶子节点 - 5-20 3d旋转 - 5-25 数据根据id去重 - 6-5 input 框的字体颜色与光标颜色 - 6-20 dayjs 的使用（是一个比较轻量的库） - 6-29 关于 a标签的 noopener - 7-17 给图片加水印 - 7-23 商品布局 - 8-20 css 过滤属性 - 8-26 a标签与canvas的合作 - 8-27 encodeURI与encodeURIComponent - 9-11 关于 iframe https://www.cnblogs.com/smileZAZ/p/17598642.html - 9-13 effect(() => {}, {}) > Vue3 中的一个新钩子，当组件渲染完成时会执行，或者当里面的响应式数据发生变化时也会执行 配置项： - lazy 是否延迟执行，默认值是 false，即立即执行 - schedule - onTrack - onTrigger 相关链接： https://wenku.baidu.com/view/623cf427862458fb770bf78a6529647d26283400.html?_wkts_=1694613685064&bdQuery=vue3%E4%B8%AD%E7%9A%84effect%E6%98%AF%E4%B8%80%E4%B8%AA%E4%BB%80%E4%B9%88%E9%92%A9%E5%AD%90 - 9-14 计算属性 computed 的实现原理 首先我们得明白一点：如果没有用到它，即使页面挂载了它也不会执行的 它总共有三大特性： - 依赖追踪 - 缓存 - 懒加载 相关链接： https://www.cnblogs.com/smileZAZ/p/17580724.html - 9-16 - 代码性价比 https://www.cnblogs.com/smileZAZ/p/17577601.html - 前面显示省略号 https://www.cnblogs.com/smileZAZ/p/17432677.html - pdf 转图片 https://www.cnblogs.com/smileZAZ/p/13927226.html - vue 拉伸指令 https://www.cnblogs.com/smileZAZ/p/17668055.html - js 截图 https://www.cnblogs.com/smileZAZ/p/17617611.html - 前端文件预览，包括excel https://www.cnblogs.com/smileZAZ/p/17494406.html - 9-25 reduce 的用法，生成递归对象（即数组转对象）、对象转数组 - 10-3 grid 布局 - 10-4 判断该元素是否在某一个元素之下（contains 方法）、理解 isNaN，明白为何建议用 Number.isNaN() - 10-16 定制国庆专属头像的实现 https://www.cnblogs.com/smileZAZ/p/17733368.html / https://www.xiaoli.vip/custom-avatar/ - 10-21 关于 referrer https://www.cnblogs.com/smileZAZ/p/17724851.html 换肤 https://www.cnblogs.com/smileZAZ/p/17752624.html - 10-23 长字母换行 - 10-24 npm 发包 https://juejin.cn/post/7287425222365364259?share_token=3584a1dc-b77f-4091-9452-5cc16ef94ebb - 10-26 unocss 官网 https://unocss.dev/ - 11-1 chrome 插件开发 https://www.cnblogs.com/smileZAZ/p/16816828.html（自测失败了，或许不应该安装linit语法检查，有机会可以研究一下怎么开发一个chrome插件） 判断两数组的内容是否相等 https://www.cnblogs.com/smileZAZ/p/17775354.html - 11-2 css之磨砂玻璃 - 11-5 mock案例 https://www.jianshu.com/p/6c561d256b53 https://www.yzktw.com.cn/post/1249343.html - 11-6 移动端日历 https://www.cnblogs.com/smileZAZ/p/17356880.html - 11-7 指定并发请求数量 - 11-11 axios 知识点 - 11-13 fit-content 由内容撑开高度或宽度 \ 淘宝商品布局组件 https://www.cnblogs.com/smileZAZ/archive/2023/11/06/17813431.html - 11-25 Object.assign() \ a 标签与图片的故事 https://blog.csdn.net/wnagyubin/article/details/132246417 - 12-16 @media screen 的使用 \ 数组 - 12-17 async-await 的使用 - 12-18 backdrop-filter 属性 \ box-shadow 属性 - 12-28 弹幕 - 2024 精诚所至，金石为开 - 1-2 电梯导航 - 1-3 下班倒计时 - 1-4 随机点名 - 1-5 offsetTop、offsetWidth、offsetHeight - 1-6 生成器函数（generator） - 1-7 clientX - 1-9 Promise 的使用 - 1-10 手动实现 async/await、利用 NodeJS 中的 http 模块实现一个简易的接口(server) - 1-11 冒泡排序，选择排序 - 1-12 Object.defineProperty()，Proxy()，对象自带的 get/set 方法 - 1-13 设计模式——发布订阅模式、观察者模式 - 1-14 canvas 的使用 - 1-15 css 特效 - 1-17 XMLHttpRequest 的使用 - 1-21 手动实现数组的 forEach、map、filter 方法 - 2-1 实现http缓存 - 2-5 redux 的使用 - 2-6 lodash 的使用 - 2-15 递归 + 函数柯里化面试题 - 2-16 数组中的一些方法 - 2-17 原型链面试题 - 2-19 一道关于括号的算法题 - 2-20 flex 的一些表现 - 2-21 function.call/apply/bind 的用法（即绑定 this） - 2-22 防抖、节流 - 2-23 手写深拷贝 - 2-24 初识 @layer - 2-27 利用函数实现继承 - 3-1 关于 this 指向的面试题 - 3-9 Array.sort() - 3-10 关于原型链的面试题 - 3-24 认识 overflow - 8-4 background-position 2025 - 9-8 css50(媒体适配) - 9-25 如何冻结对象？Object.freeze() - 10-07 事件捕获与冒泡的概念