-
十步搞定uni-app使用字体图标的方法
所属栏目:[站长百科] 日期:2020-05-13 热度:198
uni-app是一个使用Vue.js开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。 uni-app框架由Dcloud即数字天堂(北京)网络技术有限公司推出,该公司主要产品有Web开发IDE Hbuiler、HbuilderX,前端框架mui、uni-ap[详细]
-
IntelliJ IDEA 2020如何设置背景图片的方法步骤
所属栏目:[站长百科] 日期:2020-05-13 热度:86
使用idea总看小黑框很难受?眼睛疼?看不清?试试按照你的风格来定制一哈! 1.首先我们选择idea的最左上角的file 2.选择settings 3.找到AppearanceBehavior 4.点击Appearance 5.选择Background Image 之后会就可以开始设置背景图片啦O(∩_∩)O 具体的设置[详细]
-
CSS选择器的新用法(推荐)
所属栏目:[站长百科] 日期:2020-05-13 热度:69
现在,预处理器(如sass)似乎已经成为开发CSS的标配,正如几年前jQuery是开发JS的标配一样。JS的querySelector借鉴了jQuery的选择器思想,CSS选择器也借鉴了预处理器的变量定义、选择器嵌套、代码块重用等常用功能。本文将详细介绍CSS选择器的新用法 变量[详细]
-
CSS :befor :after 伪元素的巧妙用法
所属栏目:[站长百科] 日期:2020-05-13 热度:59
CSS中的:befor、:after都会创建一个伪元素,其中:befor创建的伪元素是所选元素的第一个子元素,:after创建的伪元素是所选元素的最后一个子元素。 :befor、:after创建的伪元素默认样式为内联样式。 1.2 语法 /* CSS3 */selector::before/* CSS2 */selector:[详细]
-
CSS实现网页背景图片自适应全屏的方法
所属栏目:[站长百科] 日期:2020-05-13 热度:91
网页背景自适应全屏.PNG 一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给页面的背景使用大图,我们既不想图片因为不同分辨率图片变形,也不希望当在大屏的情况下,背景有一块露白,简而言之,就是实现能自适应屏幕大小又不会变形的背景大图,而[详细]
-
CSS3 calc()会计算属性详解
所属栏目:[站长百科] 日期:2020-05-13 热度:195
正如其名,calc是css3中新增的计算属性,让很多属性增加了一个表达式的说法; calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,你可以使用calc()给元素的border、margin、pading、font-size、width和height等属性设置动态值。 怎么使用 cal[详细]
-
CSS 动画实现动态气泡背景的方法
所属栏目:[站长百科] 日期:2020-05-13 热度:71
今天是节后上班第一天,早上醒来一睁眼,嗯?啊...?什么...?这是哪?我是谁?上什么班? 然鹅,还是被昨晚特意设置的八个闹钟:alarm_clock:吵醒,冬天早上起床的难度...想必各位都心有体会 :sob:,抱着一万个不情愿起床早早地来到了办公室,还是熟悉的环[详细]
-
Jar包一键重启的Shell脚本及新服务器部署的一些经验分享
所属栏目:[站长百科] 日期:2020-05-13 热度:143
最近公司为客户重新部署了一套新环境,由我来完成了基础环境的配置,配置过程中总结了一些经验,分享给各位园友 使用 curl 命令检查网络 拿到新服务器后,首先检查服务器网络是否通畅。我们常用的 ping 命令使用的是 ICMP 协议,大部分服务器都设置了域名[详细]
-
ASCII码对照表以及各个字符的解释(精华版)
所属栏目:[站长百科] 日期:2020-05-13 热度:82
副标题#e# ASCII(American Standard Code for Information Interchange,美国信息互换标准代码)是一套基于拉丁字母的字符编码,共收录了 128 个字符,用一个字节就可以存储,它等同于国际标准 ISO/IEC 646。 ASCII 规范于 1967 年第一次发布,最后一次更[详细]
-
VSCode提高 Node 和 Vue 开发效率的插件推荐
所属栏目:[站长百科] 日期:2020-05-13 热度:76
HTML5、CSS3、SVG的浏览器兼容性检查 运行选中代码段(支持大量语言,包括Node) 在VSCode中弹出浏览器并搜索,可编辑搜索引擎 颜色值在代码中高亮显示 拾色器 注释文档生成 EditorConfig 插件 在代码中输入emoji ESLint插件,高亮提示 根据路径字符串,快[详细]
-
Vscode 打字特效插件Power Mode安装使用介绍
所属栏目:[站长百科] 日期:2020-05-13 热度:80
壹 引 我记得在17年使用atom编辑器的时候,使用过一款打字特效的插件,只要我们输入代码,代码上方就会有与代码颜色对应的星星效果,今天脑抽突然想起了这个中二插件,搜索了一番成功安装,大致效果如下,这里分享下设置: 贰 安装 打开插件,输入Power Mo[详细]
-
vscode修改默认浏览器的方法
所属栏目:[站长百科] 日期:2020-05-13 热度:126
vscode怎么浏览器打开html预览?这里大家可以通过安装open in browser插件解决。 1.vscode怎么浏览器预览 1.点击拓展 2.输入open in browser,选择第一个 3.点击安装(笔者已安装,所以显示的禁用) 2.vscode怎么修改默认浏览器 在安装完open in browser插件[详细]
-
VSCode常用知识小结
所属栏目:[站长百科] 日期:2020-05-13 热度:106
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[详细]
-
详解Google Protobuf简明教程
所属栏目:[站长百科] 日期:2020-05-13 热度:136
Protobuf实际是一套类似Json或者XML的数据传输格式和规范,用于不同应用或进程之间进行通信时使用。通信时所传递的信息是通过Protobuf定义的message数据结构进行打包,然后编译成二进制的码流再进行传输或者存储。 Protobuf的优点 相比较而言,Protobuf有[详细]
-
详解Hadoop2.7.2 编译64位源码
所属栏目:[站长百科] 日期:2020-05-13 热度:79
最好是用新克隆的虚拟机 ,虚拟机内存设置大一点(我设置的4G),配置网络,主机名,关闭防火墙,关闭selinux 注意:采用root角色编译,减少文件夹权限出现问题 2.jar包准备(hadoop源码、JDK8、maven、ant 、protobuf) (1)hadoop-2.7.2-src.tar.gz (2)[详细]
-
《荒野大镖客:救赎2》Steam特惠开启 199元持平史低价
所属栏目:[站长百科] 日期:2020-05-13 热度:85
《荒野大镖客:救赎2》在Steam上的促销优惠来了。 地址 《荒野大镖客:救赎2》Steam持平史低价,-20%,原价249,折扣价199元,优惠活动截止至5月26日。另外游戏的特别版和终极版也在-20%中,折扣价格分别为220元和239元。 游戏介绍:《荒野大镖客:救赎2》[详细]
-
CSS实现多行多列的布局的实例代码
所属栏目:[站长百科] 日期:2020-05-13 热度:70
副标题#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实现波纹特效、H5实现动态波浪效果
所属栏目:[站长百科] 日期:2020-05-13 热度:132
css3实现动态波纹特效,由于css3里面有过渡和动画效果,现在利用css3实现动态波浪效果就很简单了,直接使用transform来实现就ok, 使得translateX 产生偏移就可以不断实现循环动态效果,这样就比传统的flash来实现更为简单。而且对页面也比较友好的。 比如[详细]
-
CSS背景图片固定宽高比自适应调整的实现方法
所属栏目:[站长百科] 日期:2020-05-13 热度:175
img标签可以使图片在保持宽高比不变的情况下自动调整。我们讨论的是div的背景图片实现固定宽高比自适应调整的方法。这里的图片不是 img标签一样通过src引入,而是通过css的background-image: url('路径')实现。 实现背景图片固定宽高比缩放我们采用padding[详细]
-
css transition animation的使用(内含贝赛尔曲线详解)
所属栏目:[站长百科] 日期:2020-05-13 热度:167
副标题#e# transition也叫过渡动画,主要是用于让一个元素从一种状态过渡到另一种状态效果,常用于主动触发的效果。例如移动端的页面切换(很常用)、button点击效果(也很常见)。 animation才是css3正宗的动画,主要是用于实现某种持续的动画效果(当然简[详细]
-
CSS中@support实现渐进式网页设计实例代码
所属栏目:[站长百科] 日期:2020-05-13 热度:109
特性查询赋予了我们使用CSS检测浏览器是否支持某个css特性的能力。我们可以使用该功能在浏览器支持最新的CSS特性时,使用新的语法来编写我们的样式,同时对于不支持的浏览器进行优雅降级。 CSS的设计本身就是支持优雅降级的。对于浏览器不支持的CSS语法,[详细]
-
详解flex布局的元素如何分配容器的剩余空间
所属栏目:[站长百科] 日期:2020-05-13 热度:190
副标题#e# 自从开始开学习 CSS 布局,想要比较灵活的把父元素的空间分配给各个子元一直是各个前端程序员的梦想。 在 flex 之前,如果不是专门去搜索相关的解决方案,一般人几乎想不出非常灵活的三(多)栏等高布局方案,而即使看了解决方案,很多人也会大呼[详细]
-
CSS实现镂空遮罩效果
所属栏目:[站长百科] 日期:2020-05-13 热度:143
前一阵子面试被问题到这个问题,突然懵逼了,脑子一片空白,以前知道这种效果,比如什么值得买的改版引导页面: 当时再紧张也应该打出一种实现方法,就是什么值得买这种使用图片实现 它首先加了一个半透明的黑色蒙层( background-color: rgba(0,0,0,.8)[详细]
-
深入理解CSS中的line-height的使用
所属栏目:[站长百科] 日期:2020-05-13 热度:117
什么是line-height(行高)? line-height 是指两行文字基线之间的距离。 什么是基线? 基线、底线、顶线、中线 注意: 基线(base line)并不是汉字文字的下端沿,而是英文字母x的下端沿。 不同字体的基线不尽相同。 行距、行高 line-height 与行内框盒子模[详细]
-
css常用元素水平垂直居中方案
所属栏目:[站长百科] 日期:2020-05-13 热度:84
flex实现水平垂直居中 适用场景:父子宽高都可未知(比较推荐这种方式,简单,而且目前兼容性也不错。) html headstyle.parent {width: 100%;height: 100px;background: cyan;display: flex;justify-content: center;align-items: center;}.son {width: 20%[详细]
