欢迎来到 前端开发笔记

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

生成以周统计的表头,跨月份的周算在后一个月

这是人力统计的一个表格的表头,根据月份,划分周,每周从周一开始到周日(国内习惯性)。而跨月份的周算在前一个月还是后一个月,我们的需求是算在后一个月。根据情况而定。

ElementUI 为 DatePicker 日期选择器组件添加前缀说明文字

当我们使用 ElementUI 构建表单页面的时候,经常需要使用到复合型输入框,可前置或后置元素,一般为标签或按钮,作为该输入框的说明性文字。 但是 DatePicker 日期选择器组件并没有提供 Slot 来让我们添加同样的解释性文字,如果只是用 placeholder 说明,当选择日期后我们并不知道该区域是干什么的。 想达到 Input 组件同样的 UI 效果,好像只能自己想办法了。(有点疑惑,为什么日期组件官方没有提供前置和后置 Slot 插入内容的功能,这个场景还是很常见的)

程序员的工作周报怎么写?

周报作为一种文字载体,是下级向上级汇报工作的一种途径,一般以邮件的形式,发送给自己的直接领导或者抄送给上上级以及小组成员。时间会定在周五工作结束之前,如果周末有加班,最晚在下周一前发出,作为这一周以来的工作的一个总结。 内容一般以这周工作的主要内容为主,附带一些主观的总结和感受,比如解决了哪些疑难问题,工作上的改进和成长点。如果能夹带一些对工作上的改进意见希望领导能够帮助解决,那么这份周报作为一种工作上的沟通或许更有价值。避免周报成为概括工作内容的流水账。

Vue刷新页面有哪几种方式

在Vue项目中,刷新当前页除了 window.reload(),你还能想到什么办法?而且这种办法会重新加载资源出现短暂的空白页面。体验不是很好。 在某个详情页面的时候,我们经常需要通过路由中的详情 id 去获取内容,当我们在不同的详情页来回切换的时候,打开的页面是同一个,只是需要通过监听路由中的参数 id 的变化去重新请求详情接口。

Vue 页面如何监听用户预览时间

最近的业务中涉及到这样一个需求,在线培训的系统需要知道用户对某个在线预览的页面追踪用户的预览时长。初步我们首先想到借助 Vue 页面的生命周期函数 mounted 和 destroyed,分别在其中加入开始计时和清除计时的逻辑,通过后台的接口上报对应的培训素材的时间数据,即可达到目的

如何全局引入 Vue Composition API

使用过Vue3 开发的难免会被每个页面都要引入 vue 的Api而烦恼,这也是相较 2.x 版本的最大的区别。有相过为什么要这样做吗? 因为在 2.x 的版本中,我们在入口文件 main 中全局注册唯一的vue对象实例,而所有的api都可以通过这个对象的引用获得。Vue 3的改进就是要优化打包的体积,更方便的进行复用逻辑组件,分成一个个的小的vue 实例,从而Api也是根据需要手动引入。

如何通过JS获取浏览器滚动条的宽度

首先我们来讲讲思路,在 body 标签中动态添加一个高为 200 像素,宽为100像素的 div ,设置 overflow 属性为scroll,这时它的右边和底部出现滚动条,再往该div标签中动态插入一个宽度为100%的div元素,然后取两者的offsetWidth属性值,做差就得到滚动条的宽度。

Textarea提交折行文本,如何实现前端换行显示

前端需要输入简单的长文本,但是又不想引入繁重的富文本编辑器,于是使用原生的Textarea文本组件。在“项目背景”栏输入两行文本,通过回车换行。提交给后端的数据格式如下,可以看到两行文本中间是回车符号。这样的文本在前端显示的时候是不能换行的,我们知道在HTML中换行是通过标签来使用的。于是我们需要将后端传过来的文本通过正则过滤转换下。

前端常用UI框架整理

越来越多的设计精美的UI框架可以帮助解决项目中快速搭建前端原型,基本覆盖常见的使用场景,即使没有覆盖到,也可通过重写CSS来定制你想要的组件。

Flutter 电商项目最佳实践(适合新手已开源)

本项目为个人学习Flutter的练习项目。 通过设置、修改、组合自带部件以及自定义来实现具体的设计效果,满足日常开发的需求。 本项目设计图见design目录,你可以通过我提供的设计图有目标的去练习。所有的实现仅是个人的学习理解,如果有更好的实现方案欢迎交流。

继HTTP/2之后又来了HTTP/3,你理解什么是HTTP/3吗?

HTTP/2主要是为了解决HTTP 1.1性能不好的问题而出现的。当初Google为了提高HTTP性能,做出了SPDY,也就是HTTP/2的前身,后来也发展成为HTTP/2的标准。QUIC 基于 UDP 实现,是 HTTP/3 中的底层支撑协议,该协议基于 UDP,又取了 TCP 中的精华,实现了即快又可靠的协议。

Sidebar