20240109 前端开发日报

现代 CSS 解决方案:文字颜色自动适配背景色;GPT自动投简历,一周斩获三offer,开源分享;盘点2023前端技术,谁才是当红炸子鸡;只用 HTML 即可实现弹窗;推荐一款Apache开源的文档内容解析工具;组件进入离开动画?试试 react-transition-group;面试官:谈谈前端路由的实现原理【hash&history】;盘点分享 2023 年热门的开源项目

  1. 现代 CSS 解决方案:文字颜色自动适配背景色

    在 23 年的 CSS 新特性中,有一个非常重要的功能更新 — 相对颜色。 简单而言,相对颜色的功能,让我们在 CSS 中,对颜色有了更为强大的掌控能力。 其核心功能就是,让我们能够基于一个现有颜色

  2. GPT自动投简历,一周斩获三offer,开源分享

    最近在 GitHub 上发现了一个非常有意思的项目。 该作者巧妙地结合 GPT 和 RPA 技术,打造了一个自动投简历助手。然而,由于原项目存在一系列问题,笔者决定重写该项目,并且完全免费、一键运行。

  3. 盘点2023前端技术,谁才是当红炸子鸡

    大家好,我是程序员凌览。2023已成过去式,让我们一起来看看2023年前端圈流行哪些技术? 最受欢迎的项目排行榜 榜一为shadcn/ui,它是一个用 React 编写的用户界面组库,允许通过 Tai

  4. 只用 HTML 即可实现弹窗

    前言 今天周六,打开 Youtube 时,看到一个 外国小哥 介绍了一个 html 标签上的属性,可以不借助 js 打开一个弹窗,感觉有点意思,在此记录一下 实现效果如下: popover 这是在

  5. 推荐一款Apache开源的文档内容解析工具

    hello,伙伴们,在闲暇的时候逛了一下掘金,发现了这样的一篇文章:spring boot+apache tika实现文档内容解析,对里边提到的tika很感兴趣,感兴趣的原因之一就是当时在研究文档识别

  6. 组件进入离开动画?试试 react-transition-group

    列表是很常见的场景: 如果我们想给它加上进入离开的动画效果: 怎么做呢? 一般我们会用 react-transition-group 来做。 在 npm 官网可以看到,这个包每周有 750w 下载量,

  7. 面试官:谈谈前端路由的实现原理【hash&history】

    路由一词最早来自服务器,和前端没有关系。当你想要从服务器中读取某个盘的文件,这个文件的路径就是路由。也就是说路由是服务器端用来描述路径的,或者是说url和文件的映射关系,后来因为前端的SPA

  8. vue3表格编辑(数据回显)和删除功能实现

    文章浏览阅读159次,点赞4次,收藏5次。vue3表格编辑(数据回显)和删除功能实现

  9. vue 分页组件的复用

    文章浏览阅读85次,点赞4次,收藏3次。main.js 引入分页组件,配置为全局组件。这里随便在一个组件里面使用一下,OK。

  10. elementPlus加vue3,实现年份选择器

    文章浏览阅读167次,点赞6次,收藏5次。【代码】elementPlus加vue3,实现年份选择器。

  11. vue中好用的API——defineExpose(更方便的抽离组件)

    文章浏览阅读130次,点赞4次,收藏5次。vue之间的关系就像搭积木一样,defineExpose是进阶非常常用的API之一,让我们更加如鱼得水的操作。

  12. React-路由进阶

    文章浏览阅读511次,点赞24次,收藏18次。默认情况下,必须是经过路由匹配渲染的组件才存在this.props,才拥有路由参数,才能使用编程式导航的写法,才能执行this.props.history.push(‘/uri’)跳转到对应路由的页面。当children的值是一个函数时,无论当前地址和path路径匹不匹配,都将会执行children对应的函数,当children的值为一个组件时,当前地址和path不匹配时,路由组件不渲染。若其放在渲染内容的最前面,相应的显示也会在最开始。注意:在404路由的位置,不需要给定具体的路由匹配规则,不给。

  13. 实现锚点定位功能(React/Vue)

    文章浏览阅读152次,点赞4次,收藏3次。最近接到一个需求,修改某某页面,增加XXX功能,并实现个锚点功能。做产品就是不断优化,增加功能的过程。实现锚点的方式很多, 很多UI库也提供了组件,可以根据自己的需求调整一下组件库也可以实现,也可以用标签实现,还可以基于api实现。最近也在用vue,既然写到了,就想到也可以使用vue的自定义指令实现一个锚点功能。当然实现的方式多种多样,我这里就举个例子。将自定义指令放在一个独立的文件中,然后在main.js文件中引入和注册这个指令。});// main.js// 注册全局指令。

  14. vue.config.js配置跨域 axios.create实例封装 出现跨域问题

    文章浏览阅读162次,点赞3次,收藏4次。axios.create实例导致跨域问题

  15. 【Vue3】2-5 : 指令系统与事件方法及传参处理

    文章浏览阅读136次,点赞2次,收藏3次。一、标签属性中的使用 – 指令系统1.1 那么模板语法是否可以在标签属性中进行使用呢?▶当然可以:使用指令系统二、指令系统2.1 v-bind2.2 v-on三、实战3.1 methods 选项3.2 $event语法

  16. Vue-7、Vue中数据代理

    文章浏览阅读132次,点赞5次,收藏5次。Vue-7、Vue中数据代理

  17. Vue+vite+ts实现TodoList(详)

    文章浏览阅读152次,点赞3次,收藏2次。不想来一个炫酷的ToDoList吗

  18. vue 部署提示用户更新

    文章浏览阅读118次,点赞3次,收藏3次。customClass: ‘versionNotifyStyle’, //自定义类名。1.在src根目录下新建auto-update.js。title: "版本更新提示",// 使用自定义组件。3.新建vue页面CnNotify.vue。CnNotify, // 注册组件。2.在main.js中引用。4.在app.vue中引用。// 引入自动更新提醒。// 非生产环境使用。

  19. vue3利用自定义事件和v-model实现父子传参

    文章浏览阅读185次,点赞4次,收藏6次。vue3利用自定义事件和v-model实现父子传参

  20. vue3 父传参到子(defineProps),父调子方法(defineExpose)

    文章浏览阅读145次。【代码】vue3 父传参到子,父调子方法。

  21. react使用hooks自定义插槽拖动组件

    文章浏览阅读345次,点赞10次,收藏6次。【代码】react使用hooks自定义插槽拖动组件。

  22. Vue—-计算属性和监视(侦听)属性的详细讲解及区别

    文章浏览阅读289次,点赞10次,收藏6次。以上的监视的属性是isHot,假如是对info进行监视,如果是不存 在的属性,则无法实现监视。原理::底层借助了objcet.defineproperty方法提供的getter和setter。作用:如果模板中需要过多逻辑,用常规写法会导致模板过重且难维护,这时候就应使用。以上图里的计算属性是简写,如果计算属性要被修改,那必须写。当被监视的属性变化时,回调函数自动(handler)调用。根据自己的需求选择用methods方法还是计算属性。(注:这里的this指的是vm实例 )

  23. vue的组件化开发

    文章浏览阅读87次,点赞2次,收藏2次。单文件组件需要写在vue文件中,所以浏览器是不能直接解释的,需要在vue-cli脚手架中把vue文件解析成html,css,js文件。多个组件可以放在同一个文件中,也可以一个组件放在一个文件中(实际开发一般选单文件组件),这里先说多个组件放在同一个文件中,后面再讨论单文件组件。vue的组件是一个可以重复使用的Vue实例,与new Vue的使用方式接近,但是有一定的区别。定义在子组件的props中的属性可以接收到父组件的值,注意不要在子组件中改变props的属性的值,因为父组件刷新时会覆盖这个值。


关注我

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

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

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