前端门徒ian

Nginx是一个开源的高性能HTTP和反向代理服务器。它可以用于处理静态资源、负载均衡、反向代理和缓存等任务。Nginx被广泛用于构建高可用性、高性能的Web应用程序和网站...

nginx作为当今火爆的、高性能的http及反向代理服务，不管前端还是后端，都需要全面去了解，学习，实操。一句话：搞懂nginx如何使用以及工作逻辑对于程序员来说是必不可少...

鼠标框选的需求平常并不常见，但若碰到了，你会做吗？一个较为复杂的组件，api 要如何设计？怎么将平常所学运用其中？...

当面试官问如何能点击图片下的按钮时，不是问的JS事件委托，而是想看你是否知道css的【事件穿透】属性，一行代码搞定...

Pinia 意为菠萝，表示与菠萝一样，由很多小块组成。在 Pinia 中，每个 Store 都是单独存在，一同进行状态管理。与 Vuex 相比，Pinia 提供了更简单的 ...

公司的一个核心前端项目是使用 vue-cli 脚手架生成的，用得较为老旧的技术栈（Vue2 + Webpack4），项目启动和打包非常慢，组内的前端同学已经无力吐槽，亟待升...

本文适用于第一次入门Docker的新手，如果你开始注意到Docker，恭喜你！你将成为一个幸福的人。因为在学完Docker后，相信你会跟我一样，感叹与Docker的相识简直...

带大家看看天花板级别的css开发，纯css实现横向平滑滚动效果。本文子辰将通过具体的代码示例和深入的技术分析，带你学会css的使用技巧...

在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。 这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1： 转场动画 2...

为撒我们要使用单点登录 通常情况下我们开发一套系统时，我们都会写一套登录页面。当用户需要访问系统时需要先进行账号登录然后进入系统使用。但是当我们有多个系统时难道需要用户登录...

文件传输是一个常见的需求。对于大文件的下载和上传，直接使用传统的方式可能会遇到性能和用户体验方面的问题。幸运的是，前端技术提供了一些高效的解决方案：文件流操作和切片下载与上...

最近翻看张鑫旭大佬的博客，发现了一篇不错的文章，于是就把大佬的代码拷贝下来学习了下，作为多年前端的我居然看的不是很懂，自信息大大受打击了，于是把其中关键部分写出来，方便日后...

本文正在参加「金石计划 . 瓜分6万现金大奖」  组件介绍 关于web端的右键功能常用的地方有表格的右键，或者tab标签的右键等，本文记录一下封装一个右键菜单组件的思路步骤...

这个案例代表了超高的css水平，这样的一个文字交融效果，你能否一眼看穿他的原理呢？ 我是渡一子辰老师，接下来让我来带你分析文字交融效果的实现原理...

有时候，我前端写好了项目，想要给其他人看一下效果，可以选择将代码部署到test环境，也可以选择让外部通过ip来访问，不过前提是在同一个局域网下（比如连接同一个WiFi），下...

项目当中如果做新增/修改/删除等等操作通常情况下都需要刷新数据或者刷新当前页面.如果页面简单,调用接口刷新数据即可.如果页面复杂,需要调用多个接口或者通知多个子组件做刷新,...

修改输入占位符样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平和垂直居中。多么熟悉的场景！前端开发者几乎每天都会和它们打交道，本文收集 13 个CSS技巧，一起来来温故一...

基于vue全家桶，按照不同优先级、不同分类，整理了更细节、更符合公司现状的一些前端规范，并展示了代码示例，更好地规避错误、改善可读性和开发体检。...

一、封装Collapse组件新建Collapse.vue文件，放在vue项目的components文件夹下二、使用刚刚封装的组件应用情况如下（项目中的页面设计，在多处有类似...

在网上冲浪的时候，看到有这么一个网页效果；如下图： 分析： 从图中我们可以看出，当我们鼠标移入的时候，下划线冲左侧开始展示；当鼠标移出的时候，下划线从左侧开始消失 既然我们...