- 博客(275)
- 收藏
- 关注
原创 弹性盒子(display: flex)布局超全讲解|Flex 布局教程
弹性布局(Flex布局)是一种现代的CSS布局方式,通过使用display: flex属性来创建一个弹性容器,并在其中使用灵活的盒子模型来进行元素的排列和定位。
2023-06-16 14:25:52 100364 12
原创 vue面试题八股文简答大全 让你更加轻松的回答面试官的vue面试题
此时我们就需要先根据真实dom生成虚拟dom, 当虚拟dom某个节点的数据改变后会生成有一个新的Vnode, 然后新的Vnode和旧的Vnode作比较,发现有不一样的地方就直接修改在真实DOM上,然后使旧的Vnode的值为新的Vnode。这种方法比直接操作真实DOM要快得多。从源码中可以知道,Vue判断两个节点是否相同时主要判断两者的key和元素类型等,因此如果不设置key,它的值就是undefined,则可能永 远认为这是两个相同的节点,只能去做更新操作,这造成了大量的dom更新操作,明显是不可取的。
2023-03-30 10:20:45 12608 64
原创 Vue 实现图片监听鼠标滑轮滚动实现图片缩小放大功能
其实想要实现功能很简单,就是在一张图片上监听鼠标滑轮滚动的事件,然后根据上滚还是下滚实现图片的缩放。
2023-03-08 11:52:46 10970 14
原创 CSS奇思妙想之-利用CSS裁剪(clip-path)完成各种图形
css裁剪(clip-path)这个属性平时率非常低。但是其实clip并不是CSS3的新属性,很早就开始出现了。CSS裁剪的这一概念最早是在CSS 2.1时代由clip属性引入,但该属性的限制非常多。裁剪初期只能应用于绝对定位的元素,并且只能裁剪成矩形。而在CSS3中,提供了强大的clip-path属性,突破了clip属性的众多限制。clip-path能够让你指定一个网页元素的显示区域,而不是显示全部。
2023-03-04 13:05:40 6507 10
原创 2023年超全前端面试题-背完稳稳拿offer(欢迎补充)
一个域下的js脚本未经允许的情况下,不能访问另一个域下的内容。通常判断跨域的依据是协议、域名、端口号是否相同,不同则跨域。同源策略是对js脚本的一种限制,并不是对浏览器的限制,像img,script脚本请求不会有跨域限制。
2023-02-28 11:39:18 11744 30
原创 CSS架构之BEM设计模式
B代表:Black(块),独立实体,独立的意义,每个页面都可以看做是多个Block组成,见下图1-1;E代表:Element(元素),block 的一部分,没有独立意义,是组件下的一个元素,多个元素形成一个组件,见下图1-2;M代表: Modifier (修饰符),block 或 element 上的标记,是描述Block或Element的属性或状态,同一Block或Element可以有多个Modifier。
2023-02-08 17:29:08 6896 29
原创 用css实现简易报警灯
实现的核心是一个灯罩和一个灯芯。灯罩主要是使用了border-radius圆角边框,灯芯主要是radial-gradient径向渐变。灯芯的闪烁,主要是使用到了CSS的@keyframes动画和opacity透明度。由于一般子弹头的圆角柱状,上面的圆角比下面的大,所以上面使用的圆角数据,也需要比下面大。用于灯罩是红色,黄色光需要过度,所以使用从黄色到红色的渐变。使用简单的二维实现的话,我们先需要使用一个红色矩形。这样就实现了一个灯在灯罩内部常亮的一个效果。通过这些,就能基本实现一个简易的报警灯效果。
2023-02-01 16:39:47 8878 22
原创 web前端面试技巧-如何自我介绍?如何应对hr?
问题来,如何做好自我面试?说清楚四点:①个人信息:包括你的姓名、年龄、专业、毕业学校②职业经验:说清楚自己往期的工作经验,待过哪些公司,具体做过什么,如果是应届毕业生,有实习经验说实习经验,没有的话也可以重点说自己在学校内接触过的项目经验。③技术能力:简单介绍自己的技术栈,告诉对方你会什么?并且最擅长的技术是什么?比如性能优化、高并发、系统架构设计等等。比较对方考察你也是为了评估你与招聘岗位的匹配度。所以,可以针对对方公司招聘岗位的岗位职责去重点突出自己的能力。④自我评价:记得要说优势!
2022-11-09 13:24:21 11417
原创 纯css爱心代码-最近超级火的打火机与公主裙中的爱心代码(简易版)
theme: cyanosis最近打火机与公主裙中的爱心代码超级火,看着特别心动,让俺用css来写个简易版!!!先看效果:代码拆解:主要是分为3大部分分子颗粒爱心动画代码实现:分子颗粒分子颗粒其实非常简单,主要是使用到的就是css的渐变:linear-gradient,然后再用css3新出的background-size来控制颗粒之间的距离。控制linear-gra...
2022-11-06 21:14:00 8826
原创 前端优化之高并发处理
大部分的高并发处理基本都是在后端处理,但是在部分特殊情况下,后端无法阻止用户行为,需要前端做配合。例如在抢购、秒杀等场景。高并发是什么?对此,我们首先需要简单的去了解一下,高并发是什么?高并发是指在极短单位时间内,有很多用户同时的访问同一 API 接口或者 Url 地址,造成极多个请求同时发起到服务器。它经常会发生在有大活跃用户量,用户高聚集的业务场景中。浏览器请求限制浏览器在向后端...
2022-01-21 14:46:00 6034
原创 Backdrop Filter
CSS 滤镜 : backdrop-filterbackdrop filter属性允许我们使用css对元素后面的内容应用过滤效果。滤镜:名称:方法案例:效果:blur()模糊: blur(5px)brightness()亮度: brightness(1.4);contrast()对比度:...
2020-12-26 16:11:00 14865 2
原创 纯CSS画浮动卡通蓝天白云草坪动画效果
在网页设计中,添加动态元素如浮动云朵可以为用户带来更加生动和自然的体验。虽然HTML和CSS主要用于构建和样式化网页内容,但仍然可以通过一些创意和技巧,模拟出类似云朵漂浮的动画效果。
2024-05-17 10:47:26 1067
原创 [初学者必看]JavaScript 简单实际案例练习,锻炼代码逻辑思维
可以使用CSS的transition、transform和animation属性来创建动画效果,并使用JavaScript监听按钮的点击事件,以控制动画的播放和停止。监听开始按钮的点击事件,并使用JavaScript的定时器来实现倒计时功能,并在倒计时结束时触发指定的事件。监听按钮的点击事件,并根据用户点击的按钮来更新计算器的显示内容,并实现基本的运算逻辑。元素来实现音乐的播放功能,并使用JavaScript监听播放器的控制按钮的点击事件,以实现播放、暂停、停止、上一曲、下一曲等功能。行业内幕,洞察先机。
2024-05-15 01:06:24 415
原创 [初学者来练]用html+css+javascript个人博客作业需求
这个项目旨在通过使用HTML、CSS和JavaScript创建一个简单而功能丰富的个人博客网站。通过此项目,你将加深对前端开发技术的理解,并提升实际编程技能。
2024-05-14 23:50:16 737 1
原创 [初学者必看]JavaScript 15题简单小例子练习,锻炼代码逻辑思维
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。
2024-05-14 23:26:36 1369 1
原创 从零开始构建现代深度学习框架:数据支持、网站链接与代码步骤
Flatten(input_shape=(28, 28, 1)), # 将输入展平为一维向量Dense(128, activation='relu'), # 添加一个具有128个神经元和ReLU激活函数的全连接层Dense(10, activation='softmax') # 添加一个具有10个神经元和softmax激活函数的全连接层作为输出层])
2024-05-11 10:50:41 816 1
原创 程序员缓解工作压力小技巧
缓解工作压力是一个长期的过程,需要我们不断调整和完善自己的方法和策略。希望以上经验和方法能够对大家有所启发,让我们一起保持高效和创新,同时维护好个人的健康和工作热情。您好,我是肥晨。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。
2024-04-23 14:59:22 963 1
原创 2025年考研复习资料免费获取教程(内容持续更新)
2025年考研政治资料」获取链接:https://pan.quark.cn/s/4df98f36bbcf。「主流机构」链接:https://pan.quark.cn/s/672c31a4a3c3。【2025考研英语】历年真题+解析80年-23年。【2025考研英语】英语二历年真题-解析。【2025考研英语】英语一历年真题-解析。【2025考研课程】考研真相配套书课。【2025考研英语】全意monkey。【2025考研英语】英语高清PDF。【2025考研英语】高分英语琦哥。【2025考研英语】掌成程思裴。
2024-04-23 14:14:42 2070
原创 MongoDB可视化工具Robo 3T的下载、安装与使用介绍
Robo 3T 是一款MongoDB数据库的图形化软件,所以建议先下载安装MongoDB。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;用户协议中选择‘i agree(我同意),然后点击下一步(next)点击Download Studio 3T today开始立即下载。点击finish,完成安装并打开项目(复选框选择的)在免费激活副本中,选择下一步(next)点击Accept all按钮(选择安装地址 点击next。点击打开Robo 3T。这个页面会跳转到浏览器。点击Finish完成。
2024-04-09 17:51:25 1176 7
原创 使用Nodejs + express连接数据库mongoose
连接 MongoDB 数据库需要使用 Node.js 的 MongoDB 驱动程序。在 Express 应用程序中使用 MongoDB 驱动程序时,需要执行以下步骤。
2024-04-08 16:38:49 868 1
原创 简单用Nodejs + express 编写接口
另外,确保对用户输入进行验证和清理,以防止常见的安全问题,如 SQL 注入、跨站点脚本(XSS)等。另外,确保适当地使用异步操作和避免阻塞操作,以提高应用程序的响应性能。考虑将路由分割成多个文件,并使用 Express 的 Router 功能来组织和管理它们。这样可以确保团队成员之间的协作,并使代码更易于追踪和恢复。这包括捕获并处理同步和异步错误,以及返回适当的错误状态码和错误消息给客户端。使用测试框架来编写和运行测试,并确保测试覆盖了应用程序的各个方面。记得根据你的实际需求,进行相应的处理和验证逻辑。
2024-04-08 16:10:35 1862
原创 nodemon 启动问题:nodemon : 无法将“nodemon”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。 所在位置
Nodemon 是一个用于 Node.js 的实用工具,它监视源代码的更改并自动重新启动服务器或应用程序。当使用 Nodemon 时,你可以通过在命令行中添加额外的参数来进行自定义配置。执行特定命令:除了启动 Node.js 应用程序,你还可以使用 Nodemon 执行其他命令。监听多个目录:默认情况下,Nodemon 只会监听当前工作目录及其子目录中的文件。安装完成后,你可以使用 Nodemon 启动你的 Node.js 应用程序,而不是常规的。的文件,你可以指定要忽略的文件或文件夹。
2024-04-08 15:50:06 353
原创 Express框架搭建项目 node.js
Express是一个快速、独立、极简的Node.js Web框架,为Web和移动应用提供了一组强大的功能。以下是关于Express框架的详细介绍:简洁灵活:Express提供了轻量级、最小化的核心功能,允许开发者根据需要进行自定义和扩展。这种灵活性使得Express能够适用于各种规模和复杂度的Web应用程序。中间件支持:Express具有强大的中间件机制,允许在请求和响应处理过程中通过中间件组织和处理逻辑。
2024-04-03 18:36:59 1235 6
原创 vue改名为威优易?
威优易可能会继承 Vue 所具有的强大功能和简洁语法,同时可能会引入一些新的特性和亮点,让开发者们体验全新的前端开发乐趣。大家在日常的工作中,可能会遇到各种挑战和压力,希望通过这样一个小小的玩笑,能够让大家暂时忘却烦恼,放松心情。威优易,这个名字或许会在我们的脑海中留下一段美好的回忆,成为我们谈笑风生的话题之一。它的名字Vue,寓意着“视图”的意思,在前端开发中扮演着至关重要的角色。在这个愚人节,让我们一起欢笑、一起放松,同时也一起期待Vue.js在未来能够带给我们更多的惊喜和突破。哈哈,大家愚人节快乐!
2024-04-01 10:00:35 1833 5
原创 vue3+ts白屏问题解决
如果不确定哪个选项出了问题,可以尝试注释掉vue.config.js文件中的大部分内容,然后逐步解除注释并重新运行构建命令,以找到具体出错的配置项。如果问题依然存在,可以搜索具体的错误信息,或者在Stack Overflow等社区提问,提供完整的错误信息和相关配置,以便获得更具体的帮助。如果以上步骤都不能解决问题,可以尝试重新创建一个新的Vue项目,并逐步迁移你的代码和配置到新项目中,有时候这也能解决一些隐藏的配置问题。确保vue.config.js中所有的选项名称和值的类型都符合Vue CLI的要求。
2024-03-28 14:20:35 1273 2
原创 vue3+ts+element home页面侧边栏+头部组件+路由组件组合页面教程
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。
2024-03-27 16:55:53 2306
原创 vue3全局引入element-plus使用Message教程
ElMessage 通常是通过 this.$message 在组件的 methods 中调用的,但在 Vue 3 中,由于 Composition API 的引入,你可能需要使用 import { ElMessage } from ‘element-plus’;请注意,ElMessage 接受的参数是一个对象,你可以根据需要配置不同的属性,比如 message(消息内容)、type(消息类型,如 ‘success’、‘warning’、‘info’、‘error’ 等)、duration(显示时间)等。
2024-03-26 18:24:48 2332
原创 vue3+ts+elementplus写一个登录页面教程
前期准备步骤:创建一个使用 Vue 3 和 TypeScript 的登录页面涉及到多个步骤。
2024-03-26 18:00:09 1190
原创 vue3+ts配置跨域报错问题解决:> [email protected] serve > vue-cli-service serve ERROR Invalid options in vue.
Vue CLI 是一个基于 Vue.js 的全功能项目脚手架,它提供了丰富的插件系统和可配置的项目模板,帮助开发者快速搭建和启动 Vue.js 项目。通过 Vue CLI,你可以轻松管理项目的依赖、构建配置、代码风格等。
2024-03-25 18:47:24 776
原创 【已解决】vue3+ts使用Element-Plus icon图标不显示|element plus 使用 icon 图标教程
Element Plus 的图标组件也支持自定义图标。你可以通过 el-icon 组件的 name 属性来指定一个自定义图标的类名,并在你的 CSS 中定义这个类名对应的图标样式。/* 或者使用字体图标 *//* 其他样式 */确保你的自定义图标样式正确无误,并且图标的路径也是正确的。如果你使用的是字体图标,你可能需要设置 font-family 和其他相关属性。您好,我是肥晨。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。
2024-03-25 17:42:59 3383
原创 js数据流详细讲解
在复杂的应用程序中,随着组件之间的数据传递变得复杂,为了更有效地管理和控制数据流,可以采用状态管理工具来统一管理应用程序的状态。Redux 和 Vuex 是两种流行的状态管理工具,它们通过使用单一的存储库(store)来管理整个应用程序的状态,并通过派发(dispatch)动作(actions)来修改状态。当谈到JavaScript中的数据流时,我们通常指的是数据在应用程序中的传递和处理方式。在实时更新数据的场景中,可以使用 WebSocket 等实时通信技术来建立实时数据流,以确保数据的及时更新和同步。
2024-03-22 16:32:25 1152 6
原创 vue在页面使用Vue.prototype全局变量
在 Vue 的模板中,你可以直接访问在 Vue 实例或组件的 data、computed 或 methods 中定义的属性或方法。虽然这不是一个推荐的做法,因为方法调用在模板中可能会导致不必要的性能开销,但你可以通过定义一个方法来返回 globalTcType 的值,并在模板中调用这个方法。避免命名冲突:通常,全局变量和方法的名字以 $ 开头,这是 Vue 的一个约定,以避免与组件的 data、props、computed 等属性产生冲突。你可以在模板中直接使用它,或者通过组件的方法间接使用它。
2024-03-22 11:58:23 1647
原创 深入剖析JavaScript引擎的工作原理
JavaScript引擎主要由解析器(Parser)、解释器(Interpreter)、优化器(Optimizer)和垃圾回收器(Garbage Collector)等部分组成。JavaScript引擎的工作原理是一个复杂且精细的过程,涉及多个组件和阶段的协同工作。通过对引擎内部工作原理的深入了解,我们可以更好地优化代码、提高性能,并构建出更高效、更稳定的Web应用程序。
2024-03-21 18:23:35 1684
原创 elementUI Tree 树形控件单选实现
在Element UI中,树形控件(el-tree)本身不支持单选功能。但是,你可以通过监听节点点击事件并手动更新选中状态来实现单选树。
2024-03-21 14:30:56 1499
原创 程序员常用算法详细讲解
当节点v的所在边都已被探寻过,搜索将回溯到发现节点v的那条边的起始节点。搜索过程从数组的中间元素开始,如果中间元素正好是要查找的元素,则搜索过程结束;这些算法是编程中非常基础和重要的概念,对于程序员来说,理解并熟练掌握它们,能够大大提高编程能力和解决复杂问题的能力。冒泡排序是一种简单的排序算法,通过重复地遍历要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来。这个算法从根节点(在图中是任意一个节点)开始,并探索最靠近根节点的邻居节点,然后是一层一层的向下遍历,这就是广度优先搜索。
2024-03-19 18:05:09 1122 2
原创 【保姆级】前端使用node.js基础教程
通过深入了解这些 Node.js 命令和工具,开发人员可以更高效地管理项目、调试代码,以及进行单元测试,从而提升 Node.js 应用程序的质量和可靠性。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,常用于服务器端编程。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。
2024-03-19 17:55:38 1152
原创 javascript:void(0);用法及常见问题解析
是一个比较传统且简单的用法,用于实现一些特定的功能,但在现代 web 开发中可以考虑使用更优雅的替代方案来防止页面跳转或执行空操作。是一个传统的用法,但在现代 web 开发中,开发者更倾向于使用语义化更好、可访问性更强的替代方案,以提高代码的清晰度和可维护性。有其特定的用途,但在实际开发中,应权衡其安全性、性能以及可维护性,并考虑使用更现代和安全的替代方案来达到相同的效果。考虑使用更安全的替代方案来实现相同的功能,比如在事件处理程序中返回 false 来阻止默认行为或页面跳转。行业内幕,洞察先机。
2024-03-19 17:52:37 873
原创 微信小程序MINA框架
微信小程序MINA框架通过分离视图层和应用逻辑层,使得开发者可以更加高效地开发小程序。视图层使用WXML和WXSS来搭建页面结构和样式,而应用逻辑层则使用JavaScript来处理数据和事件。两者通过事件绑定和数据绑定实现交互和同步。这种设计使得小程序的开发更加灵活和高效。由于代码和图示的展示需要更直观的形式,这里无法直接展示图示。但你可以参考微信官方文档或其他教程中的图示来更好地理解MINA框架的结构和工作原理。同时,也建议你多实践、多尝试,通过编写小程序来深入理解和掌握MINA框架。您好,我是肥晨。
2024-03-13 14:58:45 1994
原创 如何看待Linux桌面操作系统的火速增长
首先,随着开源文化的普及和计算机技术的不断发展,越来越多的人开始认识到Linux系统的优势,并愿意尝试使用它。其次,Linux系统在云计算、大数据、人工智能等领域的应用越来越广泛,这也带动了其在桌面市场的普及。这些系统不仅提供了丰富的软件资源和良好的用户体验,还与企业级应用和服务深度整合,形成了强大的市场竞争力。此外,用户习惯和偏好也是影响操作系统市场份额的重要因素,改变用户的使用习惯并非易事。一方面,Linux系统具有诸多优势,如开源、稳定、灵活等,这些优势使得它在特定领域和群体中有着广泛的应用。
2024-03-12 10:41:12 488
h5页面跳转微信小程序(最简单的方法-URL Scheme)
2023-12-21
考研历年真题2009-2022年 考研408历年真题及解析(含答案与解析)无水印
2023-04-17
计算机毕业设计后台管理系统模板 后台管理系统/刷题后台管理系统/登陆页面/科目管理/题库管理/用户管理/信息管理/账号设置
2023-03-10
上传文件-为视频播放器设置截图功能-验证表格是否为-HTMLAPP-网页设计作业-前端作业-JavaScript作业-大学生作业
2023-02-11
App捕鱼达人-捕鱼达人-HTMLAPP-网页设计作业-网页设计游戏-前端作业-JavaScript作业-大学生作业
2023-02-11
前端简历模板2 超级全的前端简历 上岸必备 求职必看 前端求职简历模板,一投即过! 因为双方皆是第一次见面,面试官首先就要了解你
2023-02-11
前端简历模板 超级全的前端简历 上岸必备 求职必看
2023-02-11
vue前端面试题-超级全的vue面试题-将近2w字!!!
2023-02-11
使用vue开发+一个论坛后台管理系统或者可以用于公司后台管理系统+可以用作毕业设计+或者公司基础框架
2023-02-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人