20231109 前端开发日报

前端铜九铁十面试必备八股文——性能优化;【前端面经】2023面试复盘之字节跳动;Rollup 入门指南:解密高效的 JavaScript 打包器;一杯子三变:揭秘vue单页应用(spa)与内容动态加载的奥秘;每日一练-快速排序-JS简单版;2023重庆前端交流会精彩回顾;React中的函数式插槽;vue中响应式数据ref和reactive的区别

  1. 前端铜九铁十面试必备八股文——性能优化

    图片懒加载原理 图片懒加载也叫延迟加载,只加载当前屏幕的图片,可视区域外的图片不会进行加载,只有当屏幕滚动的时候才加载。 特点: 提高网页加载速度 减少后台服务器压力 提升用户体验 原理 将图片地址存

  2. 【前端面经】2023面试复盘之字节跳动

    字节的面试还挺曲折,一开始是某部门的HR直接联系我的,在面了三轮之后感觉面试官的状态瞅着蔫蔫的,又咨询了一下在字节的朋友,便决定更换部门(但是该部门的HR小姐姐很好,跟了我一个多月,还提前给我做面

  3. Rollup 入门指南:解密高效的 JavaScript 打包器

    Rollup 是一个现代的 JavaScript 模块打包器,它以简约、高效和可扩展性而闻名。与其他打包器相比,Rollup 专注于 ES 模块,并且提供了强大的 Tree Shaking。

  4. 一杯子三变:揭秘vue单页应用(spa)与内容动态加载的奥秘

    文章浏览阅读411次,点赞58次,收藏47次。目前主流的静态化主要有两种:(1)一种是通过程序将动态页面抓取并保存为静态页面,这样的页面的实际存在于服务器的硬盘中(2)另外一种是通过WEB服务器的URL Rewrite的方式,它的原理是通过web服务器内部模块按一定规则将外部的URL请求转化为内部的文件地址,一句话来说就是把外部请求的静态地址转化为实际的动态页面地址,而静态页面实际是不存在的。这两种方法都达到了实现URL静态化的效果

  5. 每日一练-快速排序-JS简单版

    这也太简单了吧….这篇文章分享一种排序算法–快速排序 快速排序(Quick Sort)是一种常用的排序算法,其平均时间复杂度为 O(nlogn),通常比其他排序算法表现更好。

  6. 2023重庆前端交流会精彩回顾

    2023年10月21日,重庆前端交流会圆满落下帷幕。 大会以“破茧”为主题,以“让技术引领卓越体验,以开放迎接前端未来”为口号,汇聚了众多前端领域的专家和从业者,共同探讨前端行业的发展趋势和创新思路。

  7. React中的函数式插槽

    朋友们,好久不见,最近搬家,通勤时间从1小时变成三小时,花了一两个月终于适应了,所以有空我又来更新文章了,今天分享 React 开发中遇到的具名插槽的函数用法 你可能见过下面的写法。通常情况下,我们

  8. vue中响应式数据ref和reactive的区别

    文章浏览阅读63次。总的来说,ref和reactive在数据类型、响应式实现方式、使用方式、访问方式和设计理念等方面存在一些差异,需要根据具体的使用场景和需求来选择。

  9. 2023 全栈工程师 Node.Js 服务器端 web 框架 Express.js 详细教程(更新中)

    文章浏览阅读149次。Express 是一个基于 Node.js 平台的快速、开放、极简的Web开发框架。它本身仅仅提供了 web 开发的基础功能,但是通过中间件的方式集成了外部插件来处理HTTP请求,例如 body-parser 用于解析 HTTP 请求体,compression 用于压缩 HTTP 响应,cookie-parse 用于解析 cookie 数据,cors 用于处理跨域资源请求,Morgan 用于 http 请求日志。这使得 Express 本身变得更加灵活和简单。下载安装 Express 框架模块包。

  10. Vue创建浅层响应式数据

    文章浏览阅读75次。vue中创建浅层响应式数据

  11. Vue 3 相对于 Vue2,模板和组件的一些变化

    文章浏览阅读96次。Vue 3 相对于 Vue2,模板和组件的一些变化

  12. vue核心特性

    文章浏览阅读109次。1.作用:给表单元素使用,双向数据绑定–>可以快速获取或设置表单元素内容。数据 修改数据 –>监听导数据修改–>自动更新视图 Dom操作。②语法:v-show="表达式",表达式值true显示,false隐藏。②语法:v-if="表达式" 表达式值true 显示,false 隐藏。v-html = "表达式" –>动态设置元素 innerHTML。1.作用:基于数据循环,多次渲染整个元素 –>数组.对象,文字。2.语法:v-else v-else-if="表达式"

  13. react antd message多条数据展示样式

    文章浏览阅读122次。antd message动态多行提示效果

  14. Vue多级路由的实现

    文章浏览阅读170次。router-link to="完整路径">内容component : 子组件。path : "子路径",component : 父组件,path : "/父路径",注意:子路径不能带 ‘ / ‘


关注我

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

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

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