给大家整理了 25 个前端相关的学习网站和一些靠谱的小工具，包括一些小游戏、教程、社区网站和博客，以及一些资源网站，希望可以帮助到大家！CSS 相关1、CSS Battle - 在线比拼 CSShttps://cssbattle.dev在线 ...

第一问 弹性盒子中 flex: 0 1 auto 表示什么意思 三个参数分别对应的是 flex-grow, flex-shrink 和 flex-basis，默认值为 0 1 auto。 1.flex-grow 属性定义项目的放大比例，默认 ...

拖拽的实现 在HTML5还未普及之前，实现元素的拖拽还算是一件比较麻烦的事，大概思路就是监听鼠标移动相关事件，下面是伪代码 oDiv.onmousedown = function(ev){ //记录起始位置 } document.o ...

如果只是下载个xlsx静态模板文件，可以使用纯前端形式来实现 一种是给页面要实现点击下载功能的元素绑定事件 let dounBtn = document.querySelector(".down") dounBtn.onclick = fu ...

前端经常会被问HTTP缓存，那么HTTP缓存的发展了解多少呢？为什么会出现各种不同的缓存字段？本篇文章会从缓存的类型开始，逐一说明缓存相关的HTTP字段，相信读完会对以上的问题有所了解。注意，以下讲解只针对HTTP缓存的情况。 缓存分强缓存 ...

先啰嗦几句2011年开始从事前端，从一个页面的切图仔到如今还算合格的前端工程师，一路走来，我很清楚要学的很多，其中也学了很多，学的同时也丢了很多（身陷边学边丢，边丢边学的状态）。尤其这3年，前端领域可谓是百家齐放，四面开花。可以说这是最好的 ...

什么是前端，什么是后端？前端即网站前台部分，运行在pc端，移动端等浏览器上展现给用户浏览的网页，后端开发人员从事于构建工作应用程序背后的实际逻辑，前后需要相互配合，共同的完成一个项目。接下来带你一起了解什么是前端什么是后端技术一、什么是前端 ...

女生转行学前端合适吗？对于这点，我很肯定的回答，可以的。根据我的了解大多数选择转行学习编程的年龄差不多都在23到28岁之间，相对于后端来说，女生选择转行学习前端的人是比较多的，女生更适合做前端，因为后端逻辑性太强，以后做开发工作会很累，长期 ...

我们先看一下下面这张图： 1.gif 可以看到这是一个简易的聊天室，两个窗口的消息是实时发送与接收的，这个主要就是用我们今天要讲的websocket实现的。 websocket是什么？ websocket是一种网络通信协议，我们都知道htt ...

在整个流程上的优化 在 HTML 内实现 Loading 态或者骨架屏； 去掉外联 css； 缓存基础框架 - HTTP 缓存资源； 使用动态 polyfill； 使用 SplitChunksPlugin 拆分公共代码； 正确地使用 Web ...