问题源自知乎—浪子神剑老师的前端面试每日 3+1,我仅在此为大家提供解题方案以及思路,在此感谢浪子神剑老师。

  1. [html] 举例说明实现文字贯穿线的方法有哪些?

  2. [css] 当使用@font-face的时候,为什么src中要加入local呢?

  3. [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 ”知识相关推荐

  1. 前端热门图书推荐,含个人心得体会与阅读顺序指南

    前端热门图书推荐,含个人心得体会与阅读顺序指南 写在前面 作者非科班出身,本科学的是自动化专业,平时也能接触一些计算机编程方面的知识,因而对编程比较感兴趣.工作后正好赶上团队调整,采用主流的前后端分离 ...

  2. css响应式布局_Web前端新手怎么入门 如何用CSS做响应式布局

    Web前端新手怎么入门?如何用CSS做响应式布局?很多Web前端新手对响应式布局和自适应布局的概念以及制作方法分不清,简单来说响应式布局相当于流动网格布局,而自适应布局等于使用固定分割点来进行布局.接 ...

  3. window safari 怎么进入响应式_Web前端新手怎么入门 如何用CSS做响应式布局

    Web前端新手怎么入门?如何用CSS做响应式布局?很多Web前端新手对响应式布局和自适应布局的概念以及制作方法分不清,简单来说响应式布局相当于流动网格布局,而自适应布局等于使用固定分割点来进行布局.接 ...

  4. Vue,js前端实现语音实时转换文字,前端实现浏览器语音实时转换为文字,vue阿里云语音转文字

    Vue,js前端实现浏览器语音实时转换文字功能详解 1.首先总结一下,前端使用实时语音需要使用到HZRecorder.js这个JS文件来实现获取浏览器麦克风话筒权限 大注意:HZRecorder.js ...

  5. web前端新手面试指南:自我介绍

    web前端新手面试指南:自我介绍 面试时注意:自我介绍不能太长,也不能过短,3分钟左右最合适,尤其做为web前端技术方面的面试,更加要说到点上,我依次从学习方面.项目实践.未来规划这三个方面写下web ...

  6. 西门子PLC S1200新手项目程序(含触摸屏程序)

    西门子PLC S1200新手项目程序(含触摸屏程序) 此程序已经实际设备上批量应用,程序成熟可靠,借鉴价值高,程序都有注释.非常适合用来西门子PLC项目学习,用的西门子S7-1200 plc和西门子触 ...

  7. B站云E办Springboot+vue——前端项目完整版(含源码)

    一.项目简介 项目背景:受疫情的影响,许多企业由线上办公转为线下办公.随着线上办公的人数的增多,线上办公的优点逐步凸显:通过实现工作流程的自动化.节省企业办公费用.实现绿色办公,同时提升办公效率. 项 ...

  8. 前端新手的初级前端面试学习笔记(有答案,有些我自己觉得可以)

    文章目录 var和let const的区别 那什么是变量提升? 作用域 2. typeof返回那些类型 undefined和null 什么时候使用null 3. 列举强制类型转换和隐式类型转换 手写深 ...

  9. Excel过期提醒设置,含文字和多种颜色提醒实例

    Excel过期提醒设置,含文字和多种颜色提醒实例 电脑技术角 18-11-2822:49 在 Excel 中,过期或到期提醒可以用单纯的文字提醒,也可以文字加颜色提醒:后者可分为只用一种颜色标示过期的 ...

  10. linux 查找文件、含文字的文件

    查文件:find ./ -name "test.txt" 查含文字的文件:find ./ -type f -name "*.*" | xargs grep &q ...

最新文章

  1. MySQL设值自动修改时间
  2. git常用命令的使用
  3. 程序员奶爸用树莓派制作婴儿监护仪:哭声自动通知,还能分析何时喂奶
  4. 【ES6】ES6编程规范 编程风格
  5. 读取Node.js中的环境变量
  6. 配置方法_CISCO防火墙端口映射配置方法
  7. yiicms php版本,yiicms
  8. Oracle数据库创建表空间及用户授权
  9. jmeter java接口_JMeter接口Java开发五步曲
  10. java仿聊天室项目总结_Java团队课程设计-socket聊天室(Day4总结篇)
  11. Intel安装框架爆出带本地提权的任意代码执行漏洞CVE-2017-5688
  12. lisp语言代替python_Lisp 语言优点那么多,为什么国内很少运用?
  13. 在windows平台上编写的python程序无法在_【判断题】在Windows平台上编写的Python程序无法在Unix平台运行。...
  14. Matlab 如何实现身份证号码快速识别
  15. chr 13 java 替换_【转】ASCII码对应表chr(9)、chr(10)、chr(13)、chr(32)、chr(34)、chr(39)...
  16. vue预览word,excel,pptx,pdf文件
  17. VUE-CLI不同版本共存
  18. 路由器刷opwenwrt固件和原厂固件教程
  19. FFmpeg 录制桌面、麦克风、摄像头
  20. RTL-SDR 学习——什么是RTL-SDR(1)

热门文章

  1. python中localtime和gtime的区别及时区计算的代码
  2. 深入table之collapse
  3. 幼儿的健脑菜谱:椰子鸡汤
  4. Android Manifest配置文件中use-permission相关内容列表
  5. 1156 十个成绩排序
  6. 一个外国程序员中的中国程序员
  7. WORD转PDF格式快捷方法(转贴)
  8. Unity Spine 换装
  9. AURIX TC397 Multicore 多核
  10. java操作k8s api报错:SSLHandshakeException: should not be presented in certificate_request