欢迎来到 前端开发笔记

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

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

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

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

继上篇 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 组件搭建在线学习的课程卡片设计

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

在线答卷系统的前端设计与数据库系统的设计与实现

如果要你实现一个在线的答题系统,你能想到它该具有哪些功能?当我接到这样一个需求的时候,脑海中立马能想到的就是它有录入题库的功能,创建试卷后可以从题库选择试题,并且可以针对试题进行分数的设置和排序。试卷发布后,用户通过指定的链接进入到试卷页面进行答题,答题完提交后,试卷由指定人进行评分。另外可能需要一个页面记录自己的答卷记录。初步设想罗列基本功能后,然后我们针对每个功能进行细化

Axios 源码解读看这一篇就够了

axios是个很优秀的项目,截止2022/2/25为止GitHub上有着91.3k的start。而它的源码也不多,所以很值得一看。阅读源码不仅能学习到新的知识点也能发现自己的不足,带着问题去读源码是个好的习惯哦:1.axios是怎么实现可以创建多个实例的。2.axios的拦截器是怎么实现的。3.axios取消请求是怎么实现的。4.axios是怎么做到防xsrf(csrf)攻击的5.axios的优缺点

Sidebar