- CSS前端经典面试题及解析——小白入门必备
2301_82243710
程序员前端css
12.如何实现一个使用非标准字体的网页设计?使用@font-face并为不同的font-weight定义font-family。13.解释浏览器如何确定哪些元素与CSS选择器匹配。这部分与上面关于编写高效的CSS有关。浏览器从最右边的选择器(关键选择器)根据关键选择器,浏览器从DOM中筛选出元素,然后向上遍历被选元素的父元素,判断是否匹配。选择器匹配语句链越短,浏览器的匹配速度越快。例如,对于形如
- 微信小程序iconfont图标字体解决方案
kikiki4
此文演示如何在小程序上使用iconfont字体图标。使用说明登录阿里巴巴iconfont.cnimage.png新建项目image.png点击icon收藏image.png加入到test项目中image.png下载到本地解压image.png生成代码image.png复制iconfont.css到xxx.wxssimage.png替换iconfont.css中的@font-face为上面的生成代码
- html5在线俄罗斯方块,HTML5+JS实现俄罗斯方块
俯卧撑菜鸟
html5在线俄罗斯方块
HTML俄罗斯方块@font-face{font-family:tmb;src:url("DS-DIGIB.TTF")format("TrueType");}body>div{font-size:13pt;padding-bottom:8px;}span{font-family:tmb;font-size:20pt;color:green;}俄罗斯方块速度:当前积分:最高积分:jsconstTET
- 深入CSS字体的DNA:@font-face规则全解析
2401_85743969
csstensorflow前端
标题:深入CSS字体的DNA:@font-face规则全解析CSS的@font-face规则是实现自定义字体功能的核心,它允许网页设计师使用几乎任何字体来增强网页的视觉表现力。本文将详细解释@font-face规则的工作原理,并通过代码示例展示如何在网页设计中应用这一强大的CSS特性。1.@font-face规则简介@font-face规则允许你定义自己的字体样式和字体来源,通过指定字体族名、字体
- 二级下拉导航栏(自用复习)
啊森森啊
htmlcsswebview
@font-face{font-family:'iconfont';src:url('font/iconfont.woff2?t=1644841985840')format('woff2'),url('font/iconfont.woff?t=1644841985840')format('woff'),url('font/iconfont.ttf?t=1644841985840')format('
- js基础(1)
象更
javascript开发语言ecmascript
操作数组数组.push()将一个或多个元素添加到数组末尾,返回数组新长度数组.unshift()将一个或多个元素添加到数组末尾,返回数组新长度数组.pop()删除最后一个元素,返回该元素的值更灵活的删除方法,删除指定元素数组.splice(起始位置,删除几个元素)起始位置从0开始渲染柱形图~/*写代码时始终要考虑权重问题!*/@font-face{font-family:'icomoon';src
- Web课程学习笔记--前端常见跨域解决方案
北航程序员小C
Web学习笔记前端学习笔记
前端常见跨域解决方案什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.)资源跳转:A链接、重定向、表单提交2.)资源嵌入:、、、等dom标签,还有样式中background:url()、@font-face()等文件外链3.)脚本请求:js发起的ajax请求、dom和js对象的跨域操作等其实我们通常所说的跨域是狭义的,是由浏览器同源策略限制的一类
- css 自定义字体
MakerSir
@font-face{font-family:'oppor';src:url(http://localhost/wordpress/font/OPPOSANS-R.TTF);}.oppor{font-family:'oppor';}@font-face{font-family:'oppob';src:url(http://localhost/wordpress/font/OPPOSANS-B.TT
- vue项目引入外部字体
我是人间烟火
一、vue项目引入外部字体1.网上下载字体包2.在项目中引入字体3.然后在css文件夹创建一个font.css文件,文件用于声明引入的字体,定义字体名称@font-face{font-family:'SourceHanSansCN-Medium';src:url('../font/SourceHanSansSC-Medium.otf');font-weight:normal;font-style:
- CSS高级技巧
珍✰
前端webcss前端
一、精灵图1.1为什么需要精灵图?1.2精灵图(sprites)的使用二、字体图标2.1字体图标的产生2.2字体图标的优点2.3字体图标的下载icomoom字库http://icomoon.io阿里iconfont字库http://www.iconfont.cn/2.4字体图标的引用/*字体声明*/@font-face{font-family:'icomoon';src:url('fonts/ic
- 非网络引用element-ui css导致图标无法正常显示的解决办法
波波仔86
vueelement-ui本地无法访问图标
官方推荐的CDN方式,通过unpkg.com/element-ui获取到最新版本的资源,在页面上引入js和css文件即可开始使用于是我直接把这两个文件下载到本地,页面中直接在本地引用即可。但是运行后发现图标无法正常访问。F12发现请求不到icon文件:原因:在本地的index.css中发现如下代码是网络请求icon的@font-face{font-family:element-icons;src:
- vue-cli引入外部字体,自定义名称应用到全局
shawxlee
VueCSS/Sass参考手册【置顶】vuevuecli字体fontcss
vue-cli引入外部字体,自定义名称应用到全局1、src/assets下新建文件夹fonts,将所有外部字体文件放入其中2、fonts下新建与字体同级的文件font.css,引入字体并定义名称:@font-face{font-family:'Montserrat-Regular';/*自定义字体名称*/src:url('Montserrat-Regular-8.otf');/*字体文件名*/}@
- CSS强大的功能--太极图的实现
虚拟社群
csscss3html
对于CSS的认识如果你还只停留在网页的一些元素的美化,版面样式的调整那你就是大错特错了,现在的CSS3所具备的特性真的是让人惊艳。除了原有的css2所具备的特性外,更是加入了RGBA和透明度,让你可以轻松的可以设置任何颜色任何透明透的背景色。text-shadow阴影,font-face属性,border-radius属性,border-image属性,box-shadow属性以及更炫的支持动画,
- 跟着pink老师前端入门教程-day14+15
axiu呀
前端自学前端开发语言html5css3vscodecss
2.6main主体模块制作HTML:品优购快报更多[特惠】备战开学季全民半价购数码[公告】品优稳占家电网购六成份额[特惠】百元中秋全品类礼券限里领[公告】上品优生鲜享阳澄湖大闸蟹[特惠】每日享折扣品优品质游花费减飞机花费花费花费花费花费花费花费花费花费花费CSS/*声明字体图标*/@font-face{font-family:'icomoon';src:url('../fonts/icomoon.
- 【NodeJS & JS】动态加载字体的各方式及注意事项;
oumae-kumiko
javascriptfabric.js前端javascript前端fabric
首先加载字体这个需求基本只存在于非系统字体,系统已有字体不需要加载即可直接使用;方案1:创建style标签,写入@font-face{font-family:'xxx';src:url('xxx')}等相关字体样式;将style标签添加到body里;方案2:通过newFontFace()进行字体加载,然后通过相关API进行检测加载情况;方案1的适用场景:适合一次性加载所需字体;自己对应功能读取字体
- 高德地图海量点加载自定义fonticon,canvas绘制fonticon
球球不吃虾
随笔canvasicons前端uni-app
文章目录1.自定义海量点的图标,需要用到AMAPui组件库。2.0版本引入过程:2.icon字体库第一步:拷贝项目下面生成的font-face第二步:定义使用iconfont的样式第三步:挑选相应图标并获取字体编码,应用于页面3.转义函数于加载高德地图的海量点加载并自定义fonticon的过程可以分为几个步骤。请注意,高德地图API的使用可能随着时间和版本更新而有所变化,因此请参考最新的官方文档。
- css字体引入
时子释
1.使用@font-face{}@font-face{font-family:myFirstFont;src:url('Sansation_Light.ttf'),url('Sansation_Light.eot');/*IE9*/}2.使用中文字体需要.ttf格式3.使用less定义类.fontFace(@name,@url){@font-face{font-family:'@{name}';s
- 22个实用的CSS技巧
Dream_travelerly
csscss前端
想要让你的网站在激烈的竞争中脱颖而出吗?使用CSS的强大功能可以帮助你实现这一目标。本文将分享22个实用的CSS技巧,帮助你提升网站的外观和用户体验。无论你是一个新手还是有经验的开发者,这些技巧都将为你的网站注入新鲜的设计元素和动感效果。自定义字体:通过使用@font-face规则,你可以在网站中应用自定义字体,增加独特性和品牌识别度。选择适合你网站风格的字体,并确保它们能够正确加载和显示。渐变背
- CSS3字体和字体图标
HGYYR
csscss3前端
字体和字体图标1、CSS3嵌入网络字体1、https://www.dafont.com/2、可以通过网站下载自己喜欢的字体3、在style里面通过@font-face定义这个字体和字体的所在位置,就可以通过font-family引入这个字体@font-face{font-family:myfont;src:url(../font/suite/SuitePersonalUse.ttf);}div{f
- 值列表
Lia代码猪崽
所谓值列表(lists)是指Sass如何处理CSS中:margin:10px15px00或者:font-face:Helvetica,Arial,sans-serif像上面这样通过空格或者逗号分隔的一系列的值。事实上,独立的值也被视为值列表——只包含一个值的值列表。Sass列表函数(Sasslistfunctions)赋予了值列表更多功能(Sass进级会有讲解):nth函数(nthfunction
- HTML引入外部字体
Eccc_o
WEB前端
话不多说,直接上代码@font-face{font-family:'aaa';src:url('');}font-family:aaa;感兴趣的可以试试~
- 网页字体美化自定义font-face字体库大小优化
西峰导师
网页都知道可以自定义字体,有些需要突出设计感的网页,不一样的字体是必不可少的。对于css3而言这也是个容易实现的功能,通过@font-face属性即可自定义字体,然后直接使用font-family使用。/*自定义字体类型*/@font-face{font-family:"newname";src:url("字体文件URL");}/*使用*/body{font-family:"newname";}英
- 阿里巴巴矢量图标库在uni-app中的使用方法
B·O·P
uni-app
开发工具为:HBuilderX步骤1:先将喜欢的字体图标加入购物车中点击购物车然后点击添加至项目有就选择没有就新建步骤2:1.将项目文件下载至本地2.打开下载到本地的项目文件,将箭头所指的四个文件放入项目的static目录下(可以新建个文件夹放入,方便管理)3.打开iconfont.css文件,然后将顶部@font-face{}替换为你的项目中Unicode下的@font-face{}4.然后在A
- 常见面试题之CSS
xxq_0217
css前端
CSS3的新特性新增选择器::nth-child()、:first-of-type、:last-of-type等弹性盒子:display:flex媒体查询:@media根据设备的特性和屏幕大小应用不同的样式规则多列布局:column-count和column-with等属性可以实现将内容分为多列显示文本:自定义字体@font-face;阴影text-shadow;文字装饰text-stoke-co
- 响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 例2-2@font-face用法
m0_73657966
前端html5css3
代码@font-face用法@font-face{font-family:myFont;src:url("css/fonts/书法.ttf");}div{font-family:myFont;font-size:4em;}使用@font-face,应用漂亮的Web字体上述代码中:@font-face属性设置了自定义字体,font-family属性表示为自定义体取的名字,src属性用来设置文件的路径
- 如何在网页中嵌入自己想要的字体
高阳刘
通过CSS的@font-face属性来实现在网页中嵌入任意字体1、获取要使用字体的三种文件格式,确保能在主流浏览器中都能正常显示该字体.TTF或.OTF,适用于Firefox3.5、Safari、Opera.EOT,适用于InternetExplorer4.0+.SVG,适用于Chrome、IPhone2、浏览器兼容使用CSS3的@font-face属性可以实现在网页中嵌入任意字体,但是IE只支持
- 前端跨域解决方案简述
EricaRui
跨域是指一个域下的文档或脚本试图去请求另一个域下的资源。比如:资源跳转:a链接、重定向、表单提交资源嵌入:、、、等dom标签,还有样式中background:url()、@font-face()等文件外链脚本请求:js发起的ajax请求、dom和js对象的跨域操作等我们通常所说的跨域主要是由于浏览器的同源策略/SOP(Sameoriginpolicy)限制的一类场景。1.同源策略(Sameorig
- Material + Icon的使用方法
___大鱼___
文章来源:https://www.1117.work/article/104/article_detail/1.下载Icon+css文件http://fonts.googleapis.com/icon?family=Material+Icons或者自定义demo.css文件写入如下内容:@font-face{font-family:'MaterialIcons';font-style:normal
- CSS新增文本样式(完整)
AI-Ming
html+csscss前端
文本样式概念:在CSS3中,增加了丰富的文本修饰效果,使得页面更加美观舒服。常用的文本样式属性属性说明text-shadow文本阴影text-stroke文本描边text-align-last文本对齐white-space处理空白字符text-overflow文本溢出word-wrap|word-break强制换行@font-face嵌入字体W3C坐标系说明我们日常生活使用最多的是数学坐标系,但C
- vue用import方式引入ttf字体文件报错及解决方法
Alone深秋
VueCssvue.jscss
关于在vue项目中引入ttf格式的字体文件,基本工作:下载下来字体文件,新建一个font文件夹,把字体文件放进去,在新建一个font.css文件(可以不用新建,直接在主css文件里写),把字体文件@font-face引入进css里。注:@font-face也可以直接在scss文件里写或引入,不一定要在css文件里。前面工作做完后,运行报错O(∩_∩)O网上查了好半天,普遍都说是配置文件webpac
- java线程的无限循环和退出
3213213333332132
java
最近想写一个游戏,然后碰到有关线程的问题,网上查了好多资料都没满足。
突然想起了前段时间看的有关线程的视频,于是信手拈来写了一个线程的代码片段。
希望帮助刚学java线程的童鞋
package thread;
import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Date
- tomcat 容器
BlueSkator
tomcatWebservlet
Tomcat的组成部分 1、server
A Server element represents the entire Catalina servlet container. (Singleton) 2、service
service包括多个connector以及一个engine,其职责为处理由connector获得的客户请求。
3、connector
一个connector
- php递归,静态变量,匿名函数使用
dcj3sjt126com
PHP递归函数匿名函数静态变量引用传参
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Current To-Do List</title>
</head>
<body>
- 属性颜色字体变化
周华华
JavaScript
function changSize(className){
var diva=byId("fot")
diva.className=className;
}
</script>
<style type="text/css">
.max{
background: #900;
color:#039;
- 将properties内容放置到map中
g21121
properties
代码比较简单:
private static Map<Object, Object> map;
private static Properties p;
static {
//读取properties文件
InputStream is = XXX.class.getClassLoader().getResourceAsStream("xxx.properti
- [简单]拼接字符串
53873039oycg
字符串
工作中遇到需要从Map里面取值拼接字符串的情况,自己写了个,不是很好,欢迎提出更优雅的写法,代码如下:
import java.util.HashMap;
import java.uti
- Struts2学习
云端月影
最近开始关注struts2的新特性,从这个版本开始,Struts开始使用convention-plugin代替codebehind-plugin来实现struts的零配置。
配置文件精简了,的确是简便了开发过程,但是,我们熟悉的配置突然disappear了,真是一下很不适应。跟着潮流走吧,看看该怎样来搞定convention-plugin。
使用Convention插件,你需要将其JAR文件放
- Java新手入门的30个基本概念二
aijuans
java新手java 入门
基本概念: 1.OOP中唯一关系的是对象的接口是什么,就像计算机的销售商她不管电源内部结构是怎样的,他只关系能否给你提供电就行了,也就是只要知道can or not而不是how and why.所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,很大限度上提高复用率。 2.OOP中最重要的思想是类,类是模板是蓝图,
- jedis 简单使用
antlove
javarediscachecommandjedis
jedis.RedisOperationCollection.java
package jedis;
import org.apache.log4j.Logger;
import redis.clients.jedis.Jedis;
import java.util.List;
import java.util.Map;
import java.util.Set;
pub
- PL/SQL的函数和包体的基础
百合不是茶
PL/SQL编程函数包体显示包的具体数据包
由于明天举要上课,所以刚刚将代码敲了一遍PL/SQL的函数和包体的实现(单例模式过几天好好的总结下再发出来);以便明天能更好的学习PL/SQL的循环,今天太累了,所以早点睡觉,明天继续PL/SQL总有一天我会将你永远的记载在心里,,,
函数;
函数:PL/SQL中的函数相当于java中的方法;函数有返回值
定义函数的
--输入姓名找到该姓名的年薪
create or re
- Mockito(二)--实例篇
bijian1013
持续集成mockito单元测试
学习了基本知识后,就可以实战了,Mockito的实际使用还是比较麻烦的。因为在实际使用中,最常遇到的就是需要模拟第三方类库的行为。
比如现在有一个类FTPFileTransfer,实现了向FTP传输文件的功能。这个类中使用了a
- 精通Oracle10编程SQL(7)编写控制结构
bijian1013
oracle数据库plsql
/*
*编写控制结构
*/
--条件分支语句
--简单条件判断
DECLARE
v_sal NUMBER(6,2);
BEGIN
select sal into v_sal from emp
where lower(ename)=lower('&name');
if v_sal<2000 then
update emp set
- 【Log4j二】Log4j属性文件配置详解
bit1129
log4j
如下是一个log4j.properties的配置
log4j.rootCategory=INFO, stdout , R
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appe
- java集合排序笔记
白糖_
java
public class CollectionDemo implements Serializable,Comparable<CollectionDemo>{
private static final long serialVersionUID = -2958090810811192128L;
private int id;
private String nam
- java导致linux负载过高的定位方法
ronin47
定位java进程ID
可以使用top或ps -ef |grep java
![图片描述][1]
根据进程ID找到最消耗资源的java pid
比如第一步找到的进程ID为5431
执行
top -p 5431 -H
![图片描述][2]
打印java栈信息
$ jstack -l 5431 > 5431.log
在栈信息中定位具体问题
将消耗资源的Java PID转
- 给定能随机生成整数1到5的函数,写出能随机生成整数1到7的函数
bylijinnan
函数
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
public class RandNFromRand5 {
/**
题目:给定能随机生成整数1到5的函数,写出能随机生成整数1到7的函数。
解法1:
f(k) = (x0-1)*5^0+(x1-
- PL/SQL Developer保存布局
Kai_Ge
近日由于项目需要,数据库从DB2迁移到ORCAL,因此数据库连接客户端选择了PL/SQL Developer。由于软件运用不熟悉,造成了很多麻烦,最主要的就是进入后,左边列表有很多选项,自己删除了一些选项卡,布局很满意了,下次进入后又恢复了以前的布局,很是苦恼。在众多PL/SQL Developer使用技巧中找到如下这段:
&n
- [未来战士计划]超能查派[剧透,慎入]
comsci
计划
非常好看,超能查派,这部电影......为我们这些热爱人工智能的工程技术人员提供一些参考意见和思想........
虽然电影里面的人物形象不是非常的可爱....但是非常的贴近现实生活....
&nbs
- Google Map API V2
dai_lm
google map
以后如果要开发包含google map的程序就更麻烦咯
http://www.cnblogs.com/mengdd/archive/2013/01/01/2841390.html
找到篇不错的文章,大家可以参考一下
http://blog.sina.com.cn/s/blog_c2839d410101jahv.html
1. 创建Android工程
由于v2的key需要G
- java数据计算层的几种解决方法2
datamachine
javasql集算器
2、SQL
SQL/SP/JDBC在这里属于一类,这是老牌的数据计算层,性能和灵活性是它的优势。但随着新情况的不断出现,单纯用SQL已经难以满足需求,比如: JAVA开发规模的扩大,数据量的剧增,复杂计算问题的涌现。虽然SQL得高分的指标不多,但都是权重最高的。
成熟度:5星。最成熟的。
- Linux下Telnet的安装与运行
dcj3sjt126com
linuxtelnet
Linux下Telnet的安装与运行 linux默认是使用SSH服务的 而不安装telnet服务 如果要使用telnet 就必须先安装相应的软件包 即使安装了软件包 默认的设置telnet 服务也是不运行的 需要手工进行设置 如果是redhat9,则在第三张光盘中找到 telnet-server-0.17-25.i386.rpm
- PHP中钩子函数的实现与认识
dcj3sjt126com
PHP
假如有这么一段程序:
function fun(){
fun1();
fun2();
}
首先程序执行完fun1()之后执行fun2()然后fun()结束。
但是,假如我们想对函数做一些变化。比如说,fun是一个解析函数,我们希望后期可以提供丰富的解析函数,而究竟用哪个函数解析,我们希望在配置文件中配置。这个时候就可以发挥钩子的力量了。
我们可以在fu
- EOS中的WorkSpace密码修改
蕃薯耀
修改WorkSpace密码
EOS中BPS的WorkSpace密码修改
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 201
- SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】
hanqunfeng
SpringSecurity
SpringSecurity的配置相对来说有些复杂,如果是完整的bean配置,则需要配置大量的bean,所以xml配置时使用了命名空间来简化配置,同样,spring为我们提供了一个抽象类WebSecurityConfigurerAdapter和一个注解@EnableWebMvcSecurity,达到同样减少bean配置的目的,如下:
applicationContex
- ie 9 kendo ui中ajax跨域的问题
jackyrong
AJAX跨域
这两天遇到个问题,kendo ui的datagrid,根据json去读取数据,然后前端通过kendo ui的datagrid去渲染,但很奇怪的是,在ie 10,ie 11,chrome,firefox等浏览器中,同样的程序,
浏览起来是没问题的,但把应用放到公网上的一台服务器,
却发现如下情况:
1) ie 9下,不能出现任何数据,但用IE 9浏览器浏览本机的应用,却没任何问题
- 不要让别人笑你不能成为程序员
lampcy
编程程序员
在经历六个月的编程集训之后,我刚刚完成了我的第一次一对一的编码评估。但是事情并没有如我所想的那般顺利。
说实话,我感觉我的脑细胞像被轰炸过一样。
手慢慢地离开键盘,心里很压抑。不禁默默祈祷:一切都会进展顺利的,对吧?至少有些地方我的回答应该是没有遗漏的,是不是?
难道我选择编程真的是一个巨大的错误吗——我真的永远也成不了程序员吗?
我需要一点点安慰。在自我怀疑,不安全感和脆弱等等像龙卷风一
- 马皇后的贤德
nannan408
马皇后不怕朱元璋的坏脾气,并敢理直气壮地吹耳边风。众所周知,朱元璋不喜欢女人干政,他认为“后妃虽母仪天下,然不可使干政事”,因为“宠之太过,则骄恣犯分,上下失序”,因此还特地命人纂述《女诫》,以示警诫。但马皇后是个例外。
有一次,马皇后问朱元璋道:“如今天下老百姓安居乐业了吗?”朱元璋不高兴地回答:“这不是你应该问的。”马皇后振振有词地回敬道:“陛下是天下之父,
- 选择某个属性值最大的那条记录(不仅仅包含指定属性,而是想要什么属性都可以)
Rainbow702
sqlgroup by最大值max最大的那条记录
好久好久不写SQL了,技能退化严重啊!!!
直入主题:
比如我有一张表,file_info,
它有两个属性(但实际不只,我这里只是作说明用):
file_code, file_version
同一个code可能对应多个version
现在,我想针对每一个code,取得它相关的记录中,version 值 最大的那条记录,
SQL如下:
select
*
- VBScript脚本语言
tntxia
VBScript
VBScript 是基于VB的脚本语言。主要用于Asp和Excel的编程。
VB家族语言简介
Visual Basic 6.0
源于BASIC语言。
由微软公司开发的包含协助开发环境的事
- java中枚举类型的使用
xiao1zhao2
javaenum枚举1.5新特性
枚举类型是j2se在1.5引入的新的类型,通过关键字enum来定义,常用来存储一些常量.
1.定义一个简单的枚举类型
public enum Sex {
MAN,
WOMAN
}
枚举类型本质是类,编译此段代码会生成.class文件.通过Sex.MAN来访问Sex中的成员,其返回值是Sex类型.
2.常用方法
静态的values()方