给大家整理了 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 ...

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

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

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

众所周知，在ES6之前，前端是不存在类的语法糖，所以不能像其他语言一样用extends关键字就搞定继承关系，需要一些额外的方法来实现继承。下面就介绍一些常用的方法，红宝书已经概括的十分全面了，所以本文基本就是对红宝书继承篇章的笔记和梳理。 ...

element.style.height 获取的是内联属性（即： 标签内设置的style）,也就是说如果是在 css中设置的，获取不到。 通常只用来设置样式。 element.offsetHeight element.scrollHeig ...

这是我第20篇简书。 1、组件通信 （1）父子通信 ① props-$emit ② $refs 短信验证码、图形验证码组件我经常用$refs this.$refs.captcha= 'xxx' ③ 子组件$children[0] 并不保证顺 ...