20240227 前端开发日报

面试官:前端请求如何避免明文传输?谁沉默了,原来是我;2024 AI & 前端:回首展望,光芒未至,破晓之前;改进 JavaScript 条件语句,探索可以替代 if…else 的 7 种方式;前端转全栈: Next.js + ChatGPT 开发 AIGC 知识库(AI 写作) 欢迎围观~;请你手写前端路由hash&history,你会不会写?;金三银四充电宝:《前端开发核心知识进阶》;【万字求职宝典】送给年要找工作的同学(非面试题);面了这么多天,该做总结了-CSS篇(二)

  1. 面试官:前端请求如何避免明文传输?谁沉默了,原来是我

    连夜肝文,面试以来最尴尬的一次,事情是这样的,最近有开始面稍微有难度一点岗位,本文的主题出自北京某一小厂的正式岗面试题,薪资水平大概开在10k-12k。之前一直是投的比较小的公司比较简单的实习岗位,这

  2. 2024 AI & 前端:回首展望,光芒未至,破晓之前

    回望 2023 年,ChatGPT 的突然爆火,让 AI 无疑成为最为值得注目的新兴领域之一,我们也一起见证了生成式 AI 的寒武纪大爆发。

  3. 改进 JavaScript 条件语句,探索可以替代 if…else 的 7 种方式

    条件语句是一个经常需要思考和改进的关键部分。if…else 结构虽然是我们常用的条件语句之一,但当代码逻辑变得复杂,if…else 结构可能会导致代码冗长、难以维护和理解。

  4. 前端转全栈: Next.js + ChatGPT 开发 AIGC 知识库(AI 写作) 欢迎围观~

    大家好,我是前端双越老师~ 我打算花几个月的时间搞一个 AIGC 方向的 node 全栈项目,一个 AI 写作项目,一个真实上线的项目,使用 React + Next.js + ChatGPT …

  5. 请你手写前端路由hash&history,你会不会写?

    手写前端路由要解决的问题 在学习之前,我们要先知道我们要解决什么问题。 什么是路由? 前端本无路由!就像鲁迅先生说的:世界上本没有路,走的人多了也就成了路!

  6. 金三银四充电宝:《前端开发核心知识进阶》

    读书破万卷,推荐一本前端进阶书籍——《前端开发核心知识进阶》。本书适合备考或者出考题的人,不适合0基础人群。

  7. 【万字求职宝典】送给年要找工作的同学(非面试题)

    本篇文章结合我自己工作过的公司以及一些现实中的朋友的工作经历,给大家整理了一份求职宝典,有些雷,有些坑,你没有遇见过,你也不知道它的存在,你也不会去问。有了这篇宝典,可以帮小伙伴们少走几年弯路。

  8. 面了这么多天,该做总结了-CSS篇(二)

    浅聊一下 书接上文,上篇文章中我们和面试官聊完了响应式、BFC容器、CSS中的单位,本篇文章将继续这些天面试完的CSS内容总结…

  9. 分享一些我在面试时所遇到的CSS问题 (三)

    前言 在前端面试中,CSS是一个非常重要的考察点,因为它是构建网页界面和用户交互的关键技术之一。年也算过完了,又到了春招的时候,这是一个检验成果的阶段,接下来我会陆续分享一下我在面试时所遇到的与CSS

  10. 60行JS速通购物车小球斜抛动画

    本文主要介绍了一种基于`Web Animations API`实现的**元素斜抛动画**解决方案。直接采用`class`类的方式用JS集中处理DOM元素的挂载、样式配置、动画播放。

  11. 什么,你还不会WebSocket 的异步 close 方法?

    前言 彦祖们,阅读本文前,希望你对 WebSocket 有基础的了解 业务场景复现 笔者在最近的项目中接手了这样一个坑 笔者用最简单的代码,模拟了一下这个场景 大致意思是先创建了一个 ws, 500m

  12. 如何给我们的React组件做单元测试

    一、前面的话 各位掘金的小伙伴大家好,新年的第一篇文章我打算介绍一下如何给我们的React前端组件做单元测试。 起因是笔者在公司也会维护一些公共的组件,这些复用的公共组件的使用频率和重要程度都在慢慢增

  13. Flutter指针事件和手势原理

    本文介绍Flutter事件和手势的原理,包括原始指针事件、事件处理流程、手势识别原理以及如何解决多手势冲突的问题

  14. 深度解析CSS面试考点:隐藏元素、BFC、垂直居中、CSS3新特性

    前面的一篇文章中,我们已经讲解了,css考点中的#盒模型、选择器、单位和像素的相关内容—解析CSS面试考点:盒模型、选择器、单位和像素概念,一网打尽! – 掘金 (juejin.cn)

  15. flutter 渲染原理

    1. 渲染流程 Flutter的渲染流程及Widget、Element和RenderObject之间的关系: Flutter的渲染流程涉及三个核心概念:Widget、Element和RenderObj

  16. 解析CSS面试考点:盒模型、选择器、单位和像素概念,一网打尽

    最近本人在准备面试中与CSS相关的内容,为自己后面的面试及复习知识做准备。对于知识而言,有着一个记录也是十分重要的,也方便自己对自己所了解的技能做总结。

  17. vue3使用elementPlus进行table合并处理

    文章浏览阅读83次。虚拟数据中公司下有多个客户,公司一样的客户,公司列需要合并,客户如果一样也需要合并进行展示,效果展示。const tableData = ref([])自定定义自已想要的数据,一般都是通过接口拿到。elementPlus中table合并部分列。

  18. nodejs+vue+ElementUi公务员考试资料分享系统

    文章浏览阅读239次,点赞4次,收藏7次。管理员登录系统后,可以对首页,个人中心,用户管理,学习分类管理,学习区域管理,试题管理,试卷管理,系统管理,考试管理等功能进行相应的操作管理。学习区域管理,在学习区域管理页面可以对索引,标题名称,封面图片,学习视频,学习分类,发布时间等内容进行详情,修改和删除操作。公务员考试信息管理系统,在系统首页可以查看首页,学习区域,试卷,系统公告,个人中心,后台管理等内容,并进行详细操作;用户管理,在用户管理页面可以对索引,用户账号,用户姓名,性别,年龄,头像,用户手机等内容进行详情,修改和删除等操作。

  19. Electron + Vite + Vue 项目搭建

    文章浏览阅读328次,点赞7次,收藏8次。本篇文章主要基于 Electron Forge 的 Vite 模板进行 Vue 3 环境的搭建。

  20. Node JS 模块:Node.js module.exports 与 exports

    文章浏览阅读724次,点赞19次,收藏10次。当我们在 javascript 中构建大型应用程序时,我们希望将其拆分为多个文件,并为这些文件提供模块。为了在我们的应用程序中使用这样的模块,我们需要导出模块中存在的类或函数。因此,在本文中,我们将研究从模块导出函数或类的两种最常见方法,即 module.exports 和 exports。我们还将研究它们之间的差异,并了解哪种方式最适合给定的情况。我们先来了解一下 javascript 中的模块,可以把模块理解为一个文件,它封装了一块代码,方便应用的相关功能。

  21. vue项目中vue.config.js文件的介绍

    文章浏览阅读272次,点赞7次,收藏3次。是一个可选的配置文件,如果项目的根目录中没有这个文件,则 Vue CLI 会使用默认的配置。这个文件的主要目的是为了让开发者能够调整 Vue CLI 生成的项目的默认配置。文件来修改项目的输出目录,或者调整 webpack-dev-server 的配置,以便在开发过程中使用特定的代理设置或端口号。它使得开发者能够灵活地定制 Vue CLI 生成的项目,以满足特定的项目需求或工作流程。应该导出一个包含了配置选项的对象。同时,它还设置了一个代理,将所有以。这个文件通常位于项目的根目录下,与。

  22. 使用vuetify实现全局v-alert消息通知

    文章浏览阅读233次,点赞9次,收藏4次。使用强大的Vuetify开发前端页面,结果发现官方没有提供简便的全局消息通知组件(`像Element中的EleMessage那样`),所以自己动手写了一个简单的组件。

  23. React PureComponent 和 React.memo()区别

    文章浏览阅读195次,点赞5次,收藏3次。● PureComponnet 和memo 都是通过对 props 值的浅比较来决定该组件是否需要更新的。● PureComponent和memo仅作为性能优化的方式存在。● 不要依赖它来阻止渲染,会产生BUG。

  24. Vue 实现页面导出A4标准大小的PDF文件,以及处理图片跨域不能正常展示的问题等

    文章浏览阅读178次,点赞4次,收藏4次。【代码】Vue 实现页面导出A4标准大小的PDF文件,以及处理图片跨域不能正常展示的问题等。

  25. vue3_父组件调用子组件的某个方法

    文章浏览阅读172次,点赞2次,收藏3次。的组件是默认关闭的——即通过模板引用或者。链获取到的组件的公开实例,不会暴露任何在。编译器宏来显式指定在。

  26. 基于VUE的房租出租系统的设计与实现(源码+开题)

    文章浏览阅读403次,点赞10次,收藏5次。在退租评价收集与处理方面,系统应建立有效的评价机制,收集租户对房屋和房主的评价信息,为房主和租户提供反馈和参考。基于VUE的房租出租系统的设计与实现,不仅有助于提升房屋租赁市场的信息化和智能化水平,还能为房主和租户带来更好的租房体验。该系统将具备房主管理、用户管理、房屋类型分类、招租信息发布与展示、租房订单处理、退租评价收集与处理、友情链接设置等核心功能,并能够实现稳定、高效的租房流程。该系统旨在通过技术手段,整合和优化房屋租赁资源,提高租房的便捷性和效率,为房主和租户提供一个安全、透明、高效的租房平台。

  27. React前端项目如何将文本数据下载并导出为.csv文件

    文章浏览阅读113次。首先根据接口获取文本数据,如果文本数据内部仅包含逗号和空格,并且你想要将其解析成CSV文件,那么你需要首先将这个文本数据转换成一个二维数组,其中每个内部数组代表CSV文件的一行,数组中的每个元素代表该行中的一个字段。

  28. vue3实现页面跳转

    文章浏览阅读126次,点赞3次,收藏2次。有需求是在vue项目中实现点击按钮完成页面跳转。这里不适用a标签,而是用vue自带的vue-router。首先看一下项目结构src│ App.vue│ main.js│├─router│└─viewindex.vue可以看到,我在初始的vue项目中添加了一个文件夹router,并在里面添加了一个index.js文件。

  29. vue将数据导出为excel,纯前端实现

    文章浏览阅读145次,点赞4次,收藏6次。运用XLSX以及file-saver将后台返回的数据在前台导出为excel文件。有错误的地方希望大家指正。

  30. 基于vue的健身食谱系统(源码+开题)

    文章浏览阅读466次,点赞16次,收藏9次。同时,系统还能够对食谱信息进行统一管理,包括食谱的录入、分类、查询和修改等操作,提高食谱管理的效率和准确性。因此,开发一款基于Vue的健身食谱系统,旨在为用户提供个性化、科学化的健身食谱推荐和管理服务,具有重要的现实意义。用户可以根据自己的需求,浏览不同类型的食谱,查看食谱的详细信息,并根据自己的喜好和需求进行筛选和排序。通过本研究内容的实施,我们预期能够开发出一个功能完善、操作便捷、界面美观的基于Vue的健身食谱系统,为用户提供个性化、科学化的健身食谱推荐和管理服务。

  31. spring boot 字典使用,使用element-ui + vue

    文章浏览阅读158次,点赞2次,收藏3次。filters是element的筛选组件,不实现可不写,详情请参考element官网。以维修工为例,实现下拉获取字典项。type为2则是下拉框显示的值。type为1则代表字典的类型。id是雪花算法自动生成的。使用element-ui。

  32. 高德地图-点聚合-点击事件(弹出窗口)-vue

    文章浏览阅读88次,点赞4次,收藏2次。高德地图-点聚合-点击事件(弹出窗口)-vue


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流