⼀个栗⼦background-size设置图⽚⼤⼩，主要注意单位。ound-s ize: cov e r;cover代码所⽰borderboxcover ound-s ize: contain;contain代码所⽰可以看到，容器尺⼨不变，但是图⽚缩⼩了。按照MDN解释，应是在原图⽚⽐例不变情况下，填充容器，因为默认是repeat的，所以余下部分重关键词：⽐例不变ound-s ize: auto;...

移动端CSS通⽤样式html {font-family: "Helvetica Neue",Helvetica, sans-serif;/*⾕歌浏览器字体最⼩字体12px*/-webkit-text-size-adjust: 100%;/*100%/none 关闭字体⼤⼩⾃动调整功能*//*a标签及拥有 :active伪类的元素有默认的⾼亮框*/-webkit-tap-hightlight-col...

HTMLcss盒⼦模型案例（圆，半圆等）“border-radius”简易易上⼿这篇⽂章关键介绍了HTML css盒⼦模型实例(圆，半圆形等)“border-radius” 简易易⼊门,⽂中根据案例编码给⼤伙⼉介绍的⼗分详尽，对⼤伙⼉的学习培训或⼯作中具备⼀定的参考参考使⽤价值，必须的盆友能够参考下许多⼩伙伴们在前端学习的情况下，发觉盒⼦模型默认为⽅形。怎样把⼩盒⼦变为要想的实体模型呢？ 最先⼤家...

css实现div多边框_box-shadow模拟多边框、outline描边实现在css3中我们知道可以使⽤box-shadow属性轻松的为元素添加阴影效果，并且可以设置多组效果，每组参数值⽤逗号隔开。如果把box-shadow特性的两个偏移量 h-shadow 、v-shadow设置为0，将模糊值blur也设置为0，此时增加扩张半径，就会使元素的投影变为实线边框。这样就可以模拟多边框效果了，⾸先看...

WPF⾃定义下拉框ComboBox样式很多时候不知道控件样式的构成，可以上msdn查看控件的模板与样式。ComboBox下拉框主要放内容的是Popup控件，有三种显⽰items的⽅式：① 默认的ItemsPresenter          相当于占位符作⽤，竖向显⽰② ItemsPanel       ...

OpenAPI规范3-Swagger2Info：之前使⽤的swagger是1.0版本，现在想将该规范使⽤到现在的项⽬中时，发现已经是基于OpenAPI 3的2.0版本，并且可以⽐1.0更⽅便的集成使⽤（1.0版本需要将GitHub中的swagger的web部分拷贝到项⽬下，现只需要引⼊maven依赖即可），后续再补充各种情况的demo。⼀、什么是swagger？OpenAPI规范（OpenAPI...

Bootstrap.btn各种按钮样式的使⽤Bootstrap CDN<link rel="stylesheet" href="/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><script src="/jquery/2.1.1/...

时间插件--daterangepicker使⽤和配置详解1.序⾔: daterangepicker是Bootstrap的⼀个时间组件，使⽤很⽅便⽤于选择⽇期范围的JavaScript组件。 设计⽤于Bootstrap CSS框架。它最初是为了改善报表⽽创建的，它可以连接到任何⽹页元素，弹出两个⽇历，⽤于选择⽇期、时间或从预定义的范围，如“最后30天”。2.需要的js和css:bootstrap.m...

CSS样式重置重置默认样式最近看到⼀个词叫css reset。什么叫做css reset呢？我理解为重置css，也就是重置默认样式。我在中讲到，⼀些标签元素在HTML下有⼀个默认属性值，我们在写css页⾯的时候，为了避免在css中重复定义它们，我们需要重置默认样式（css reset）。每个⼈的⽤法和写法都不⼀样。到⼀篇关于可以看看国外使⽤css reset的⽐例调查。这⾥有⼀篇总结css re...

css命令⽂字倾斜font-style:italicfont-style:oblique强制换⾏⽂字粗细font-weight：bold加粗font-weight：bolder⽐加粗还要粗font-weight：lighter默认细线font-weight：100-----900⽂字粗细9个样式font-weight：normal400样式常⽤这种样式⽂字⼤⼩font-size: 60px ⽂字字...

textDirection: TextDirection.ltr),),Container(margin: ly(bottom: 10.0),color: Color.fromARGB(255, 241, 241, 241),child: Text("⽂本⽅向 l",textDirection: l),),C...

