摘要：
昨天临下班测试给我问我为什么图片上传插件打开文件夹的速度这么慢，让我想办法优化一下 ,然后我就努力的搞了起来_(:з」∠)_ 由于我们内部系统不兼容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和移动领域的创新不仅改变了人们、乃至整个社会的日常行为习惯、以及业务处理方式，而且也使得开发人员能够轻松、且高效地创建出各种实用的解决方案。 我们作为业内人员显然需要通过不断的学习来保持知识的储备，熟悉各种新的趋势，并在竞争中站稳脚跟。下面，我们来一起讨论那些本 阅读全文