欢迎来到 前端开发笔记

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

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

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

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

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

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

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

程序员育儿经(出生前三月篇)

我家的宝宝是去年十二月份上旬出生的,到现在已经将近三个月了。 有过宝宝的并且亲身经历带娃的都知道,前期宝宝真的是一个星期一个样,不仅样子在发生着变化,而且伴随着孩子的发育,他的动作表情也都变得日益丰富起来。通过带娃,真的会让一个人变得细心和耐心起来,从一开始的手足无措,一点一滴地学习着,现在冲奶粉、喂奶、拍奶嗝、换尿不湿、哄娃睡觉也都很娴熟了。 所以最好的成长就是经历,娃在长大,我也在成长。在这里记录下每个成长的瞬间和经验分享给大家!

年度最受欢迎的开发工具汇总

在过去的2021年,StackShare统计了过千万用户分享数据,汇总了600K+的技术栈使用情况,超700万对各类工具的关注度,以及数百万的开发者的评论和投票。从而颁布了2021年StackShare第八届顶级工具奖,快来看看有没有你青睐的开发工具吧。

【小程序绘图解决方案】Painter.js 通过配置Json格式数据在Canvas上绘制图片

为了解决小程序中大量的绘图需求,而直接在 Canvas 中调用各种 API 来绘图又极其复杂,容易陷入有关的坑,可看 https://github.com/Kujiale-Mobile/MP-Keng )。于是有人借用 Painter.js 库帮助我们封装了小程序绘图组件:对此他们发起了 “画家计划— 通过 json 数据形式,来进行动态渲染并绘制出图片”。 Painter 库的整体架构如下:

Sidebar