在移动端开发时,需要了解设置viewport。 viewport是视口窗口,是浏览器中显示网页的部分。在PC上基本等于设备的显示区域,但在移动设备上viewport会超出设备的显示区域(即会出现水平滚动条)。 默认单位viewport介...
新手和朋友经常对单位感兴趣。今天就跟大家总结一下三个常见的尺寸单位,px、em、rem。请注意,本文不包括 vw、vh 和百分比。 px:绝对固定的值,不会因页面放大或缩小而改变。 em:相对于父元素的字体大小的倍数。如果父元素的字体...
几年前,经验丰富的程序员总是要求我们把script的标记放在页面的底部。 显然浏览器现在有了更好的兼容性方法。在这篇文章中,我将向您介绍 script 的新的 async 和 defer 特性,并讨论 script 应该更好地定位在哪里。...
文字我将带你用canvas从头开始绘制文字。不会使用画布的同学加油~ 使用 CSS 或 html width-height 属性设置画布大小。例如以下代码将画布大小设置为200*400 <!--前端教程网--> <can...
查找文件 使用Nodejs获取指定文件夹下所有文件的文件名是一个非常非常非常常见的需求。 让我与您分享我是如何实现的: 需要注意的是:fs和path都是内置模块,这意味着我们不需要npm来安装它们。 实现代码: /** * 前端教程网...
FileList 对象通常派生自 HTML 元素<input> 的 files 属性,可以通过该对象访问用户选择的文件。用户也可以拖放这种类型的对象。 MDN 文字 如果您有一个包含元素的 HTML 表单,当用户上传一个或多...
了解 FormData 对象是什么以及如何使用它。 FormData 对象用于将表单值存储在键值对数据结构中。 您可以像这样创建一个空的 FormData 对象: /** * 前端教程网 * https://www.pipipi....
表单上传文件时如何限制只选择图片? 当然,您可以在服务器端进行限制,但同时在客户端拥有过滤器对于您的用户来说是一个非常好的用户体验 - 不会浪费时间或资源来发送文件和错误。回。 您可以通过使用接受属性并指定您接受的 MIME 文...
窗口对象 表示浏览器中打开的窗口或框架。窗口对象每次出现时都会自动创建。在客户端 JavaScript 中,Window 对象是全局全局对象,所有表达式都在当前环境中。例如:您可以只写 document 而不是 window.docume...
本文的目标:了解如何在HTML中使用容器标签,并找出合适的容器标签。 容器标签 HTML 提供了一组容器标签。这些标签可能包含一组未指定的其他标签。 以下是常见的: 文章sectiondiv 理解它们之间的 的区别可能会令人困惑...