2023年6月2日
手写 deepClone（简单版）
摘要： function myDeepClone(o){ const result = new (Object.getPrototypeOf(o)).constructor for(k in o){ if(typeof o[k] 'object' && o[k] !== null){ result[k] = 阅读全文
posted @ 2023-06-02 19:06 睡成蛆 阅读(12) 评论(0) 推荐(0) 编辑
手写 instanceOf
摘要： 个人练习，代码如下： function myInstanceOf(o,type){ if(typeof o !== 'object' || o null){ return false } if(Object.getPrototypeOf(o) type.prototype){ return true 阅读全文
posted @ 2023-06-02 18:44 睡成蛆 阅读(12) 评论(0) 推荐(0) 编辑
2023年5月29日
手写 typeof
摘要： 个人练习，代码如下： function myTypeof(o,type){ const types = { 'string': true, 'number': true, 'symbol': true, 'bigint': true, 'function': true, 'boolean': tru 阅读全文
posted @ 2023-05-29 22:38 睡成蛆 阅读(40) 评论(0) 推荐(0) 编辑
2022年10月11日
【面试题】不使用canvas, 绘制出一个 三角形，以及 等边三角形
摘要： 面试遇到的，面试题 面试时只回答出，rotate+hidden的方式 自己想出了两种，rotate+hidden和linear-gradient border和clip-path的方式借鉴自网络， border 点击查看代码 <!DOCTYPE html> <html lang="en"> <hea 阅读全文
posted @ 2022-10-11 21:45 睡成蛆 阅读(43) 评论(0) 推荐(0) 编辑
2022年9月24日
前天为群友写的，使用面向对象的写法封装一个Modal Dialogue Box
摘要： 前天为群友写的，使用面向对象的写法封装一个Modal Dialogue Box q群里的群友提出的问题 “如何使用面向对象的语法封装一个Modal框” 我们都知道，现在使用vue ，都是用组件去封装的， 怎么用对象去封装呢？我比较感兴趣，做了以下尝试 下面直接上代码 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta cha 阅读全文
posted @ 2022-09-24 19:05 睡成蛆 阅读(36) 评论(0) 推荐(0) 编辑
2022年6月9日
各种环境缩写
摘要： int、dev、uat、prod、pp、sit、ides、qas、pet、sim、zha环境是什么 pro、pre、test、dev环境 缩写英文解释intInitialization初始化devdevelopment开发ppPre production预生产sitSystem Integrate 阅读全文
posted @ 2022-06-09 13:59 睡成蛆 阅读(2309) 评论(0) 推荐(0) 编辑
2022年4月24日
Chrome开发者工具应对页面跳转页面点击事件等实用干
摘要： 转载 ：Chrome开发者工具应对页面跳转页面点击事件等实用干货 - 爱码网 (likecs.com) 1.如何解决页面跳转 打开Preserve log即可 禁用页面缓存在右边的disable cache 2.如何监听页面点击 重要的是举一反三，看不懂英文去翻译！Mouse鼠标，click点击，， 阅读全文
posted @ 2022-04-24 18:11 睡成蛆 阅读(223) 评论(0) 推荐(0) 编辑
2022年4月13日
vue add 和npm install区别
摘要： 创建的项目依赖： vue add 是什么方法？ 1、vue add可能会改变现有的项目结构，但是npm install仅仅是安装包而不会改变项目的结构。 2、add如果你下载的库, 特别是 Ui 库, 希望对脚手架结构产生影响,那就选择 vue add xxx 3、npm如果不希望对脚手架结构产生影 阅读全文
posted @ 2022-04-13 21:21 睡成蛆 阅读(516) 评论(0) 推荐(0) 编辑
2022年3月6日
纯CSS实现星级评分
摘要： 纯CSS实现星级评分 ####关键点在于，使用Id+lable的形式扩大radio的触发范围，再通过radio的:checked伪类和 ~ [兄弟选择符，位置无须紧邻，只须同层级，A~B 选择A元素之后所有同层级B元素。]来实现样式，通过v-model和value属性将选中的radio值赋值给SCORE属性 ##前方代码 阅读全文
posted @ 2022-03-06 18:36 睡成蛆 阅读(219) 评论(0) 推荐(0) 编辑
2022年1月5日
手写异步处理的几种方案
摘要： `` 点击查看代码 // 最早期的异步 function requesUserInfo(url,id,successCallback,failureCallback){ setTimeout(() => { if(url 'lsh'){ console.log('走成功的回调'); successC 阅读全文
posted @ 2022-01-05 16:00 睡成蛆 阅读(51) 评论(0) 推荐(0) 编辑