欢迎来到 前端开发笔记

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

新年的第一个知识付费

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

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 的文件,需要我们在写正式的功能代码之前,完成以下初始化代码:

如何使用 Apifox 来管理测试你的接口

日常开发,你是使用 Postman 来测试接口,还是用接口文档生成工具 Swagger,最近发现了一个很好用的工具 Apifox,集API 文档、API 调试、API Mock、API 自动化测试功能为一体,兼客户端和 Web 端的强大的功能。

完善系统的最后一公里,增加系统日志功能

当我们在开发一个系统的时候,随着规划的功能越来越多,按照复杂度和稳定性相反的原则,为了保证系统能够按照我们设想的目标运行,我们需要对系统的运行状况进行监控。

使用 Element 组件搭建在线学习的课程卡片设计

假如我们要做一个在线课程学习的系统,其中我们需要做的一个功能就是课程信息流的一个展示,以等高卡片列表或者瀑布流的方式呈现。首先我们来罗列下这个卡片内应该包括哪些信息点:这是我们能想到的一些关键信息,考虑到必要性,剔除了一些其它的非必要的信息,需要用户点击进入详情页才能看到。作为一个前端程序员,在没有产品和设计的情况下,如何通过我们日常开发的一些经验,将这八条信息展现在一张卡片上,还要保持信息的层次感和布局的合理性,这个具有一定的挑战,且看我是如何做的吧。

Sidebar