欢迎来到 前端开发笔记

一个属于前端开发者的笔记站点

可以学习源码的优质前端开源项目分享

本篇收集的是自己平时逛 Github 发现的一些优质的开源项目,为什么收集它? 借助优质的开源项目,我们不仅可以拿来二次开发快速实现想要的功能,而且还可以学习里面优秀的代码,提高我们的编程能力。读(拆解)源码一直都是被各程序员大佬极力推荐的一种编程的学习方式。

纯 CSS 实现带小箭头的评论框

要实现文章底部显示评论记录的功能,需求样式大致如下: 首先我们 UI 组件库使用的是 Element UI ,这里我们直接能想到用 Timeline 时间线组件就能满足要求,个别地… 查看更多 »

Element Table 组件单元格内容超出显示优化

在 Element UI 中表格组件的使用,当单元格内容超出指定宽度时,设置show-overflow-tooltip属性时,文本内容会自动省略以…结束。当鼠标放到这段文本上时完整的内容会以 Tooltip 组件的形式展示。

写给未来的自己

人生说长不长,说短也不短。而人生的途中又充满着各种坎坷和不确定,就如刚刚过去的疫情和目前不太令人如意的就业环境。我们活着就不得不思考自己将成为一个什么样的人,或以什么样的姿态和信念以及价值观支撑自己活着。

heroicons 一个手绘版SVG图标的网站

作为前端,经常免不了使用图标的时候,尤其当自己业余开发项目,自己又没有设计做图的能力。而使用网上开源的图标是我们常见的一种做法。今天介绍一个图标网站,官网:https://h… 查看更多 »

彻底了解 npm、cnpm、yarn、pnpm 几种包管理器

随着前端工程化的应用越来越广,插件和包的管理也逐渐衍生出很多的管理器,常见的几种包管理器如:npm、cnpm、yarn、pnpm,那你知道这些管理器之间有哪些区别吗?我们一起来逐个认识下它们:

如何发布一个自己的 npm 包?

一. 准备工作 1. 注册 npm 账号 还没有 npm 账号?去官网注册: https://www.npmjs.com/ 需要记住用户名、密码、邮箱 2. 查看本地 npm 镜像,如果不是默认的,需要改回… 查看更多 »

前端 UI 组件库有哪些选择

Vue 3 Element Plus 基于 Vue 3,面向设计师和开发者的组件库 。 创作者:饿了么团队 文档地址:https://element-plus.gitee.io/zh-CN/ Ant Design Vue ant-design-vu… 查看更多 »

Hook Up on Tinder

Since dating can be stressful, there is the possibility of humor to try to reduce tensions. In a new study published in the Proceedings of the National Acade… 查看更多 »

新年的第一个知识付费

第一次付费加入了“ 池建强·让时间为你证明 ”知识星球,之前也一直关注池大(大家都这么称呼池老师)的公众号,几乎每篇文章都读过。他的文章文字很细腻,记录的东西范围也很广泛。涉及到生活的各个方面。个人很认可他的一些观点,是一个很有意思的人。

Github 仓库之年度总结

每年结束给自己一个总结挺好,在公司,经常是被逼着提供模板写各种年度总结,这是作为这一年来工作上的历程的回顾,在自己的博客上可以完全按照自己的思路,从工作、生活、学习经历等各个维度来做个简单的回忆,用文字或者图片的形式记录难忘的瞬间。 如果坚持每年一篇总结,这个时间线就会形成一个个成长中的生动的故事!

关于 SSR、CSR、SSG 网页渲染技术的解读

之前只听过 SSR 和 CSR 这两个概念,分别指网页是由服务端渲染还是客户端渲染后由浏览器生成相应页面的技术。最原始的网页一直是客户端通过 JavaScript 请求数据并操作 DOM 元… 查看更多 »

Sidebar