摘要：
一、<script> 标签特性 <script> 标签主要用于从服务器端加载一段JavaScript脚本并在当前页面中执行。因为其需要从服务器端中加载，所以会在一定程度上影响到web的性能。在性能优化中，<script>标签的优化至关重要。 ① <script>标签默认是同步加载的。当html页面在 阅读全文
摘要：
拖放事件 拖放是由拖动与释放两部分组成，拖放事件也分为被拖动元素的相关事件，和容器的相关事件。 被拖动元素的相关事件如下所示： 事件描述 ondragstart 用户开始拖动元素时触发 ondrag 元素正在拖动时触发 ondragend 用户完成元素拖动后触发 容器相关事件如下所示： 事件描述 o 阅读全文
摘要：
理解css-loader css-loader是我们在现代前端开发中必须掌握的一个东西，它给我们提供了css在前端开发中的一种工作模式，并且我们很多关于css的东西都基于此。 它功能主要是解释样式（css）中的import和url，并且把它们认作一个资源模块，用webpack的模块化方式requir 阅读全文
摘要：
基础用法 在前端的领域中，标准的实现总是比社区的约定要慢的多，前端框架最喜欢的 $ 被 Sass 变量用掉了。而最常用的 @ 也被 Less 用掉了。官方为了让 CSS 变量也能够在 Sass 及 Less 中使用，无奈只能妥协的使用 --。 <style> /* 在 body 选择器中声明了两个变 阅读全文
摘要：
1.XML介绍 XML 指可扩展标记语言（EXtensible Markup Language） XML 是一种标记语言，很类似 html XML 的设计宗旨是传输数据，而非显示数据 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准 2 阅读全文
摘要：
技术至上？ 三年前我毕业进入第一家公司，个人很水的技术能力让我经常在实际的开发工作中捉襟见肘，于是就想着一定要尽快提升自己的技术水平，每天都在公司待到很晚，除了做需求就是自我学习，在这种情况下，我几乎所有能坐在电脑前的时间都用在了技术上，这就造成了一种后果，那就是我只关心技术方面的东西，其他的我一概 阅读全文
摘要：
-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果. auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。touch: 使用具有回弹效果的滚动,当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的 阅读全文
摘要：
1. 使用文本压缩 使用文本压缩，可以最大程度地减少通过网络传输的字节数。有几种压缩算法。 gzip 是最受欢迎的，但 Brotli 是一种更新甚至更好的压缩算法。如果要检查服务器是否支持Brotli，则可以使用 Brotli.pro 工具。 如果你的服务器不支持Brotli，则可以按照以下简单指南 阅读全文
摘要：
nginx可以使用变量简化配置与提高配置的灵活性，所有的变量值都可以通过这种方式引用： $变量名 而nginx中的变量分为两种，自定义变量与内置预定义变量 内置变量 声明 可以在sever,http,location等标签中使用set命令（非唯一）声明变量，语法如下 set $变量名 变量值 注意n 阅读全文
摘要：
问：如何用 js 一次获取 html 表单的所有字段 ？ 考虑一个简单的 html 表单，用于将任务保存在待办事项列表中： <form> <label for="name">用户名</label> <input type="text" id="name" name="name" required> 阅读全文
摘要：
1、元素位移translate(左边,顶边) div{ transform: translate(50px,100px); -ms-transform: translate(50px,100px); /* IE 9 */ -webkit-transform: translate(50px,100px 阅读全文
摘要：
前言 近期在学习 vue 框架，在学习过程中，发现了一个和 mockjs 类似的第三方库: json-server。它不仅可以模拟出完美的接口数据，还可以修改请求的类型来修改本地的数据，是一个非常不错的库，所以分享记录一下使用心得。 快速上手 一.新建存储数据的文件 在电脑上创建一个专属于 json 阅读全文
摘要：
Sass Vs Scss Sass 有两种语法。 第一个被称为 SCSS（Sassy CSS），在本参考文献中一直使用，它是 CSS 语法的扩展。这意味着每个有效的 CSS 样式表，都是具有相同含义的有效 SCSS 文件，两者完全兼容。下文描述的 Sass 功能增强了此语法。使用此语法的文件扩展名为 阅读全文
摘要：
1px问题 京东商城解决方案：伪元素 + scale .div::after { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #bfbfbf; borde 阅读全文
摘要：
一、 不定宽高元素水平垂直居中 1、transform: translate() <div class="wrapper"> <p class="center">水平垂直居中</p> </div> .wrapper{ color: rgb(92, 99, 112); font-style: ital 阅读全文