摘要：
webkit滚动条样式重置 1、scrollbar包含scrollbar buttons和一个track。track进一步细分为track pieces和thumb。trace pieces为thumb的上半部分和半下部分。2、scrollbar corner为横向和竖向的交叉角区域3、resize 阅读全文
摘要：
吞吐量定义 吞吐量是指对网络、设备、端口、虚电路或其他设施，单位时间内成功地传送数据的数量（以比特、字节、分组等测量）。 以上的定义比较宽泛，定义到网站或者接口的吞吐量是这样的：吞吐量是指系统在单位时间内处理请求的数量。这里有一个注意点就是 单位时间内 ，对于网站的吞吐量这个单位时间一般定义为1秒， 阅读全文
摘要：
概念 使用 @ 符号定义变量，变量分配使用 : 完成。 声明格式：@变量名：变量值 。 通常看到很多重复的相同的值，我们可以通过使用变量来避免。Less中的变量和其他编程语言一样，可以实现值的复用，同样的它也有作用域，简单的来说就是变量的作用域就是局部变量和全局变量的概念；变量作用域采用的是就近原则 阅读全文
摘要：
昨天临下班测试给我问我为什么图片上传插件打开文件夹的速度这么慢，让我想办法优化一下 ,然后我就努力的搞了起来_(:з」∠)_ 由于我们内部系统不兼容ie，所以我就没有管ie，在浏览器里面玩了起来，经过测试发现，在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有 阅读全文
摘要：
昨天临下班测试给我问我为什么图片上传插件打开文件夹的速度这么慢，让我想办法优化一下 ,然后我就努力的搞了起来_(:з」∠)_ 由于我们内部系统不兼容ie，所以我就没有管ie，在浏览器里面玩了起来，经过测试发现，在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有 阅读全文
摘要：
css是层叠样式表（ Cascading Style Sheets ）的缩写，是一种样式表语言，用于描述以 html 之类的标记语言编写的文档的布局。 它是用于设计Web页面的三剑客之一，另外两位浩客是html和JavaScript。 css 的设计目的是使样式和内容分离，包括布局、颜色和字体。这种 阅读全文
摘要：
前言 总所周知，“css如何实现元素垂直居中？”已经是一个老生常谈的问题了，这个问题目前已经有了许多解决方案，这些方案也都有各自适用的场景以及优缺点，大致如下： flex布局 grid布局 table布局 line-height搭配height position搭配margin position搭配 阅读全文
摘要：
本文说的white-space是一个控制换行和空白处理的css属性。我曾经被这个属性烦死，一直没记住，今天决定还是写下来好好琢磨下。 属性值 normal 默认值，正常换行，空白和换行符会被浏览器忽略。啥意思呢？ 正常换行的意思是，单词间会正常换行，如果下一个单词太长，不足以在当前行剩余部分完整展示 阅读全文
摘要：
本文以react为例。 用css变量来切换黑暗模式，易于维护和扩展。 css变量的用法： .selector { --black-color: #282c34; } :root { --black-color: #282c34; } 方案一 设置主题对应的CSS变量，切换主题只需切换css属性的变量 阅读全文
摘要：
响应式布局 一个网站能够兼容多个终端，并且在各个终端都可以很好展示体验。 媒体类型 在何种设备或者软件上将页面打开 all：所有媒体 braille：盲文触觉设备 embossed：盲文打印机 print：手持设备 projection：打印机预览 screen：彩屏设备 speech：'听觉'类似 阅读全文
摘要：
准备工作 安装 webpack： npm init -y npm i -D webpack webpack-cli css-loader 创建 webpack.config.js 进行配置： const path = require('path'); const MinicssExtractPlug 阅读全文
摘要：
css实现底部对齐效果 因公司业务要求需要实现如下图中红色区域的效果： 效果说明： 1、红色区域数据需要倒排（即从底部开始数，数字为1、2、3、4、5），并且显示在最底部 2、当数据过多时需要显示滚动条，**并且滚动条需要拉到最底部** 3、数据从websocket中推送过来，推送间隔为几十毫秒 4 阅读全文
摘要：
如今，随着各种新趋势的层出不穷，Web和移动领域的创新不仅改变了人们、乃至整个社会的日常行为习惯、以及业务处理方式，而且也使得开发人员能够轻松、且高效地创建出各种实用的解决方案。 我们作为业内人员显然需要通过不断的学习来保持知识的储备，熟悉各种新的趋势，并在竞争中站稳脚跟。下面，我们来一起讨论那些本 阅读全文
摘要：
一、float介绍 float元素也称为浮动元素，设置了float属性的元素会根据属性值向左或向右浮动。浮动元素会从普通文档流中脱离，但浮动元素影响的不仅是自己，它会影响周围的元素对齐进行环绕。简单来说，就是让block元素无视float元素，让inline元素让流水一样围绕着float元素来实现浮 阅读全文
摘要：
开发人员需要做的决策有很多。当 Web 应用程序的需求确定下来之后，就该选择效率最高的 Web 技术栈了。Web 技术栈是用于创建 Web 应用程序的技术工具集。一套 Web 技术栈由 OS（操作系统）、Web 服务器、数据库软件以及编程语言（通常前端和后端都需要自己的语言）组成。一些常见的编程语言 阅读全文
摘要：
1、第一种写法： <a href="JavaScript:js_method();">This is Test</a> 这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且JavaScript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeun 阅读全文
摘要：
学习前端第一步：划分网页结构，网页的结构的划分应该遵循哪些原则，如何去划分网页的结构呢？ 对于一个前端初学者，第一步就是要学会如何划分一个网页的结构。当设计师给到你一张设计图，你需要根据这张图做出一个符合标准的页面，这里所说的标准，即w3c标准，参考w3school在线教程。那么做出一个完整的符合标 阅读全文
摘要：
在每个Web应用程序中，作为用户直接可见的应用程序外观，“前端”包括：图形化的用户界面、相应的功能、及其整体站点的可用性。我们可以毫不夸张地说：如果前端无法正常工作，您将无法“拉新”网站的潜在用户。这也正是我们需要对Web应用执行前端测试的重要原因。 为了确保Web应用无论发生了何种变更之后，其对应 阅读全文
摘要：
最近接的新项目，登录注册页根据需求要使用手机号获取验证码登录或者注册，一开始的想法是要做6个inputshur输入框，但是光标问题太严重。在网上看别人的实现方法，发现可以用一个input+6个span或者6个div来做，经过构思，实现了以下的方法。 代码 html： <div class="pc_i 阅读全文
摘要：
元素的显示与隐藏 在css中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是 display visibility 和 overflow。 他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。 最常见的是网站广告，当我们点击类似关闭不见了，但是我们重新刷新页面，它们又会出现和你玩 阅读全文