前端新手遇到的问题 ---含“ 文字贯穿线、@font-face、axios ”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1,我仅在此为大家提供解题方案以及思路,在此感谢浪子神剑老师。
[html] 举例说明实现文字贯穿线的方法有哪些?
[css] 当使用@font-face的时候,为什么src中要加入local呢?
[js] axios如何一次发送多个并发请求?
问题一:[html] 举例说明实现文字贯穿线的方法有哪些?
方法一:使用CSS text-decoration 属性
效果:
方法二:利用定位或者漂浮效果
效果:
问题二:[css] 当使用@font-face的时候,为什么src中要加入local呢?
网上的说法片面不一,CSDN和掘金都没见到正确回复,然后我在MDN找到了比较明确的说法。
MDN的 @font-face 这是一个CSS @规则 ,它允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式,@font-face
可以消除对用户电脑字体的依赖。
src
远程字体文件位置的URL或者用户计算机上的字体名称, 可以使用local语法通过名称指定用户的本地计算机上的字体( i.e. src: local('Arial'); )。 如果找不到该字体,将会尝试其他来源,直到找到它。
代码:
@font-face {font-family: MyHelvetica;src: local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),url(MgOpenModernaBold.ttf);font-weight: bold;
}
用到了用户本地字体"Helvetica Neue Bold"的备份;如果当前用户(浏览器)未安装该字体(两种可能的字体名都已经试过),就会用下载的字体"MgOpenModernaBold.ttf"来代替。意味着加入local后,代码加载时会优先采用电脑资源,而不是从网络加载,这个可以加快加载速度,提升用户体验感。
问题三:[js] axios如何一次发送多个并发请求?
这个学习还不够深入
function getUserAccount(){return axios.get('/user/12345');
}
function getUserPermissions(){return axios.get('/user/12345/permissions');
}
axios.all([getUserAccount(),getUserPermissions()]).then(axios.spread(function(acct,perms){//当这两个请求都完成的时候会触发这个函数,两个参数分别代表返回的结果}))
前端新手遇到的问题 ---含“ 文字贯穿线、@font-face、axios ”知识相关推荐
- 前端热门图书推荐,含个人心得体会与阅读顺序指南
前端热门图书推荐,含个人心得体会与阅读顺序指南 写在前面 作者非科班出身,本科学的是自动化专业,平时也能接触一些计算机编程方面的知识,因而对编程比较感兴趣.工作后正好赶上团队调整,采用主流的前后端分离 ...
- css响应式布局_Web前端新手怎么入门 如何用CSS做响应式布局
Web前端新手怎么入门?如何用CSS做响应式布局?很多Web前端新手对响应式布局和自适应布局的概念以及制作方法分不清,简单来说响应式布局相当于流动网格布局,而自适应布局等于使用固定分割点来进行布局.接 ...
- window safari 怎么进入响应式_Web前端新手怎么入门 如何用CSS做响应式布局
Web前端新手怎么入门?如何用CSS做响应式布局?很多Web前端新手对响应式布局和自适应布局的概念以及制作方法分不清,简单来说响应式布局相当于流动网格布局,而自适应布局等于使用固定分割点来进行布局.接 ...
- Vue,js前端实现语音实时转换文字,前端实现浏览器语音实时转换为文字,vue阿里云语音转文字
Vue,js前端实现浏览器语音实时转换文字功能详解 1.首先总结一下,前端使用实时语音需要使用到HZRecorder.js这个JS文件来实现获取浏览器麦克风话筒权限 大注意:HZRecorder.js ...
- web前端新手面试指南:自我介绍
web前端新手面试指南:自我介绍 面试时注意:自我介绍不能太长,也不能过短,3分钟左右最合适,尤其做为web前端技术方面的面试,更加要说到点上,我依次从学习方面.项目实践.未来规划这三个方面写下web ...
- 西门子PLC S1200新手项目程序(含触摸屏程序)
西门子PLC S1200新手项目程序(含触摸屏程序) 此程序已经实际设备上批量应用,程序成熟可靠,借鉴价值高,程序都有注释.非常适合用来西门子PLC项目学习,用的西门子S7-1200 plc和西门子触 ...
- B站云E办Springboot+vue——前端项目完整版(含源码)
一.项目简介 项目背景:受疫情的影响,许多企业由线上办公转为线下办公.随着线上办公的人数的增多,线上办公的优点逐步凸显:通过实现工作流程的自动化.节省企业办公费用.实现绿色办公,同时提升办公效率. 项 ...
- 前端新手的初级前端面试学习笔记(有答案,有些我自己觉得可以)
文章目录 var和let const的区别 那什么是变量提升? 作用域 2. typeof返回那些类型 undefined和null 什么时候使用null 3. 列举强制类型转换和隐式类型转换 手写深 ...
- Excel过期提醒设置,含文字和多种颜色提醒实例
Excel过期提醒设置,含文字和多种颜色提醒实例 电脑技术角 18-11-2822:49 在 Excel 中,过期或到期提醒可以用单纯的文字提醒,也可以文字加颜色提醒:后者可分为只用一种颜色标示过期的 ...
- linux 查找文件、含文字的文件
查文件:find ./ -name "test.txt" 查含文字的文件:find ./ -type f -name "*.*" | xargs grep &q ...
最新文章
- MySQL设值自动修改时间
- git常用命令的使用
- 程序员奶爸用树莓派制作婴儿监护仪:哭声自动通知,还能分析何时喂奶
- 【ES6】ES6编程规范 编程风格
- 读取Node.js中的环境变量
- 配置方法_CISCO防火墙端口映射配置方法
- yiicms php版本,yiicms
- Oracle数据库创建表空间及用户授权
- jmeter java接口_JMeter接口Java开发五步曲
- java仿聊天室项目总结_Java团队课程设计-socket聊天室(Day4总结篇)
- Intel安装框架爆出带本地提权的任意代码执行漏洞CVE-2017-5688
- lisp语言代替python_Lisp 语言优点那么多,为什么国内很少运用?
- 在windows平台上编写的python程序无法在_【判断题】在Windows平台上编写的Python程序无法在Unix平台运行。...
- Matlab 如何实现身份证号码快速识别
- chr 13 java 替换_【转】ASCII码对应表chr(9)、chr(10)、chr(13)、chr(32)、chr(34)、chr(39)...
- vue预览word,excel,pptx,pdf文件
- VUE-CLI不同版本共存
- 路由器刷opwenwrt固件和原厂固件教程
- FFmpeg 录制桌面、麦克风、摄像头
- RTL-SDR 学习——什么是RTL-SDR(1)