css知识点汇总（包括css思维导图，⽂章最后）⽬录⼀、css三种引⼊⽅式1.内部样式表-----head标签内部的style<style>#yy{color: blue;}</style>2.内联样式----在标签⾥写style（开发时不要使⽤）<h1 id="yy">宇宇是个⼤笨蛋</h1>3.外链式---- <link rel="sty...

CSS⽂字样式notice：⽂字样式会被继承⼀、常⽤的⽂字样式1、设置⽂字的颜⾊color:red;2、设置⽂字的⼤⼩font-size:30px;3、设置⽂字的粗细，bold为加粗字体font-weight:bold;4、设置⽂字的样式：normal 为默认样式，italic 为倾斜样式font-style: normal;5、设置⽂字的字体font-family:"楷体";6、字体对齐text...

iOS中UICollectionView布局对齐⽅式的runtime实现经常遇到UI设计师设计出多个按钮的布局效果，但是系统默认的CollectionView布局总是不尽⼈意.例如这种标签式的控件，放到控制器上往往会变成了这样相信⼤部分⼈也⽤过此类控件，如果想让标签左对齐，往往要写很多代码去⾃定义UICollectionViewLayout.我也遇到过这种问题，我在⾃定义UICollectionV...

Android全新UI编程-JetpackCompose超详细教程1. 简介Jetpack Compose是⾕歌在2019Google i/o⼤会上发布的新的库。可以⽤更少更直观的代码创建View，还有更强⼤的功能，以及还能提⾼开发速度。第⼀篇⽂章在这⾥：Android全新UI编程 - Jetpack Compose 超详细教程 第1弹实在抱歉，最近忙着换⼯作，让⼤家久等了。上⼀篇我们讲了关于@C...

vueel-pagination分页组件居中上⼀篇⽂章写到了分页组件的使⽤，不过我发现，默认情况下，组件是居左显⽰的，如下图：text align center但是，居中显⽰其实更好看⼀些，所以就研究了⼀下 Pagination 分页组件的居中显⽰，发现其实很简单，设置组件的 text-align 属性为center 即可：<el-pagination @size-change="chang...

