20240216 前端开发周报

快过VScode,支持AI,10天暴增 18K star横空出世的开源IDE神器;2023年底前端面试找工作感受;html标签中lang属性踩的一个小坑,日常中还是需要留意的风险点;react实现简易xiaomi日历;什么时候使用 React Context ?;Vue 3的数据监视利器:深入解析watch属性的高级用法;你需要知道的前端代码规范方案;从画一个点入手学习 WebGL

  1. 快过VScode,支持AI,10天暴增 18K star横空出世的开源IDE神器

    今天我们就来介绍一款开源、免费的IDE新星,它快过VScode,自身支持AI,在最近的10天里暴增18000 star,它就是:zed。

  2. 2023年底前端面试找工作感受

    前端面试 楼主基本情况:辣鸡学院二本,工程类专业(非相关专业,理工类专业),19年毕业四年半,坐标深圳 认为自己有优势的点:1.本科双学位学历 2.英语4.6级 3.原创博客de

  3. html标签中lang属性踩的一个小坑,日常中还是需要留意的风险点

    html中lang是什么意思 在html中lang是英语language的缩写,是语言的意思。 HTML 的 lang 属性可用于声明网页或部分网页的语言,这对搜索引擎和浏览器是有帮助的。 html

  4. react实现简易xiaomi日历

    自我介绍 大家好,我是 思哲Lee 一名前端开发人员,从业快两年,主要在公司写vue 前言声明 由于我的经验和水平有限,可能这篇文章对于你不会有太大帮助,可能不是因为这篇文章水,而是你的能力已经远超了

  5. 什么时候使用 React Context ?

    React Context 是 React 官方提供的能力。这里在原理层面对其进行一些简单的梳理。通过了解原理,帮助我们更好地考虑应该怎样使用 React Context。

  6. Vue 3的数据监视利器:深入解析watch属性的高级用法

    在Vue 3中,watch属性不仅可以用于监视Vue实例数据的变化,并在数据发生变化时执行相应的操作;也可以在监视数据变化的同时,在变化时执行回调函数,从而实现对数据的监听和响应。

  7. 你需要知道的前端代码规范方案

    1、为什么需要代码规范? 约束团队成员的编码规范与编码风格 对于一些大型的企业级项目而言,通常情况下我们都是需要一个团队来进行开发的。而又因为团队人员对技术理解上的参差不齐,所以我们需要一套统一的代码

  8. 从画一个点入手学习 WebGL

    本篇文章从画一个点入手介绍关于 webgl —— 一个可以结合 h5 和 js 在网页上绘制渲染 3D/2D 图形的 js api 的相关知识,顺便祝大家新春快乐!

  9. Vue3+vite+Ts+pinia—第五章 watch与watchEffect

    5.1watch概述 5.2监听ref基本类型 5.3监听ref对象类型 5.4监听reactive类型 5.5监听对象属性 5.6监听多个数据 5.7解除watch监听 5.8watchEffect

  10. 前端跨页面数据传输的方法研究

    最近在工作实现一个popup弹窗的过程中涉及到了跨页面的数据传递问题,由于之前开发的都是单页面应用,因此对于这方面就不太了解,于是今天便写下这篇文章,想好好探讨一下。

  11. Flutter & GLSL – 贰 | 从坐标到颜色

    上一篇 《 Flutter 绘制集录 | Shader 让绘制无限强大 – 壹》 介绍了 Flutter 本身支持 GLSL 语言进行 Shader 着色器的编写。这给 Flutter 的绘制能力增加

  12. 请务必搞懂原型(附你想不到的网易面试题)

    浅聊一下 JavaScript 中的原型是理解该语言核心特性的关键之一。在面试中,掌握原型概念通常是一个重要的议题。

  13. Vue中Scoped样式:优雅解决组件化开发中的样式隔离问题

    1. Scoped 的原理 在 Vue 中,Scoped 样式是一种很棒的特性,能够确保你的样式只在当前组件内起作用。这意味着,你在一个 Vue 组件中写的样式只会影响这个组件内的元素,而不会影响其他

  14. 手写babel插件-第二讲

    这是手写babel系列的第二讲。这一讲我们来说说抽象语法树(AST)。今天是2024年 大年初一,在这里先祝大家新年快乐,龙年行大运。 AST是干啥的? 它是我们源代码的一种抽象表示。更具体的来说就是

  15. 手写Promise,让面试官看到不一样的答案

    有人想过Promise是干什么的吗,可能会有部分人觉得是把一个函数放到异步队列里面执行,如果你有这样想过的话不妨仔细看一下本篇文章,认真看完这篇文章之后,我相信你会深有体会,千万不要错过,保证能有收获

  16. resolve延迟现象和Promise.resolve真相

    列举resolve代码的微任务延迟现象,使用v8源码解释当resolve一个thenable或者promise对象时,为什么会出现一个拍子或者两个拍子的延迟,解释非常容易理解,不需要读者会cpp

  17. 到底该用ref还是reactive???

    浅聊一下 今天情人节,掘友们都在想今天该和哪个女or男朋友出去玩,而我还在想在处理响应式数据时到底是该用ref还是reactive…

  18. 大前端老司机的大众哲学浅谈_1

    前言 提一个有哲学的问题:什么是哲学? 实事求是. 文章纯手打, 抛砖引玉, 如有错误还请评论区指正, 先行谢过了:) 哲学并不神秘,跟我们的日常生活有着千丝万缕的联系。但“哲学”这个名词却是十分抽象

  19. 大前端老司机的浅谈

    前言 提一个有点璀璨的问题:你心中的人类群星闪耀时是哪位? 黑塞. 文章纯手打, 抛砖引玉, 如有错误还请评论区指正, 先行谢过了:) 获得过诺贝尔文学奖的德国作家赫尔曼黑塞的这本《悉达多》给我们讲述

  20. 5 款值得推荐的开源图片编辑器「建议收藏」

    在这篇文章中,我搜罗了 Github 上的相关的项目,向各位推荐 5 个我觉得非常不错的开源图片编辑器,每款都有各自特点并且都是近期仍在更新迭代的,希望对你有所帮助。

  21. 大前端老司机的浅谈_2

    前言 提一个仰望星空的问题:如何把火箭发射到星辰大海? 负反馈. 文章纯手打, 抛砖引玉, 如有错误还请评论区指正, 先行谢过了:) 《控制论与科学方法论》是一本值得反复研读的书, 有些好书确实如此.

  22. 大前端老司机的浅谈

    前言 提一个关于国内程序员影响力的问题:在中国影响力最大的骨灰级程序员是何人? 王小波. 文章纯手打, 抛砖引玉, 如有错误还请评论区指正, 先行谢过了:) 如果你想通过阅读去触碰一个有趣的灵魂,那一

  23. ES6新特性: Reflect

    前言 Reflect是ES6中引入的一个新的内置对象,提供了一组静态方法,这些方法与一些操作符和语句的行为是一致的。Reflect对象的方法可以被用于代替一些传统的操作,比如属性的获取、设置、删除,函

  24. nodejs+vue+ElementUi志愿者活动招募网站j85gg

    文章浏览阅读373次,点赞4次,收藏4次。管理员登陆系统后,可以查看首页,个人中心,用户管理,志愿组织管理,组织信息管理,组织申请管理,志愿活动管理,活动报名管理,活动打卡管理,取消报名管理,通知公告管理,系统管理等功能,还能对每个功能逐一进行相应操作。管理员登陆系统后,可以查看首页,个人中心,用户管理,志愿组织管理,组织信息管理,组织申请管理,志愿活动管理,活动报名管理,活动打卡管理,取消报名管理,通知公告管理,系统管理等功能,还能对每个功能逐一进行相应操作。开发软件:VScode/webstorm/hbuiderx均可。

  25. 大前端老司机的大众哲学浅谈_2

    前言 提一个有点老生常谈的问题:读万卷书还是行万里路? 名师指路. 文章纯手打, 抛砖引玉, 如有错误还请评论区指正, 先行谢过了:) 哲学是对社会和自然规律的总结和预见。教科书式的定义式是空洞苍白的

  26. nodejs+vue+ElementUi期刊在线投稿系统q2ud0

    文章浏览阅读366次,点赞14次,收藏3次。管理员可以管理系统内所有功能,主要有个人中心、投稿者管理、审稿人管理、编辑管理、个人稿件管理、审核稿件管理、稿件信息管理、类型管理等功能;投稿者登录系统主要有个人中心、个人稿件管理、审核稿件管理、稿件信息管理、类型管理等功能;建期刊在线投稿系统为目标,使用 nodejs技术制作,由管理员、投稿者、审稿人和编辑四大部分组成。着重论述了系统设计分析,系统主要包括个人中心、投稿者管理、审稿人管理、编辑管理、个人稿件管理、审核稿件管理、稿件信息管理、类型管理等功能,以及后台数据库管理。关键词:期刊在线投稿系统;

  27. nodejs+vue+ElementUi公益图书捐赠系统0tw00

    文章浏览阅读209次,点赞2次,收藏4次。用户信息:id、用户名、密码、捐书数量(管理员端可以点击跳转查看详情)、上传电子书数量(管理员端可以点击跳转查看详情)、借阅图书数量(管理员端可以点击跳转查看详情);1.4.上传电子书:用户可以上传电子书,电子书信息有书名、作者、书号,管理员审核,审核通过则上传成功;1.2.捐赠图书:用户可以捐赠闲置的图书,上传图书信息,管理员审核,审核通过捐赠图书成功;1.3.查询图书:可以根据书号和书名查询图书,图书信息有书名、作者、书号、出版社、库存;1.3.2.归还图书:可以查看未还图书,归还该图书库存加1;

  28. 死磕前端之 —— 规范、语言、引擎、运行时

    ECMAscript、JavaScript、JS Engine、JS Runtime JavaScript vs. ECMAscript ECMAScript 是一个标准,JavaScript 是 E

  29. 前端也可以这样零基础入门Pinecone四

    前言 在前面的文章中,我们利用Pinecone向量数据库实现了自然语义搜索、RAG、推荐系统,本文一起来看下如何实现时尚产品混合搜索。当我们提出"dark blue french connection

  30. 一年时间, 我们开发了一款开箱即用的开源博客系统

    hi, 大家好, 我是徐小夕, 今天给大家分享一款由helloworld开发者社区开源非常实用的博客系统——飞鹅. 飞鹅(flygoose)是款完全免费开源博客系统,源码可以二次开发,没有任何限制,可

  31. 前端也可以这样零基础入门Pinecone五

    前言 上篇文章我们使用混合向量开发了时尚品的文搜图功能,本文我们来看Pinecone在面部识别领域的使用。 安装依赖 引入依赖 准备数据集 我们这里的数据集主要是图片集,使用wget把它下载下来,主要

  32. 10 个 CSS 一行代码改造你的 Web 应用

    本文介绍了 10 个简单却强大的 CSS 一行代码技巧,旨在帮助开发者和设计师在短时间内显著改进 Web 应用的样式。

  33. Vue路由守卫详解

    引言 在Vue.js的开发过程中,路由管理是一个至关重要的环节。Vue Router作为官方推荐的路由管理器,提供了丰富的API和功能,其中包括路由守卫(Route Guards)。路由守卫允许我们在

  34. CSS外部资源引入对决:`link` vs `@import`,胜者为王

    在CSS中,link 和 @import 都是用来引入外部样式表文件的方法,虽然在功能上有一定的重叠,但它们在加载方式、用法位置、兼容性和性能等方面有着明显的差异。

  35. SpringBoot+Vue3 完成小红书项目

    该项目采用微服务架构,实现了前后端分离的系统设计。在前端,我们选择了 Vue3 配合 TypeScript 和 ElementUi 框架,以提升开发效率和用户体验。

  36. 什么是React Forget

    你知道 React 里面缓存的 hook 吗?你又知道未来将发布的 React Forget 将为 Web 应用带来什么能力吗?这篇文章就为你解答。

  37. 依赖注入的艺术:编写可扩展 JavaScript 代码的秘密

    1. 依赖注入 在 JavaScript 中,依赖注入(Dependency Injection,简称 DI)是一种软件设计模式,通过这种模式,可以减少代码模块之间的紧耦合。依赖注入允许开发者将模块的

  38. “龙年教你怼亲戚”| Vue+Ts+node.js实现文字对话小游戏 | 超详细上线全过程

    寒假在家颇为无聊,无意间看到稀土掘金的春节比赛,正愁找不到项目练手。于是从1/31开始到2/10花了11天写了一个怼亲戚的小游戏,以这篇文章记录下自己完成这个项目的所有流程,力求做到事无巨细。

  39. OAuth 2.0 协议介绍【实现 GitHub 第三方登录】

    OAuth(是 Open Authorization 开放授权的缩写),在全世界得到广泛应用,目前的版本是2.0版。 本文会对OAuth 2.0的设计思路和运行流程,做一个简明通俗的解释。


关注我

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

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

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