-
CSS实现网页背景图片自适应全屏的方法
所属栏目：[站长百科] 日期：2020-05-12 热度：131
网页背景自适应全屏.PNG 一张清晰漂亮的背景图片能给网页加分不少，设计师也经常会给页面的背景使用大图，我们既不想图片因为不同分辨率图片变形，也不希望当在大屏的情况下，背景有一块露白，简而言之，就是实现能自适应屏幕大小又不会变形的背景大图，而[详细]
-
CSS :befor :after 伪元素的巧妙用法
所属栏目：[站长百科] 日期：2020-05-12 热度：91
CSS中的:befor、:after都会创建一个伪元素，其中:befor创建的伪元素是所选元素的第一个子元素，:after创建的伪元素是所选元素的最后一个子元素。 :befor、:after创建的伪元素默认样式为内联样式。 1.2 语法 /* CSS3 */selector::before/* CSS2 */selector:[详细]
-
stricky footer的三种解决方案详解
所属栏目：[站长百科] 日期：2020-05-12 热度：149
stricky footer设计是最古老和最常见的效果之一，我们都曾经历过类似的情景： 如果页面内容不够长的时候，页脚块粘贴在底部；如果内容足够长时，页脚块会被内容向下推送。 这些天做vue+express实战的练习，跟着黄轶老师倒是认识了stricky footer，就认真的[详细]
-
CSS选择器的新用法(推荐)
所属栏目：[站长百科] 日期：2020-05-12 热度：183
现在，预处理器(如sass)似乎已经成为开发CSS的标配，正如几年前jQuery是开发JS的标配一样。JS的querySelector借鉴了jQuery的选择器思想，CSS选择器也借鉴了预处理器的变量定义、选择器嵌套、代码块重用等常用功能。本文将详细介绍CSS选择器的新用法 变量[详细]
-
css3动画过渡实现鼠标跟随导航效果
所属栏目：[站长百科] 日期：2020-05-12 热度：68
本篇文章主要介绍了css3动画过渡实现鼠标跟随导航效果，分享给大家，具体如下： 鼠标跟随导航效果 效果知识点：html/css布局思维, div+css讲解，css3动画，盒子模型, 浮动与定位，鼠标事件。 html代码： div class=wrapulli style=background-position:0px[详细]
-
10分钟理解CSS BFC原理及其应用
所属栏目：[站长百科] 日期：2020-05-12 热度：131
在讲 BFC 之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案: 普通流 (normal flow) 在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被[详细]
-
带有高通Snapdragon 768G的Redmi K30 5G推出
所属栏目：[站长百科] 日期：2020-05-12 热度：51
今天早些时候发布Snapdragon 768G之后，小米的子品牌Redmi现在已经在中国正式推出Redmi K30 5G Racing Edition。Redmi K30系列的最新设备与去年年底在中国推出的原始Redmi K30 5G几乎相同。除了新的Snapdragon 768G芯片和新的薄荷冰蓝色颜色变体之外，红米[详细]
-
MIUI更新适用于小米和Redmi设备的MIUI 12
所属栏目：[站长百科] 日期：2020-05-12 热度：109
小米自定义Android皮肤的最新版本 MIUI 12 终于来了。该公司昨天在中国举行的Mi 10 Youth Edition发布会上落下了帷幕。与不到六个月前发布的稳定版MIUI 11相比，MIUI 12带来了许多改进，视觉检查和许多新功能。我们已经提取了新的墙纸，现在我们将介绍用于[详细]
-
摩托罗拉开始为Moto G7推出Android 10稳定更新
所属栏目：[站长百科] 日期：2020-05-12 热度：177
在一月份，摩托罗拉就向Moto G7的 Plus版本交付了稳定版的Android 10。后来，该公司又向前迈进了一步，并发布了相同模型的Android 10内核源代码。现在，常规的Moto G7在巴西显然受到了相同的待遇，因为该公司宣布在其区域更新跟踪器上发布了该设备的稳定版[详细]
-
详解VScode 配置为 LaTeX 编辑器(IDE)
所属栏目：[站长百科] 日期：2020-05-12 热度：107
副标题#e# ctrl+shift+x调出应用商店，搜索并安装LaTeX Workshop扩展： 配置LaTeX Workshop LaTeX文件.tex的编译、预览、辅助文件的清理等都在扩展latex workshop中设置。 LaTeX Workshop中，编译LaTeX文件时顺序执行的一系列/组命令称为LaTeX食谱(recipes)[详细]
-
人工智能机器学习常用算法总结及各个常用算法精确率对比
所属栏目：[站长百科] 日期：2020-05-12 热度：158
副标题#e# 机器学习的知识树，这个图片是Github上的，有兴趣的可以自己去看一下： 地址：https://github.com/trekhleb/homemade-machine-learning 简单的翻译一下这个树： 英文中文 Machine Learning 机器学习 Supervised Learning 监督学习 Unsupervised L[详细]
-
ASCII码对照表以及各个字符的解释(精华版)
所属栏目：[站长百科] 日期：2020-05-12 热度：166
副标题#e# ASCII（American Standard Code for Information Interchange，美国信息互换标准代码）是一套基于拉丁字母的字符编码，共收录了 128 个字符，用一个字节就可以存储，它等同于国际标准 ISO/IEC 646。 ASCII 规范于 1967 年第一次发布，最后一次更[详细]
-
VSCode提高 Node 和 Vue 开发效率的插件推荐
所属栏目：[站长百科] 日期：2020-05-12 热度：152
HTML5、CSS3、SVG的浏览器兼容性检查 运行选中代码段（支持大量语言，包括Node） 在VSCode中弹出浏览器并搜索，可编辑搜索引擎 颜色值在代码中高亮显示 拾色器 注释文档生成 EditorConfig 插件 在代码中输入emoji ESLint插件，高亮提示 根据路径字符串，快[详细]
-
详解Hadoop2.7.2 编译64位源码
所属栏目：[站长百科] 日期：2020-05-12 热度：149
最好是用新克隆的虚拟机 ，虚拟机内存设置大一点（我设置的4G），配置网络，主机名，关闭防火墙，关闭selinux 注意：采用root角色编译，减少文件夹权限出现问题 2.jar包准备(hadoop源码、JDK8、maven、ant 、protobuf) （1）hadoop-2.7.2-src.tar.gz （2）[详细]
-
详解Google Protobuf简明教程
所属栏目：[站长百科] 日期：2020-05-12 热度：132
Protobuf实际是一套类似Json或者XML的数据传输格式和规范，用于不同应用或进程之间进行通信时使用。通信时所传递的信息是通过Protobuf定义的message数据结构进行打包，然后编译成二进制的码流再进行传输或者存储。 Protobuf的优点 相比较而言，Protobuf有[详细]
-
VSCode常用知识小结
所属栏目：[站长百科] 日期：2020-05-12 热度：66
VSCode下载链接: https://code.visualstudio.com/ 2.VSCode汉化 3.VSCode常用插件(安装步骤同汉化) 3.1Auto Close Tag (自动闭合HTML/XML标签) 3.2Auto Rename Tag (自动完成另一侧标签的同步修改) 3.3Beautify (格式化 html ,js,css) 3.4Bracket Pair Col[详细]
-
vscode修改默认浏览器的方法
所属栏目：[站长百科] 日期：2020-05-12 热度：159
vscode怎么浏览器打开html预览？这里大家可以通过安装open in browser插件解决。 1.vscode怎么浏览器预览 1.点击拓展 2.输入open in browser，选择第一个 3.点击安装(笔者已安装，所以显示的禁用) 2.vscode怎么修改默认浏览器 在安装完open in browser插件[详细]
-
Vscode 打字特效插件Power Mode安装使用介绍
所属栏目：[站长百科] 日期：2020-05-12 热度：68
壹 引 我记得在17年使用atom编辑器的时候，使用过一款打字特效的插件，只要我们输入代码，代码上方就会有与代码颜色对应的星星效果，今天脑抽突然想起了这个中二插件，搜索了一番成功安装，大致效果如下，这里分享下设置： 贰 安装 打开插件，输入Power Mo[详细]
-
css3实现波纹特效、H5实现动态波浪效果
所属栏目：[站长百科] 日期：2020-05-12 热度：54
css3实现动态波纹特效，由于css3里面有过渡和动画效果，现在利用css3实现动态波浪效果就很简单了，直接使用transform来实现就ok， 使得translateX 产生偏移就可以不断实现循环动态效果，这样就比传统的flash来实现更为简单。而且对页面也比较友好的。 比如[详细]
-
CSS实现多行多列的布局的实例代码
所属栏目：[站长百科] 日期：2020-05-12 热度：160
副标题#e# HTML: div class=box1box1:实现两列多行布局ulli111/lili222/lili333/li/ul/div CSS: .box1 { width: 500px; background: #EEEEEE;}.box1 ul { clear: both; overflow: hidden;}.box1 ul li { width: 48%; height: 100px; margin-bottom: 10px; b[详细]
-
CSS3 clip-path 用法介绍详解
所属栏目：[站长百科] 日期：2020-05-12 热度：167
刷新 QQ 空间动态时，发现一则广告，随着用户上下滑动动态列表，就会自动切换广告图片，这样的效果对移动端本就不大的屏幕来说，无疑是很精妙的考虑，这样的效果是怎么实现的呢？ 接下来就说说这个效果的具体实现思路： 将两张图片通过定位，相对于图片容[详细]
-
css常用元素水平垂直居中方案
所属栏目：[站长百科] 日期：2020-05-12 热度：100
flex实现水平垂直居中 适用场景：父子宽高都可未知(比较推荐这种方式，简单，而且目前兼容性也不错。) html headstyle.parent {width: 100%;height: 100px;background: cyan;display: flex;justify-content: center;align-items: center;}.son {width: 20%[详细]
-
深入理解CSS中的line-height的使用
所属栏目：[站长百科] 日期：2020-05-12 热度：72
什么是line-height(行高)？ line-height 是指两行文字基线之间的距离。 什么是基线？ 基线、底线、顶线、中线 注意： 基线（base line）并不是汉字文字的下端沿，而是英文字母x的下端沿。 不同字体的基线不尽相同。 行距、行高 line-height 与行内框盒子模[详细]
-
CSS实现镂空遮罩效果
所属栏目：[站长百科] 日期：2020-05-12 热度：149
前一阵子面试被问题到这个问题，突然懵逼了，脑子一片空白，以前知道这种效果，比如什么值得买的改版引导页面： 当时再紧张也应该打出一种实现方法，就是什么值得买这种使用图片实现 它首先加了一个半透明的黑色蒙层（ background-color: rgba(0,0,0,.8)[详细]
-
详解flex布局的元素如何分配容器的剩余空间
所属栏目：[站长百科] 日期：2020-05-12 热度：173
副标题#e# 自从开始开学习 CSS 布局，想要比较灵活的把父元素的空间分配给各个子元一直是各个前端程序员的梦想。 在 flex 之前，如果不是专门去搜索相关的解决方案，一般人几乎想不出非常灵活的三（多）栏等高布局方案，而即使看了解决方案，很多人也会大呼[详细]