echarts环形图配置图例设置，中间⽂字设置最近在⼯作项⽬中⽤到echarts进⾏制作⼀个环形图表，在⽹上查询了很多属性最终才制作成功，因此想总结⼀下，⽅便以后使⽤（第⼀次写博客，是不是这样写的哦）  导⼊echarts.js啥的就不说了，直接开始配置属性。option = {legend: {            //配置...

ant+findbugs扫描代码⽣成报告1. 下载安装ant、findbugs下载ant、findbugs最新压缩包解压到本地磁盘合适位置，⽐如：D:\Program Files\apache-ant-1.9.7D:\Program Files\findbugs-3.0.12.  配置环境变量3.  编写l<?xml version="1.0" encod...

Android.bp学习笔记1.Android.bp简介Android 7.0之后希望⽤Android.bp替换Android.mk，bp简单的配置更⽅便Ninja ⽂件的产⽣，⽽Blueprint和Soong 就此产⽣。Android 利⽤Blueprint和Soong 来解析bp⽂件，经过最终转换为ninja files。 Blueprint和Soong都是由Golang写的项⽬。从Andro...

androidstudio新⼿吧,AndroidStudio⼊门教程（新⼿必看）Android Studio⼀直停留在MyApplication:syncing(解决⽅案)1744 抢红包算法(公平版和⼿速版)常发均: 博主：虽然像我说的这样确实也⽐较完美了，不过也有缺陷。例如：100元 分10个红包。那么有可能上篇⽂章已经说过了Android Studio的安装配置，从这⾥开始我们就来完成第⼀个...

AndroidStudio使⽤教程（四）：Gradle基础其实很早之前也写了⼀篇Gradle的基础博客，但是时间很久了，现在Gradle已经更新了很多，所以暂且结合Stduio 1.0正式版与最新的Gradle语法来详细讲解下，⼩伙伴们直接跟我⼀步步来学习吧。什么是Gradle？Gradle是⼀种依赖管理⼯具，基于Groovy语⾔，⾯向Java应⽤为主，它抛弃了基于XML的各种繁琐配置，取⽽代之的...

论⽂常⽤图表⼀：柱状图【MATLAB】⽂章⽬录1. ⼆维竖直直⽅图 bar1.1 单组数据⽐较# version 1: 默认绘图y =[0.4,0.3,0.6,0.8];bar(y);假设现在有四个数据 0.4, 0.3, 0.6, 0.8 需要⽐较，直接将它们设置为 y 值，然后通过 bar(y) 绘制柱状图，默认是介个样⼦，⽐较丑：@ 改变数值设置现在需要规整⼀下我们的 x 轴标签设置，并且将...

⽤CSS设计纵向导航菜单（div+h1+h2）⽤CSS设计纵向导航菜单（div+h1+h2）：在XHTML的语法意义中，h1,h2,h3,h4,h5,h6本⾝就具有对⽂本进⾏层级划分的意义。因此使⽤div+h1+h2来进⾏纵向布局是⼀种⽐较好的⽅式，注意使⽤margin:0px消除h1~h6的默认外边距。举例如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTM...

vuepress⼊门详解（四）vuepress基本配置vuepress 基本配置::: tip本页所列的选项仅对默认主题⽣效。如果你在使⽤⼀个⾃定义主题，选项可能会有不同。:::⾸页配置⾸页配置⽂件是doc⽬录下的README.md⽂件，以下是⼀个如何使⽤的例⼦：---home:trueheroImage: /hero.pngheroText: Hero 标题tagline: Hero 副标题ac...

el-menu导航菜单item过多的显⽰问题<!-- PC menu --><div class="kxb-hidden-small kxb-hidden-medium kxb-black-bg"><div class="kxb-fluid kxb-padding-bottom-0"><div class="kxb-col-12-9 kxb-col-med...

ElementUI侧边栏导航菜单隐藏显⽰问题场景：后台系统，实现侧边栏的隐藏显⽰功能使⽤ElementUI布局容器时需要注意的情况在使⽤<el-aside>标签时，默认的宽度是60px。如果要实现隐藏显⽰的话，则需要添加width="initial"属性<el-aside width="initial"></el-aside>复制代码使⽤⾃带的隐藏显⽰功能时需要...

vue+element导航保持⼀个⼦菜单展开/*:default-active="active" 默认选中:unique-opened="true"  是否只保持⼀个⼦菜单的展开@open="menuOpen"  展开指定的 sub-menu*/<el-menu:default-active="active"class="el-menu-vertical-demo":u...

swiper中表格scroll⽆效果->表格中css样式overflow：scroll；->swiper中纵向滑动改横向滑动（direction默认是horizontal，垂直vertical）css表格样式（swiper-container的width、height都⼀定要100%）（样式会乱引⼊swiper.min.css）->表格滑动不顺畅（ios？）overflow:sc...

修改jquery.table2excel.js让他导出Excel⽀持css样式懒得说话，直接上代码：MVC的cshtml:@{ViewBag.Title = "导出-Excel";Layout = "~/Views/Shared/_Layout.cshtml";}<script src="~/Scripts/table2excel/jquery.min.js"></script&...

Nginx配置及相关使⽤模板⽂章⽬录Nginx配置关于进程worker_processes 8;# 进程数，由CPU核数定worker_cpu_affinity 01;# 为⼀个进程指定CPUworker_rlimit_nofile 65535;# 设置⼀个进程最⼤打开⽂件数关于事件处理events {worker_connections 1024;# 每个进程允许的最⼤连接数accept_mut...