web前端
夏日踩冰
这个作者很懒,什么都没留下…
展开
-
HTML页面(浏览器)宽度小于内容宽度,超出页面宽度的部分不显示
在HTML页面中,页面的宽度一般是内容宽度。但在某些情况下,如果设置的内容的宽度,当浏览器的尺寸小于内容宽度,页面的显示就会出现问题。下图是一个PC页面,在浏览器宽度>680px时能正常显示。当浏览器宽度为500px时,浏览器出现的滚动条,看起来似乎正常。但拖动滚动条,超出部分的则显示空表。原因分析在上图中,页面的header部分没有设置宽度,他的宽度默认是占一行。当浏览器宽度小于680px时,header的内容由于设置了width:680px,浏览器被撑开,出...原创 2021-09-09 16:47:16 · 3379 阅读 · 0 评论 -
栅格系统的写法实践(响应式布局原理)——layui
layui是非常流行的前端框架,其栅格系统可以帮助我们快速进行页面布局,并且实现响应式效果。一、栅格系统的常规使用方式以下是一个常规的栅格系统示例代码:<div class="layui-container"> 栅格系统示例: <div class="layui-row"> <div class="layui-col-xs3 layui-col-sm6 layui-col-md9 layui-bg-green">原创 2020-10-27 17:50:16 · 1910 阅读 · 0 评论 -
JavaScript 去掉小数点后多余的0
var number_format = function(number, n){ n = n ? parseInt(n) : 8; if (n <= 0) return Math.round(number); number = Math.round(number * Math.pow(10, n)) / Math.pow(10, n); return number;}number_format(1.201000) //1.201原创 2020-07-28 18:30:05 · 1732 阅读 · 2 评论 -
Vue.js学习路径 & Web前端工程知识体系
* ECMAScript 6ECMAScript 6.0(简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。学习资源:【技术胖带你玩转ES6视频教程】参考链接:【ES6这些就够了】【ECMAScript 6 阮一峰手册】* web...原创 2018-12-18 10:34:43 · 8152 阅读 · 0 评论