随笔分类 - 水车--HTML
前端有关html， html5的相关知识，此分类中不可避免的会混有js和css相关知识
摘要：后缀名 MIME名称 *.3gpp audio/3gpp, video/3gpp *.ac3 audio/ac3 *.asf allpication/vnd.ms-asf *.au audio/basic *.css text/css *.csv text/csv *.doc application
阅读全文
摘要：前言 在这篇文章中，我们将介绍ESLint和Prettier，用于在Nuxt 3项目中自动设置代码样式格式。 配置自动设置代码样式有这些好处： 一致性：自动执行某种风格。特别是在代码审查中避免吹毛求疵的论点。 节省时间：无需手动格式化代码。 代码质量：捕捉代码中的潜在问题，例如语法错误和编码风格冲突
阅读全文
摘要：
前端开发中，字体是很重要的一部分。特别是针对一些演示大屏页面做开发时，字体更为重要。然而，当客户电脑没有安装你想要的字体时，页面可能会达不到预期效果。那么该怎么办呢？
阅读全文
前端开发中，字体是很重要的一部分。特别是针对一些演示大屏页面做开发时，字体更为重要。然而，当客户电脑没有安装你想要的字体时，页面可能会达不到预期效果。那么该怎么办呢？
阅读全文
摘要：前言 我们在使用一些 element 组件时，很多组件都有默认事件，这些默认事件通常会有一些默认参数以便于使用。 这些参数都是固定的，很有可能会不满足我们的业务需求，那么，我们就需要增加一些额外的参数了。 操作 这里用 带输入建议的 input 组件举例 <el-autocomplete> 这个组件
阅读全文
摘要：##前言 Vue3 必然是未来趋势，早学早超生 概念入门 vue.js github库升级为 vue-next element-ui github 库升级为 element-plus vue3 官网地址https://v3.cn.vuejs.org/guide/composition-api-int
阅读全文
摘要：1. 前言 本文主讲内容为：getBoundingClientRect()函数说明以及在原生JS中和Vue环境下如何使用 2. getBoundingClientRect函数 getBoundingClientRect 函数使用在dom元素中 Element.getBoundingClientRec
阅读全文
摘要：
我们现在来看一下如何在canvas中绘制文本。canvas 提供了两种方法来渲染文本:
fillText(text, x, y [, maxWidth])
在指定的(x,y)位置填充指定的文本，绘制的最大宽度是可选的.
strokeText(text, x, y [, maxWidth])
在指定的(x,y)位置绘制文本边框，绘制的最大宽度是可选的.
阅读全文
我们现在来看一下如何在canvas中绘制文本。canvas 提供了两种方法来渲染文本:
fillText(text, x, y [, maxWidth])
在指定的(x,y)位置填充指定的文本，绘制的最大宽度是可选的.
strokeText(text, x, y [, maxWidth])
在指定的(x,y)位置绘制文本边框，绘制的最大宽度是可选的.
阅读全文
摘要：备忘 1. canvas标签的宽和高设置是标签属性设置, 不是 css 属性设置. 如果用 css 属性设置大小, canvas 会被拉伸. 标签属性例如: class, id, style, width, heigh...... css 属性例如: style.width, style.heigh
阅读全文
摘要：参考:https://segmentfault.com/a/1190000010932321
阅读全文
摘要：转自：http://www.haorooms.com/post/input_file_leixing 一、input:file属性 属性值有以下几个比较常用： accept：表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。 multiple：是否可以选择多个
阅读全文
摘要：在Javascript 中，页面上的每一对<form> 标记都解析为一个对象，即form 对象。 可以通过document.forms 获取以源顺序排列的文档中所有form 对象的集合。 如果一个表单对象定义如下： <form name="frm1" method="post" action="lo
阅读全文
摘要：原文链接：http://m.blog.csdn.net/article/details?id=53484535 不错 —— 由 都不要欺负我 分享 Emmet 是一个可用在许多流行文本编辑器上的极大简化HTML和CSS工作流程的插件。 Emmet的所有功能，都是在输入后按tab键，就会显示出你所想要
阅读全文
摘要：资料： http://blog.5ibc.net/p/39927.html 正文： 简单的说就是映入两个css文件 <link/> <link/> 每个css文件都有一个属性是：media 用于显示的设置为：media="scree"; 用于打印的设置为：media="print"; 各自写各自的C
阅读全文
摘要：直接使用 <p style="text-align: center; "> <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/hamster/
阅读全文
摘要：原文链接：http://blog.csdn.net/kongjiea/article/details/17092413(收藏专用！如需转载，请点击链接，联系博主，获得同意后方可转载) 3、name之设置作者姓名及联系方式 说明：设置作者姓名及联系方式 <meta name="author" cont
阅读全文
摘要：几个最常用的用来代替DIV的HTML5元素虽说html5中大多数功能性的元素如等还得不到当前主流浏览器的支持（主要就是指IE浏览器了），但至少那些个与布局相关的元素同html5.js结合起来时我们是可以放心使用的，比如,,,,,,这几个最常用的元素。Article 和 Sectionarticle元...
阅读全文
摘要：HTML标签可以自定义属性HTML标签可以自定义属性，但是我们要考虑其在IE、Firefox以及chrome下的兼容性问题。例如：复制代码这里的“myAttr”就是这个标签的自定义属性了。如果定义了属性却使用不了，那么这个属性就没有任何意义了，接下来就是如何去调用我们的自定义属性的值了。在IE浏览器...
阅读全文
摘要：最近准备针对手机做开发，遇到页面显示特别小，所以搞了这么一篇文章！其实主要就是改掉HTML页面声明：在网页中加入以下代码，就可以正常显示了：代码如下: 解释：width - viewport的宽度height - viewport的高度initial-scale - 初始的缩放比例minimum...
阅读全文
