自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

夏天的博客

分享前端技术文章和干货,进步的路上一起努力,也期待你的关注和点赞!

  • 博客(281)
  • 资源 (5)
  • 收藏
  • 关注

原创 回顾2023展望2024,追逐光成为光

再见,2023!你好,2024!愿新的一年,我们都能成为更好的自己!

2024-02-08 21:42:58 1463 5

原创 js数组常用方法

js数组常用方法还挺多的,如果面试官问你这道题可不要只回答几个哟,那是会扣分的!下面是一篇详细的js数组教程文章

2022-03-27 18:21:09 92302 21

原创 应届生面试反问环节该问什么,提高面试官好感

导语:作为一名应届生,第一次面试后面试官问你:你还要问我些什么吗?很多童鞋可能不知道该问什么。以下是自己的一些个人经验,大家有不同意见的也可以一起讨论。首先分为技术面试官和HR连个角色出发:反问技术面试官,可以问:1、自己所应聘的部门有多少人?进去后是由谁负责带?2、贵公司就前端而言所用到的技术栈?3、贵公司的培训项目是什么样的呢?4、这次面试多久可以出结果?是否还有下一轮?5、学习建议类(如果面试的时候对自己的技术面很没底的话,这个时候你可以问一问别人关于学习前端的一些经验,一般面试官都很

2020-12-15 21:16:47 38097 6

原创 时间轴的实现

时间轴的实现

2025-01-14 22:55:33 197

原创 华为鸿蒙原生应用碰一碰分享

宿主应用进入一个可以分享的界面,比如打开或者选中的一个文件、一条备忘录、一个联系人详情,或个人热点/WIFI等。宿主应用可以分享多个内容,如选中的多张图片等。手机应用发起碰一碰分享时,双端设备需要在亮屏、解锁的状态下并且都已开启华为分享服务(系统默认开启),设备顶部轻碰即可触发。如果用户已手动关闭华为分享服务开关,轻碰事件触发时,用户会接收到系统通知提示开启。

2025-01-12 11:32:57 627

原创 鸿蒙原生应用如何才能拉起系统浏览器?

订购链接:https://item.jd.com/10134604131101.html?开发者可以通过隐式指定want参数中的action为ohos.want.action.viewData来拉起浏览器应用,并在want参数中的uri配置拉起后打开的网页链接。具体可参考如下代码。

2025-01-08 13:54:28 482

原创 小白也懂的 Pinia 基础知识全解

小白也懂的 Pinia 基础知识全解

2024-11-18 08:00:00 487 1

原创 Pinia 入门:零基础开启 Vue 状态管理之旅

本文将带你从零开始,深入了解 Pinia 的基础知识,开启 Vue 状态管理的精彩之旅。

2024-11-18 07:30:00 472

原创 AtomGit 开源生态应用开发赛报名开始啦

软件项目脚手架在软件开发过程中扮演着至关重要的角色。它主要具有加速开发流程、统一开发标准、简化依赖管理、支持快速原型制作、提高可扩展性和可维护性、促进团队协作、集成自动化工具、降低学习成本等作用。OpenHarmony 项目发展迅速,项目社区活跃、开发工具链高效,也有了相对丰富的软件开发脚手架,但是与Android 相比,脚手架模板还不够丰富。

2024-11-12 19:38:33 452

原创 必知的 Vue3 组件传值技巧:解锁组件交互新姿势

必知的 Vue3 组件传值技巧:解锁组件交互新姿势

2024-11-12 17:16:38 921

原创 初学者如何踏入鸿蒙开发之旅

小白如何学鸿蒙第一篇

2024-10-24 22:14:35 284

原创 前端框架新势力大盘点

近年来,前端领域快速发展,新的框架不断涌现,为开发者提供了更多选择和解决方案。尽管 React、Vue、Angular、Next.js、Preact 等老牌框架依然稳坐市场主流,但新势力前端框架的崛起也为特定场景带来了更佳的适配和优化。接下来,我们将一探近三年年出现的前端框架新势力,深入了解它们的特点以及主要解决的问题,共同探索这些新势力框架如何为前端开发注入新的活力与可能性。

2024-05-08 23:09:52 1071

原创 2024vue官方生态最全整理

经过多年的不断演进,Vue 已经构建了一个极为丰富且强大的生态系统,今天就来盘点 Vue 官方生态系统中那些好用的工具!

2024-05-08 21:14:00 480

原创 盘点12个Vue 3的高颜值UI组件库

今天给大家盘点12个Vue 3的高颜值UI组件库,凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库,用广东话讲:个个都靓。

2024-05-02 14:18:50 3438

原创 map与forEach的区别

在选择使用map还是forEach时,通常考虑是否需要一个新数组和是否需要中断循环的能力。如果需要一个转换后的新数组,并且可能需要处理错误,那么map是更好的选择。如果只是需要对数组进行操作而不需要新数组,或者操作本身不需要中断,那么可以使用forEach。map会创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。如果需要在数组上直接进行修改,并不需要一个新数组,那么可以使用forEach。如果需要对原数组进行操作并返回一个新的数组,map是更合适的选择。

2024-04-27 01:00:00 392

原创 前端开发需掌握的linux命令行

以上这些命令行在前端开发中经常使用,能够熟练掌握它们,可以更方便地在Linux系统中进行文件操作和日常维护。

2024-04-24 11:21:06 280

原创 Github无法访问的解决方法YYDS

这个太有用了!

2024-04-17 18:22:49 179

原创 一文搞定 EventLoop、宏任务、微任务

在事件循环中,当主线程执行完当前的同步任务后,会检查事件队列中是否有待处理的事件。如果有,主线程会取出事件并执行对应的回调函数。这个循环的过程被称为事件循环(Event Loop),它由主线程和任务队列两部分组成。主线程负责执行同步任务,而异步任务则通过任务队列进行处理。这种机制保证了异步任务在适当的时机能够插入执行,从而实现了JavaScript的非阻塞异步执行。

2024-04-17 18:20:34 830

原创 某大厂前端笔试题(一)

【代码】某大厂前端笔试题(一)

2024-04-17 17:41:15 473

原创 git 的基本命令行

这条命令会将当前分支的 HEAD 指针指向指定的提交,但不会改变工作目录中的文件。这条命令会在当前目录下初始化一个新的 Git 仓库,并创建一个名为 .git 的子目录,用于存储版本控制的所有信息。这条命令会显示当前工作目录和暂存区的状态,包括哪些文件已经被修改、哪些文件还未被跟踪等。这条命令会列出仓库的提交历史,包括每次提交的哈希值、提交者、提交日期和提交信息。这条命令会将指定文件或所有修改过的文件添加到暂存区,准备提交。这条命令会将暂存区中的更改提交到本地仓库,并附带一条提交信息。

2024-04-17 16:58:13 398

原创 前端怎样做权限控制的?

在做系统时,我们常常因为使用该系统或软件的用户不同,要给到不同角色不同的模块权限控制。这些例子提供了权限控制的一些基本操作和方法,但具体的实现方式会根据你的系统架构、技术栈和业务需求而有所不同。对于敏感操作(如删除用户、修改系统设置等),要特别小心,确保只有具有明确权限的用户才能执行。role_permissions 表:关联角色和权限,表示每个角色拥有的权限。场景:一个RESTful API接口,不同的用户角色有不同的访问权限。场景:一个Web应用的前端界面,根据用户角色显示不同的菜单和功能按钮。

2024-04-17 16:52:15 767

原创 说说懒加载怎样实现

由于浏览器会自动对页面中的img标签的src属性发送请求并下载图片,可以通过html5自定义属性data-xxx 先暂存src的值,然后在图片出现在屏幕可视区域的时候,再将data-xxx的值重新赋值到img的src属性即可。懒加载(Lazy Loading)是一种优化技术,它允许延迟加载资源的执行,直到这些资源真正需要时才加载。图像占位符: 使用小图标或占位符替换真实的图像,当图像需要加载时再替换成真实的图像源。用户体验: 确保懒加载的内容在用户需要时能够及时加载,否则可能会影响用户体验。

2024-04-17 16:39:34 263

原创 Web Worker 优化长任务

打开控制台,选择 Performance 工具,点击 Start 按钮,展开 Main 选项,会发现有很多红色的三角,这些就属于长任务(长任务:执行时间超过 50ms 的任务)比如新建一个 web worker, 浏览器会加载对应的 worker.js 资源,下图中的 Time 是这个资源的通信时长(也叫加载时长)由于浏览器 GUI 渲染线程与 JS 引擎线程是互斥的关系,当页面中有很多长任务时,会造成页面 UI 阻塞,出现界面卡顿、掉帧等情况。

2024-04-17 16:35:33 197

原创 for in与for of的区别

for in与for of的区别

2024-04-04 00:38:20 2327

原创 代码实操:一文讲解js继承的多种实现方式

优点:融合原型链继承和构造函数的优点,是 JavaScript 中最常用的继承模式。创建一个仅用于封装继承过程的函数,该函数在内部以某种形式来做增强对象,最后返回对象。包含引用类型的属性值始终都会共享相应的值,这点跟原型链继承一样。方法都在构造函数中定义,每次创建实例都会创建一遍方法。

2024-04-01 17:18:42 222

原创 js深拷贝常用的方法

js深拷贝常用的方法

2024-03-26 23:45:00 366

原创 搜索结果列表下拉滑动触底时,自动加载更多搜索结果怎么实现?

搜索结果列表下拉滑动触底时,自动加载更多搜索结果怎么实现?

2024-03-20 18:11:59 474

原创 高亮搜索中的关键字怎么实现

高亮搜索中的关键字怎么实现

2024-03-20 18:04:52 1012

原创 vuex是怎么做到将数据注入到每一个组件里面的?

vuex是怎么做到将数据注入到每一个组件里面的?

2024-03-20 10:02:45 643

原创 强缓存和协商缓存的区别

强缓存和协商缓存的区别

2024-03-19 18:00:32 1607

原创 less与sass哪个更好用

less与sass哪个更好用

2024-03-18 09:01:36 1065 1

原创 在浏览器的控制台定义变量,清除后还是报错变量已声明

Uncaught SyntaxError: Identifier 'words' has already been declared

2024-03-15 02:00:00 1319

原创 reduce()方法的应用

`reduce()` 是 JavaScript 数组(Array)对象的一个方法,它接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。

2024-03-15 01:00:00 458

原创 用js实现斐波那契数列

斐波那契数列

2024-03-14 22:10:15 1442

原创 五个方法告诉你,如何去除数组中重复元素

每种方法都有其优缺点,你可以根据具体的场景和需求选择最适合的方法。在性能敏感的场景下,使用Set或Map通常会比使用循环更高效。

2024-03-12 17:36:45 6954 1

原创 TypeScript 中类的理解及应用场景

类(Class)是面向对象程序设计(OOP,Object-Oriented Programming)实现信息封装的基础

2024-02-29 22:33:24 1032

原创 TypeScript 中命名空间与模块的区别

TypeScript 与 ECMAScript 2015 一样,任何包含顶级 import 或者 export 的文件都被当成一个模块;相反地,如果一个文件不带有顶级的import或者export声明,那么它的内容被视为全局可见的;

2024-02-29 22:25:26 891

原创 如何在Vue项目中应用TypeScript?

在VUE项目中应用typescript,我们需要引入一个库vue-property-decorator,其是基于vue-class-component库而来,这个库vue官方推出的一个支持使用class方式来开发vue单文件组件的库

2024-02-29 22:10:52 747

原创 typescript 的数据类型有哪些

typescript 是 javascript 的超集,在`javascript`基础上提供了更加实用的类型供开发使用;支持ES6语法,支持面向对象编程的概念,如类、接口、继承、泛型等;其是一种静态类型检查的语言,提供了类型注解,在代码编译阶段就可以检查出数据类型的错误;

2024-02-29 21:52:01 1141

原创 面试官:说说Vue 3.0中Treeshaking特性

Tree shaking是一种通过清除多余代码方式来优化项目打包体积的技术,专业术语叫 Dead code elimination

2024-02-29 21:11:32 1230

春运抢票软件,买票轻轻松松

这是一款12306春运抢票软件

2023-01-11

Chrome90_V90.0.4430.72_XiTongZhiJia.zip

Chrome浏览器90历史版本,有32位的和64位的

2022-01-10

终面中谈薪资的准则和技巧(offer必备).pdf

关于如何谈薪资这一问题的详细解读

2021-05-23

web前端知识总思维导图.emmx

一份超级齐全的web前端考试复习脑图,里面有JavaScript+html+css+jquery的知识点总结。

2020-02-27

电脑软件快捷键.doc

这是一份完整的办公软件的快捷键知识,超级适合各种办公人员和学生,都是满满的干货,大家赶紧收藏起来呀!

2019-12-16

程序员必备专业词汇1700词.docx

该文档里面有完整的计算机专业单词词汇,可以运用到各个英文软件,简单又实用的干货,走过路过的朋友们不要错过,赶紧下载吧!

2019-12-15

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除