欢迎来到 前端开发笔记

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

彻底了解 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… 查看更多 »

新年的第一个知识付费

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

Github 仓库之年度总结

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

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

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

如何让自己的前端知识更全面?

计算机知识庞大冗杂,尤其前端领域,知识概念,框架原理不断推崇出新。在学习的过程中我们要不断进行总结梳理,形成某一个知识领域的知识图谱。这个知识图谱还可以帮助我们后期进行回顾复习。

如何防止水印被恶意删除或者隐藏?

继上篇 Vue3 实现网页背景水印功能 我们了解了常见的网页水印功能是如何实现的,懂原理的都知道水印是通过在网页中添加代码绘制 DOM 元素覆盖在原有的网页上而来的,一旦你打开浏览器中的元素审查,可以通过删除元素或者在元素的样式上操作属性值,就可以用来临时屏蔽水印。

Vue3 实现网页背景水印功能

经常有一些公司和组织出于系统文件或信息安全保密的需要,需要在系统网页上增加带有个人标识(系统账号或个人信息)的水印,可以简单防止截图外传。 首先我们来看这样一个水印功能的实现思路,通常是在我们原有的网页上附上一个 DIV 层,将它设置绝对定位铺满整个窗口,然后 z-index 值尽量往大了设,保证让水印层处于当前网页所有元素的上面,又不影响当前网页的操作。

vxe-table 树形表格展开行设置

使用过 Element UI 树形表格的都知道当我们为表格数据进行刷新时,它的行的展开状态是不变的,而当我使用 vxe-table 时,默认情况下展开状态是不保留的,需要进行额外的设置,可在 expand-config 设置项里配置 reserve 属性为 true,另外要使之生效,还得设置 row-config 里面的 keyField 属性。

删除对象中值为 null 或者 undefined 的属性

针对对象属性的操作,往往用到遍历。如何遍历对象的所有属性,有一种方法是 Object.entries(obj) 将属性名添加到一个数组中,然后来操作数组。

如何在 VS Code 中创建预设的代码片段

在项目开发中,我们经常需要新建文件,而这些初始化这些文件又需要敲出很多相同的代码,比如我们新建一个 .vue 的文件,需要我们在写正式的功能代码之前,完成以下初始化代码:

Sidebar