移动端设置小于12px字体,script标签

简介: 移动端设置小于12px字体,script标签

移动端设置小于12px字体

由于浏览器字体最小为12px,而移动端会使用更小字体

transform: scale(0.7);//通过缩小元素使字体减小

script标签

script标签的位置

放在head中

<head>
    <title>获取DOM元素</title>
    <script src='./js/index.js'></script>
</head>

会先加载完所有的js文件后,再渲染页面,脚本会阻止页面的渲染

放在body尾部

<body>
    <div id="atag">
        <p>一个标签</p>
    </div>
<script src='./js/index.js'></script>
</body>

将script标签放在body尾部,浏览器会先解析完整个HTML页面,再下载js;如果js执行出错了,页面中的元素还可以加载出来,因为DOM文档是从上往下的顺序执行的。

defer和async的作用----解决脚本阻塞问题

defer

<head>
    <script defer src='./js/test1.js'></script>
    <script defer src='./js/test2.js'></script>
</head>

script标签中有defer,即使写在head位置,也不会阻塞页面的加载,但先于document加载完成之前,按照脚本顺序执行

async

<script async src="test.js"></script>
<script async src="test2.js"></script>

有async标签会立即加载,那个先加载完,先执行哪一个,标记为async的脚本并不保证按照制定它们的先后顺序执行。

相关文章
ECharts 提示框组件Tooltip属性大全(包含文本注释)
ECharts 提示框组件Tooltip属性大全(包含文本注释)
1080 0
vue2项目使用?.语法报错如何解决?(@babel/plugin-proposal-optional-chaining)
vue2项目使用?.语法报错如何解决?(@babel/plugin-proposal-optional-chaining)
857 0
|
传感器 机器学习/深度学习 人工智能
未来智能家居中的人工智能应用技术
在未来智能家居的发展中,人工智能技术扮演着越来越重要的角色。本文探讨了人工智能在智能家居中的应用现状及未来趋势,涵盖了语音识别、机器学习、智能感知等关键技术的应用场景和发展前景。
219 28
|
缓存 JavaScript 前端开发
【开发规范系列】(四)前端开发规范(四)
【开发规范系列】(四)前端开发规范(四)
|
11月前
|
缓存 前端开发 JavaScript
前端性能优化:提升网页加载速度的10个技巧
【10月更文挑战第25天】在互联网时代,网页加载速度直接影响用户体验和搜索引擎排名。本文介绍了10个提升网页加载速度的技巧,包括减少HTTP请求、启用压缩、使用CDN、延迟加载非关键资源、优化图片、减少重定向、使用浏览器缓存、优化CSS和JavaScript、异步加载JavaScript以及代码分割。通过这些方法,可以显著提高网页性能,改善用户体验。
2127 5
|
JavaScript Apache 容器
如何使用ECharts制作一个简单的柱状图
如何使用ECharts制作一个简单的柱状图
395 0
|
12月前
|
JavaScript
vue中使用echarts绘制双Y轴图表时,刻度没有对齐的两种解决方法
vue中使用echarts绘制双Y轴图表时,刻度没有对齐的两种解决方法
2728 0
|
JSON 数据格式
【Axure高手秘籍】掌握这招,让你的原型设计效率飙升!——元件库导入与使用教程及主流资源下载全解析
【8月更文挑战第20天】Axure RP是界面设计与交互原型制作的强大工具。掌握元件库能显著提升设计效率。元件库包含预设UI元素如按钮、表单等,可直接拖放构建布局。在Axure RP中,通过“元件”选项下的“库”可访问并导入新元件库。导入后,轻松拖放元件至画布调整,甚至自定义样式和交互。利用脚本还能模拟真实交互效果,如按钮点击反馈。推荐资源包括Axure Marketplace、UIZilla等,助力高效设计。
504 0
|
程序员 开发者
面对XY问题,PM该何去何从
面对XY问题,PM该何去何从
|
前端开发 JavaScript Go
【开发规范系列】(四)前端开发规范(二)
【开发规范系列】(四)前端开发规范(二)