- vue全局公共样式
活宝小娜
vuevue.jscsscss3
vue公共样式代码存放在/src/styles文件夹里index里引入其他组件公共样式,index.scss文件内容如下:@import'./sidebar.scss';@import'./searchForm.scss';body{height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;te
- 让页面里的字体变清晰,变细用CSS怎么做?
&ACE&
css前端
您可以使用CSS的属性和值来使页面字体变得清晰和细。以下是一些常用的CSS属性和值,以及示例代码:字体平滑:在CSS中,您可以使用-webkit-font-smoothing属性和值来使字体平滑。这样可以使字体看起来更清晰。代码示例:body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}字体设置:您可以
- UniApp小程序引入iconfont字体图标(阿里巴巴矢量图标库)
Chemo辰陌
uni-app/小程序小程序前端uni-appvue.js
小程序使用icon图标uniapp在H5运行是可以的,但在小程序中会出错1.在iconfont官网选择自己需要的图标,添加至项目中2.打开项目设置3.下载只需要这段代码.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-
- 打印时如何让打印字体更加平滑 不那么锯齿化
红烧咸咸鱼
CSScss打印文字文字抗锯齿
直接上代码,希望有效果的朋友点个免费的赞!!!-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;注意:-webkit-font-smoothing兼容webkit内核(一般是谷歌等)的方法参数描述none关闭平滑字体显示文本用锯齿锋利的边缘(适用于低像素文本)antiali
- 滚动条 变好看
王善良_
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Tahoma,Arial,Helvetica,'微软雅黑';overflow-y:auto;overflow-x:hidden;}/*定义滚动条高宽及背景高宽分
- 前端获取人脸利用Face++进行对比
李小斌96
前端-vueFace++人脸对比vue.jspythondjango
前端利用了vue获取html代码Document#app{font-family:'Avenir',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;}div.showImage{width:8
- HTML5+CSS3实现的响应式垂直时间轴
weixin_30820151
php前端javascriptViewUI
演示:HTML5+CSS3实现的响应式垂直时间轴html*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}b
- 移动端适配兼容--ios系统iphoneX等机型底部小横条处理,app嵌入的适配处理
紫轩阁
ios前端
然后在样式公共配置页:添加constant(),env(),一定要按顺序来html,body,#app{font-family:PingFangSC,Avenir,Helvetica,Arial,sans-serif;width:100%;min-height:100%;font-size:26px;background:#f4f4f4;-webkit-font-smoothing:antiali
- vue3使用localStorage实现登录注册
万能守恒定律
vue前端vue
也许我们使用过vuex实现过登录注册,但是我们会发现,vuex一但刷新,就会被消除,于是我们就使用网页的存储方式localStorage的方式进行存储。首先我们要构造一个vue3的项目。目录创建如下,红色区域为需要修改的地方App.vue如下登录|注册#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:
- (vue)整个页面添加背景视频
nyf_unknown
VUECSSvue.jsjavascriptecmascript
(vue)整个页面添加背景视频App.vuecss#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;//text-align:center;color:#2c3e50;}video.bg{position:fi
- 左侧导航栏(有json)2020-08-31
custom.min.css---------------------------------------------a,a:focus,a:hover{text-decoration:none}.main_menu.fa{-webkit-font-smoothing:antialiased;width:24px;opacity:.99;display:inline-block;font-fami
- better-scroll:实现菜单和内容联动的效果
闪闪发光lucia
1、基本使用ezgif.com-video-to-gif.gifDocument*{margin:0;padding:0;border:0;outline:none;font-family:Arial;list-style:none;-webkit-font-smoothing:antialiased;}html,body,#app{height:100%;}#app{padding:20px0;
- UniApp中引入VantUI后出现报错@import ‘../common/index.css‘;.van-icon{text-rendering:auto;-webkit-font-smoothi
番茄Salad
uniapp学习笔记报错问题解决uni-appcss
在我们引入VantUI后,运行发现报错了!!!报错信息:@import'../common/index.css';.van-icon{text-rendering:auto;-webkit-font-smoothing:antialiased;font:normalnormalnormal14px/1vant-icon;font-size:inherit;position:relative}.va
- 分享一个隐藏链接的样式
timi先生
CSScsscss3html
先上效果图:再看代码:隐藏的链接按钮.trapdoor{-webkit-transform:translateZ(0px);-webkit-font-smoothing:antialiased;position:absolute;top:50%;left:50%;margin-left:-100px;margin-top:-25px;width:200px;height:50px;box-shad
- 前端开发中不可忽视的知识点汇总(二)
徐小夕@趣谈前端
本文为前端开发重要知识点汇总系列第二篇,上一篇请参考前端开发中不可忽视的知识点汇总(一)22.让页面里的字体变清晰,变细用CSS怎么做?-webkit-font-smoothing:antialiased;23.让overflow:scroll平滑滚动?-webkit-overflow-scrolling: touch;24.如何将浮点数点左边的数每三位添加一个逗号,如12000000.11转化
- flex布局 定义 项目样式初始化
臭臭的胡子先生
样式初始化body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}p{margin:0;}*,html,body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,span,input{font-family:web_Ping
- 字体锯齿问题
Michael18811380328
CSSfont-smoothing字体锯齿antialiased
解决方案界面中文字和字体图标,通常需要平滑显示,常规设置如下(全局字体图标设置).font{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}张鑫旭推荐的最佳实践(兼容系统和物理屏幕)body{-webkit-font-smoothing:antialiased;}/*Retina下仍使用默认字体渲染*/@m
- Vue 基本知识
傻傻小萝卜
vue3快速上手body{-webkit-font-smoothing:antialiased;font-family:"HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;margin:30px00;padding:0;background:#fff;color:#303030;font-size:14px;line-height:1.45}#wr
- 前端面试每日 3+1 —— 第954天
今天的知识点(2021.11.25)——第954天(我也要出题)[html]canvas标签有未来能取代部分DOM的功能吗?[css]你使用过css中的-webkit-font-smoothing属性吗?说说它的作用[js]如何中断事件的传播?[软技能]请说说你对自负管理的理解《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成
- CSS 属性font-smoothing
蒋大龙
font-smoothing是非标准的css渲染规则,由于不同操作系统对字体渲染不同,不同浏览器也有自己对样式的一套解释规则,所以这个css样式至今也没有加入web标准。这个样式的主要功能是对字体的锯齿进行调整。-webkit-font-smoothing是webkit在自己的渲染引擎中增加的对字体抗锯齿的调整。这个调整在ios中表现比较明显,在windows中表现的不是很明显。-webkit-f
- 一些不为人知的css样式
奔跑的兔子_
html{-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-tap-highlight-color:transparent;-webkit-user-s
- CSS骰子翻转动画
我不是费圆
CSScss3animation动画
CSS3骰子翻转动画body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background-color:#ececec;margin:0;}.ce
- html5+css写移动端顶部导航栏
ggboy6555
用户指南html{max-width:1160px;margin-left:auto;margin-right:auto;}body{position:relative;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;font-family:-apple-system,Blin
- CSS- 移动端特有样式 / input相关
Lucy-
css/css3移动端
body字体样式:body{font-family:Tahoma,Arial,Roboto,"DroidSans","HelveticaNeue","DroidSansFallback","HeitiSC",sans-self;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-webkit-overflow-scrolling
- 常用手机模板
weixin_30896825
1.用户登录页面模板用户登录页面模板html,body{color:#333;margin:0;height:100%;font-family:"MyriadSetPro","HelveticaNeue",Helvetica,Arial,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:gra
- 图标 iconfont的使用方法
大兔纸
杂项
在icnfont图标库中挑选自己需要的图标加入购物车点击购物车,点击添加至项目,加入已有项目中或新建一个项目。查看在线链接,拷贝链接内容粘贴到css文件,定义icon样式.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-web
- vue的v-slot指令使用总结
The Dark Kinght
前端
父组件代码:thisisaasdadimportslotdemofrom'./components/slotDemo.vue'exportdefault{name:'app',components:{slotdemo},}#app{font-family:'Avenir',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-
- 关于-webkit-font-smoothing属性
亭小亭
font-smoothingfont-smoothing不是标准的CSS3属性,曾出现在提案中,最终被移除。前缀-webkit是chrome和safari的私有属性,-moz是Firefox的私有属性。-webkit-font-smoothing-webkit-font-smoothing有三个值,none,subpixel-antialiased,antialiased。-webkit-font
- CSS常用小点
kara1717
1、截字white-space:no-wrap;overflow:hidden;text-overflow:ellipsis;2、使文字抗锯齿-webkit-font-smoothing:antialiased;-webkit-font-smoothing:none;3、设置滚动条的样式::-webkit-scrollbar{width:6px;}::-webkit-scrollbar-track
- css3实现幻灯片效果
sjy7329
前端
Titlebody{width:960px;margin:50pxauto0;font:13px/1.5"HelveticaNeue",Arial,sans-serif;-webkit-font-smoothing:antialiased;}a{color:inherit;text-decoration:none;}#nav{margin:30px015px;padding:5px10px;col
- 设计模式介绍
tntxia
设计模式
设计模式来源于土木工程师 克里斯托弗 亚历山大(http://en.wikipedia.org/wiki/Christopher_Alexander)的早期作品。他经常发表一些作品,内容是总结他在解决设计问题方面的经验,以及这些知识与城市和建筑模式之间有何关联。有一天,亚历山大突然发现,重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。
亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作
- android高级组件使用(一)
百合不是茶
androidRatingBarSpinner
1、自动完成文本框(AutoCompleteTextView)
AutoCompleteTextView从EditText派生出来,实际上也是一个文本编辑框,但它比普通编辑框多一个功能:当用户输入一个字符后,自动完成文本框会显示一个下拉菜单,供用户从中选择,当用户选择某个菜单项之后,AutoCompleteTextView按用户选择自动填写该文本框。
使用AutoCompleteTex
- [网络与通讯]路由器市场大有潜力可挖掘
comsci
网络
如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题.....
这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入
&nbs
- 自写简单Redis内存统计shell
商人shang
Linux shell统计Redis内存
#!/bin/bash
address="192.168.150.128:6666,192.168.150.128:6666"
hosts=(${address//,/ })
sfile="staticts.log"
for hostitem in ${hosts[@]}
do
ipport=(${hostitem
- 单例模式(饿汉 vs懒汉)
oloz
单例模式
package 单例模式;
/*
* 应用场景:保证在整个应用之中某个对象的实例只有一个
* 单例模式种的《 懒汉模式》
* */
public class Singleton {
//01 将构造方法私有化,外界就无法用new Singleton()的方式获得实例
private Singleton(){};
//02 申明类得唯一实例
priva
- springMvc json支持
杨白白
json springmvc
1.Spring mvc处理json需要使用jackson的类库,因此需要先引入jackson包
2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入
@RequestMapping("helloJson")
public @ResponseBody
JsonTest helloJson() {
- android播放,掃描添加本地音頻文件
小桔子
最近幾乎沒有什麽事情,繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能,就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道,可已通過本地掃描添加歌曲。不知道他們是怎麼實現的,我覺得應該掃描設備上的所有文件,過濾出音頻文件,每個文件實例化為一個實體,記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想,
- oracle常用命令
aichenglong
oracledba常用命令
1 创建临时表空间
create temporary tablespace user_temp
tempfile 'D:\oracle\oradata\Oracle9i\user_temp.dbf'
size 50m
autoextend on
next 50m maxsize 20480m
extent management local
- 25个Eclipse插件
AILIKES
eclipse插件
提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug,它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去,能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具,它提供了
- Spring MVC拦截器+注解方式实现防止表单重复提交
baalwolf
spring mvc
原理:在新建页面中Session保存token随机码,当保存时验证,通过后删除,当再次点击保存时由于服务器端的Session中已经不存在了,所有无法验证通过。
1.新建注解:
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
- 《Javascript高级程序设计(第3版)》闭包理解
bijian1013
JavaScript
“闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》
看以下代码:
<script type="text/javascript">
function outer() {
var i = 10;
return f
- AngularJS Module类的方法
bijian1013
JavaScriptAngularJSModule
AngularJS中的Module类负责定义应用如何启动,它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。
一.Main方法在哪里
如果你是从Java或者Python编程语言转过来的,那么你可能很想知道AngularJS里面的main方法在哪里?这个把所
- [Maven学习笔记七]Maven插件和目标
bit1129
maven插件
插件(plugin)和目标(goal)
Maven,就其本质而言,是一个插件执行框架,Maven的每个目标的执行逻辑都是由插件来完成的,一个插件可以有1个或者几个目标,比如maven-compiler-plugin插件包含compile和testCompile,即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标
使用插件和目标使得我们可以干预
- 【Hadoop八】Yarn的资源调度策略
bit1129
hadoop
1. Hadoop的三种调度策略
Hadoop提供了3中作业调用的策略,
FIFO Scheduler
Fair Scheduler
Capacity Scheduler
以上三种调度算法,在Hadoop MR1中就引入了,在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度
2. 多用户资源共享的调度
- Nginx使用Linux内存加速静态文件访问
ronin47
Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快,可以把放在磁盘中的文件,映射到内存中,减少高并发下的磁盘IO。
先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res,站点所对应文件原始存储路径:/opt/web/res
shell脚本非常简单,思路就是拷贝资源文件到内存中,然后在把网站的静态文件链接指向到内存中即可。具体如下:
- 关于Unity3D中的Shader的知识
brotherlamp
unityunity资料unity教程unity视频unity自学
首先先解释下Unity3D的Shader,Unity里面的Shaders是使用一种叫ShaderLab的语言编写的,它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader,都是指用ShaderLab编写的代码,然后我们来看下Unity3D自带的60多个S
- CopyOnWriteArrayList vs ArrayList
bylijinnan
java
package com.ljn.base;
import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;
import java.util.concurrent.CopyOnWriteArrayList;
/**
* 总述:
* 1.ArrayListi不是线程安全的,CopyO
- 内存中栈和堆的区别
chicony
内存
1、内存分配方面:
堆:一般由程序员分配释放, 若程序员不释放,程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事,分配方式是类似于链表。可能用到的关键字如下:new、malloc、delete、free等等。
栈:由编译器(Compiler)自动分配释放,存放函数的参数值,局部变量的值等。其操作方式类似于数据结构中
- 回答一位网友对Scala的提问
chenchao051
scalamap
本来准备在私信里直接回复了,但是发现不太方便,就简要回答在这里。 问题 写道 对于scala的简洁十分佩服,但又觉得比较晦涩,例如一例,Map("a" -> List(11,111)).flatMap(_._2),可否说下最后那个函数做了什么,真正在开发的时候也会如此简洁?谢谢
先回答一点,在实际使用中,Scala毫无疑问就是这么简单。
- mysql 取每组前几条记录
daizj
mysql分组最大值最小值每组三条记录
一、对分组的记录取前N条记录:例如:取每组的前3条最大的记录 1.用子查询: SELECT * FROM tableName a WHERE 3> (SELECT COUNT(*) FROM tableName b WHERE b.id=a.id AND b.cnt>a. cnt) ORDER BY a.id,a.account DE
- HTTP深入浅出 http请求
dcj3sjt126com
http
HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP,使HTTP客户(如Web浏览器)能够从HTTP服务器(Web服务器)请求信息和服务,HTTP目前协议的版本是1.1.HTTP是一种无状态的协议,无状态是指Web浏览器和Web服务器之间不需要建立持久的连接,这意味着当一个客户端向服务器端发出请求,然后We
- 判断MySQL记录是否存在方法比较
dcj3sjt126com
mysql
把数据写入到数据库的时,常常会碰到先要检测要插入的记录是否存在,然后决定是否要写入。
我这里总结了判断记录是否存在的常用方法:
sql语句: select count ( * ) from tablename;
然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费,我们只是想判断记录记录是否存在,没有必要全部都查出来。
- 对HTML XML的一点认识
e200702084
htmlxml
感谢http://www.w3school.com.cn提供的资料
HTML 文档中的每个成分都是一个节点。
节点
根据 DOM,HTML 文档中的每个成分都是一个节点。
DOM 是这样规定的:
整个文档是一个文档节点
每个 HTML 标签是一个元素节点
包含在 HTML 元素中的文本是文本节点
每一个 HTML 属性是一个属性节点
注释属于注释节点
Node 层次
- jquery分页插件
genaiwei
jqueryWeb前端分页插件
//jquery页码控件// 创建一个闭包 (function($) { // 插件的定义 $.fn.pageTool = function(options) { var totalPa
- Mybatis与Ibatis对照入门于学习
Josh_Persistence
mybatisibatis区别联系
一、为什么使用IBatis/Mybatis
对于从事 Java EE 的开发人员来说,iBatis 是一个再熟悉不过的持久层框架了,在 Hibernate、JPA 这样的一站式对象 / 关系映射(O/R Mapping)解决方案盛行之前,iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天,iBatis 凭借着易学易用、
- C中怎样合理决定使用那种整数类型?
秋风扫落叶
c数据类型
如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。
&nbs
- maven问题
zhb8015
maven问题
问题1:
Eclipse 中 新建maven项目 无法添加src/main/java 问题
eclipse创建maevn web项目,在选择maven_archetype_web原型后,默认只有src/main/resources这个Source Floder。
按照maven目录结构,添加src/main/ja
- (二)androidpn-server tomcat版源码解析之--push消息处理
spjich
javaandrodipn推送
在 (一)androidpn-server tomcat版源码解析之--项目启动这篇中,已经描述了整个推送服务器的启动过程,并且把握到了消息的入口即XmppIoHandler这个类,今天我将继续往下分析下面的核心代码,主要分为3大块,链接创建,消息的发送,链接关闭。
先贴一段XmppIoHandler的部分代码
/**
* Invoked from an I/O proc
- 用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题
中华好儿孙
JavaScriptAjaxWeb上传文件FormData
var formData = new FormData($("#inputFileForm")[0]);
$.ajax({
type:'post',
url:webRoot+"/electronicContractUrl/webapp/uploadfile",
data:formData,
async: false,
ca
- mybatis常用jdbcType数据类型
ysj5125094
mybatismapperjdbcType
MyBatis 通过包含的jdbcType
类型
BIT FLOAT CHAR