重点知识
绝世唐门三哥
改变世界的程序猿@三哥
展开
-
Vue---计算属性computed(传参使用)
对于任何复杂逻辑,你都应当使用。原创 2019-12-12 16:43:46 · 271 阅读 · 1 评论 -
JavaScript---如何完美的判断返回对象是否有值
判断一个对象是否为空时,使用方法最为完美。原创 2023-12-15 10:50:14 · 1730 阅读 · 0 评论 -
JavaScript---如何实现准时的setTimeout定时器
最近有同学在面试的时候被问到了这个问题。所以我们利用这篇文章对这个问题进行下解答。转载 2023-12-13 15:53:53 · 176 阅读 · 0 评论 -
CSDN C4模拟题
二进制:是指在数学和数字电路中以2为基数的记数系统,二进制只有0和1两个数字符号,其运算规律是逢2进1,例如101101。为了与其他进制区别,二进制数的后缀都用大写字母B,例如101101B八进制:一种以8为基数的计数法,采用0,1,2,3,4,5,6,7这八个数字符号,其运算规律是逢8进1,例如77。为了与其他进制区别,八进制数的后缀都用大写字母O(不是数字0),例如77O十进制:一种以10为基数的计数法,采用0,1,2,3,4,5,6,7,8,9这十个数字符号,其运算规律是逢10进1,例如88。原创 2023-11-26 10:00:16 · 1292 阅读 · 0 评论 -
iOS and Andriod兼容问题汇总,持续添加,期待一起进步
input type=date在iOS上的兼容问题:在iOS中,input type=date不支持placeholder的显示,而且日期选择器样式受系统控制,无法自定义。特定字体在iOS和Android上的兼容问题:在iOS和Android上,对于某些字体,字重或者字形在不同设备上可能会有差别,导致文字显示不一致。浏览器前缀在iOS上的兼容问题:在iOS中,不使用-webkit-前缀的CSS属性会造成浏览器无法识别。解决方案:使用JavaScript模拟下拉列表,并使用CSS样式自定义。原创 2023-07-25 10:26:43 · 800 阅读 · 0 评论 -
如何在 iframe 中获取接口数据?
跨域访问iframe的限制:如果父页面和iframe页面不属于同一个域名,那么在iframe页面中无法直接访问父页面的DOM和JavaScript对象,反过来也一样。如果子页面和父页面不属于同一个域名,那么可以使用window.postMessage来进行跨域通信,父页面通过监听message事件来接收子页面发送过来的数据。如果子页面和父页面不属于同一个域名,而且无法修改子页面的代码,那么可以使用后端代理来解决跨域问题,父页面通过发起后端请求来获取子页面的数据。原创 2023-07-12 17:22:11 · 3006 阅读 · 0 评论 -
Vue---开发过程中,组件引入后页面无渲染(一直找了好久,页面没报错,完全没头绪!)
事件的起因:在新年的某一天,一个新需求要开发。当我建完分支随便复制了一个通用的页面,路由页面的权限都配置好了,但是页面一直不渲染!整整纠结了半天时间,最后和同事一起去确认排除页面写法问题,最终解决了该次事故!!!前言目前百度搜索啥的,搜到的基本都是因为名称大小写或者起名字语义化问题引起的,对应的解决方案基本就是:修改导入变量名或首字母改为大写!!!但是本人遇到的不是那个问题,很奇葩很难发现的一个错误!内部错误,不显示在页面的报错!原创 2023-02-08 17:47:37 · 1112 阅读 · 2 评论 -
JavaScript---数据的检测类型有哪几种?
这是因为toString是Object的原型方法,而Array、function等类型作为Object的实例,都重写了toString方法。不同的对象类型调用toString方法时,根据原型链的知识,调用的是对应的重写之后,的toString方法(function类型返回内容为函数体的字符串,Array类型返回元素组成的字符串...),而不会去调用Object上原型toString方法(返回对象的具体类型),所以采用obj.toString()不能得到其对象类型,只能将obj转换为字符串类型;原创 2023-02-02 14:48:10 · 224 阅读 · 0 评论 -
知识点---H5新增特性总结
0. 新增语义化标签 (header/footer/aside/main/article/section/nav)1. 新增选择器(querySelector、querySelectorAll)8. 缓存方式(sessionStorage/localStorage)2. 拖拽API(Drag and drop)3. 媒体标签 (audio/video)4. 画布(canvas)和svg矢量图。6. 多线程技术(web worker)7. 即时通讯(web socket)原创 2023-01-31 17:41:23 · 223 阅读 · 0 评论 -
JavaScript---移动端点击click穿透,fastclick解决方案
1. 引入fastclick插件监听全局click事件,移动端click点击事件穿透的问题。(一般不采用,这种比较绝对~)如何使用插件FastClick。原创 2023-01-16 17:10:18 · 1784 阅读 · 0 评论 -
Git---定位代码某一次提交的问题,逐次验证(git bisect)
目录1. 简要介绍git bisect命令的作用:2. 命令格式如下3. 如果无问题,要执行命令标识下4. 说明前半段是没有问题的,问题出在后半段5. 之后重复3和4步骤,一条一条记录验证6. 最后检测确认后,使用命令退出git bisect 可以用来查找哪一次代码提交引入了错误。它的原理很简单就是将代码提交的历史使用二分法来缩小出问题的代替提交范围,确定问题出在前半部分还是后半部分,不断执行这个过程,直到找到引入问题的那一次提交。其中end就是最近的提交,start就是最开始的提交。假如第一次的提交的 c原创 2022-12-07 11:35:33 · 924 阅读 · 0 评论 -
Git---git tag 创建、删除、共享、检出标签
1. 展示标签 2. 只列1.8.5系列 3. 查看某一个标签的详细信息 4. 列出以开头的所有tag5. 创建标签 6. 推送标签7. 切换标签 8. 删除标签 9. 拉取标签10. 检出标签下面是更详细的说明介绍,供参考:原创 2019-12-11 11:38:50 · 2978 阅读 · 1 评论 -
CSS---box-reflect镜像复制属性使用
兼容性如下图:(基本上chrome可以,其他的或多或少都不太支持)box-reflect:包括3个值。1. direction 属性取值包括 above 、 below 、 left 、 right2. offset定义反射偏移的距离3. mask-box-image定义遮罩图像举例说明:原创 2022-12-06 16:53:10 · 574 阅读 · 0 评论 -
Git---git log 与 git reflog 查看历史记录(被删除的历史commit ID)
区别:如果在回退以后又想再次回到之前的版本,git reflog 可以查看所有分支的所有操作记录(包括commit和reset的操作),包括已经被删除的commit记录,git log则不能察看已经删除了的commit记录.一、git log最优的展示历史的命令:git log --pretty=format:"%h - %an %cr : %s" --graph* cb7...原创 2019-12-02 10:39:00 · 14339 阅读 · 1 评论 -
Git---git shortlog查看贡献者,对比贡献次数(功能型命令)
-s 省略提交注释并返回所有贡献者列表: -n 按照贡献数量从多到少排序: -c 安装提交者而非作者来展示 -e 在其作者后面显示对应的邮箱 一般情况下合并使用,主要为了查看下对应的提交,没别的作用!原创 2022-12-01 17:00:11 · 1060 阅读 · 0 评论 -
Git---查看文件提交的详细信息git show
显示出了上次提交的commit id、作者信息(邮箱和姓名)、提交日期、commit message、代码diff等。语法或提交哈希来检查过去的提交。使用以下命令就可以获取往前数的第三次提交的详细信息。这样提交信息就简洁了很多。3. 还可以添加一个。标志,以简化输出信息。原创 2022-12-01 16:48:09 · 5733 阅读 · 0 评论 -
Git---分支合并之合并分支commit提交数据cherry-pick
现在突然出现一个需求,此时本地分支需要拉取另一个分支test上的某部分代码修改(简单说就是需要合并指定commit记录的文件修改记录到当前分支)直接开始重点讲解:在不同分支之间进行代码合并时,通常会有两种情况:一种情况是需要另一个分支的所有代码变动,那么就可以直接合并(git merge),另一种情况是只需要部分代码的变动(某几次提交),这时就可以使用以下命令来合并指定的提交:1. 在被合并的分支上进行查询commit操作2. 回到主分支后进行操作3. 建议添加-x。原创 2022-12-01 16:30:00 · 3327 阅读 · 0 评论 -
JavaScript---函数arguments参数直接获取的方式
平时如果写函数不确定入参数量的话,可以采用获取arguments对象来计算参数。Arguments对象如下:类数组经过Array.from变成真正的数组。将arguments类数组转化为真正的数组。看个人喜好,选择方便适合自己的写法!函数的参数获取:arguments。原创 2022-11-24 17:50:44 · 1035 阅读 · 0 评论 -
JavaScript---常用JS方法(utils.js)额外篇
3. 通过css检测系统的主题色从而全局修改样式4. 数组随机打乱顺序5. 随机获取一个Boolean值6. 把数组的第一项放到最后一项 7. dom节点平滑滚动到可是区域,顶部,底部8. 获取随机颜色9. 检测是否为空对象10. 数组克隆方法总结(clone)11. 一步从时间中提取年月日时分秒(推荐使用)12. 检测两个dom节点是否覆盖重叠13. 判断是否是NodeJ原创 2022-10-26 17:24:16 · 2487 阅读 · 3 评论 -
Vue---vuex状态管理工具的前生今世
vuex是一个专为 Vue.js 应用程序开发的状态管理模式 + 库,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。原创 2022-10-24 23:48:15 · 857 阅读 · 7 评论 -
JavaScript---classList属性增、删、查元素类名,方便快捷
classList类名操作。增删改查判断等方法去处理类名变化!原创 2022-10-13 17:06:20 · 1017 阅读 · 0 评论 -
ES6---几个优雅的运算符使用技巧(?. ??= ||= &&=)
1. 使用可选链式调用2.逻辑空分配(?? =)3.逻辑或分配(|| =)4. 逻辑与分配(&& =)原创 2022-09-14 18:07:20 · 587 阅读 · 0 评论 -
Vue---elementui的动态合计行,根据某个数据长度来合计行
【代码】Vue---elementui的合计行动态根据某个数据长度来合计。原创 2022-08-23 17:30:14 · 872 阅读 · 0 评论 -
Vue---keep-alive组件的使用,缓存组件
匹配首先检查组件自身的 name 选项,如果 name 选项不可用,则匹配它的局部注册名称 (父组件 components 选项的键值)。匿名组件不能被匹配。最多可以缓存多少组件实例。一旦这个数字达到了,在新实例被创建之前,已缓存组件中最久没有被访问的实例会被销毁掉。是个抽象组件,它自身不会渲染一个DOM元素,也不会出现在组件的父组件链中。包裹动态组件时,会被缓存不活动的组件实例,而不是销毁它们。不会在函数式组件中正常工作,因为它们没有缓存实例。主要用于保留组件状态或避免重新渲染。...原创 2022-08-12 17:38:38 · 536 阅读 · 0 评论 -
Vue---vue动态组件与异步组件的使用
在大型应用中,我们可能需要将应用分割成小一些的代码块,并且只在需要的时候才从服务器加载一个模块。只有在这个组件需要被渲染的时候才会触发该工厂函数,且会把结果缓存起来供未来重渲染。允许你以一个工厂函数的方式定义你的组件,这个工厂函数会异步解析你的组件定义。,当在这些组件之间切换的时候,你有时会想保持这些组件的状态。以避免反复重渲染导致的性能问题。...原创 2022-08-12 17:39:56 · 290 阅读 · 0 评论 -
JavaScript---Set对象函数的使用,去重储存等方式
JavaScript---Set对象函数的使用,去重储存等方式。原创 2022-08-09 17:32:43 · 566 阅读 · 0 评论 -
Vue---11种组件传值方式总结,总有一款适合你
以上示例代码展示了Vue 2中不同组件间通信方法的实现方式。注意,对于Pinia和Vue 3+特有的通信方式,这里没有提供Vue 2的示例代码。原创 2022-08-08 17:49:20 · 2233 阅读 · 0 评论 -
JavaScript---防抖和节流的使用
2. 对于防抖和节流函数的详细的使用封装函数:对于防抖函数的详细封装以及简化版:对于节流函数的详细封装以及简化版:原创 2022-07-24 00:14:44 · 721 阅读 · 0 评论 -
CSS---display:flow-root解决float布局弊端
【代码】CSS---一个CSS属性:flow-root解决float布局弊端。原创 2022-07-23 23:52:43 · 734 阅读 · 0 评论 -
CSS---px、em、rem、vw、百分比的区别
代码】CSS---px、em、rem、vw、百分比的区别。原创 2022-07-23 23:30:12 · 292 阅读 · 0 评论 -
Array---数组方法中使用forEach时如何中断循环!!!
如非必须使用forEach的话,其实使用完全可以实现满足条件就中断循环的目的。原创 2022-07-19 14:24:44 · 1012 阅读 · 0 评论 -
Vue---vue快速安装elementui的几种方式总结
1. 常规安装2. 快速安装3. 按需引入组件3.1 main.js中, 之后按需导入组件原创 2022-07-14 17:35:50 · 884 阅读 · 0 评论 -
JavaScript---位运算符单竖杠(|)在JS的使用,与或(||)要作区分
一、单竖杠后面是0的话,可以当做取整的运算:二、根本作用是前后数字的二进制进行相加值原创 2022-07-13 17:29:48 · 1072 阅读 · 0 评论 -
JavaScript---双叹号的使用
处理获取不到对象值时转为布尔值的情况var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false 由于对null与undefined用!操作符时都会产生true的结果,所以用两个感叹号的作用就在于,如果明确设置了o中flag的值(非 null/undefined/0""/等值),自然test就会取跟o.flag一样的值;如果没有设置,test就会默认为false,而不是 null或undefined。 ....原创 2022-07-12 15:28:11 · 349 阅读 · 0 评论 -
JavaScript------闭包 和 this指向
概念:闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。function create() { const a = 100; return function () { console.l......原创 2022-07-12 15:26:09 · 223 阅读 · 0 评论 -
Vue---vue3和vue2的区别有哪些?极限总结,值得拥有.
1.生命周期的变化 2.支持多根节点3.异步组件 出现问题如下: 实例代码如下:4.Teleport 6.响应式原理7.虚拟DOM8.事件缓存9.Diff 优化10.打包优化11.自定义渲染API12.TypeScript 支持其他细节可以查看这个,关于虚拟dom和diff(即7到12的更深层原理看这个公众号的详细介绍,大佬的总结!)面试官问:Vue3 对比 Vue2 有哪些变化?...转载 2022-07-08 15:02:31 · 1141 阅读 · 0 评论 -
JavaScript----upload/download-文件下载和上传的方法封装
采用原生写法下载,这里下载的支持多文件集合,即最后下载时为zip压缩包文件。 一、原生的xhr的方式去下载文件,具体写法如下,不懂的评论区直接问我! 二、采用ajax的方式去下载文件的写法AJAX直接调用上传:......原创 2022-07-07 17:16:47 · 1528 阅读 · 0 评论 -
ES6---ES6相关知识点使用方式技巧汇总
2. 关于合并数据(扩展运算符...)3. 关于拼接字符串原创 2022-07-07 14:05:41 · 136 阅读 · 0 评论 -
ES6---ES 2022 正式发布,带你了解下新特性
ES 2022 正式发布,带你了解下新特性3 4 可索引值方法 .at()5 RegExp match 指数 (d)原创 2022-07-06 15:21:04 · 507 阅读 · 0 评论 -
Vue---vue中watch对象监听属性deep与immediate的使用
主要针对值为函数handler监听来使用的 deep:trueimmediate:true这里一般使用最多的是deep:true,处理对象内部属性的变化,常用写法如下:原创 2022-07-06 10:36:08 · 1560 阅读 · 0 评论