随笔分类 - HTML
摘要：局部属性和全局属性 局部属性：有些元素能规定自己的属性，这种属性称为局部属性。比如link元素，它具有的局部属性有href、 rel、 hreflang、 media、 type、 sizes这六个。全局属性：可以用来配置所有元素共有的行为，这种属性称为全局属性，可以用在任何一个元素身上。 1、ac
阅读全文
posted @ 2020-06-03 20:04
前端一点红
摘要：最近在做公司内部的一个的一个SDK的重构，这里总结一些经验分享给大家。 类型检查和智能提示 作为一个SDK，我们的目标是让使用者能够减少查看文档的时间，所以我们需要提供一些类型的检查和智能提示，一般我们的做法是提供JsDoc，大部分编辑器可以提供快捷生成JsDoc的方式，我们比较常用的vscode可
阅读全文
posted @ 2020-06-02 11:02
前端一点红
摘要：1. 前言 随着互联网的高速发展，前端页面的展示、交互体验越来越灵活、炫丽，响应体验也要求越来越高，后端服务的高并发、高可用、高性能、高扩展等特性的要求也愈加苛刻，从而导致前后端研发各自专注于自己擅长的领域深耕细作。 然而带来的另一个问题：前后端的对接界面双方却关注甚少，没有任何接口约定规范情况下各
阅读全文
posted @ 2020-06-02 10:50
前端一点红
摘要：PC端上传文件多半用插件，引入flash都没关系，但是移动端要是还用各种冗余的插件估计得被喷死，项目里面需要做图片上传的功能，既然H5已经有相关的接口且兼容性良好，当然优先考虑用H5来实现。 JS代码： <script type="text/javascript"> function fileSel
阅读全文
posted @ 2020-06-02 10:46
前端一点红
摘要：在网页开发中经常会有交互操作，比如点击一个dom元素，需要让js对该操作做出相应的响应，这就需要对Dom元素进行事件绑定来进行处理，js通常有三种常用的方法进行事件绑定：在DOM元素中直接绑定；在JavaScript代码中绑定；绑定事件监听函数。 直接在DOM元素绑定事件 1 <div id="bt
阅读全文
posted @ 2020-05-23 16:55
前端一点红
摘要：这篇文章主要讲解：右键复制失效方法、菜单"文件"－"另存为"失效方法、防止查看源代码进行复制的方法、防止页面缓存的方法。来达到一定的代码保护效果 右键复制失效方法: 方法一： <script language="Javascript"> document.oncontextmenu=new Func
阅读全文
posted @ 2020-05-23 15:41
前端一点红
摘要：在我们的实际开发中，经常会遇到页面中需要悬浮效果，比如最早的客服联系，对联悬浮广告等，今天为大家介绍一些如何实现div悬浮的效果。 传统的fixed实现： 通过css中的属性position参数设为fixed,理由它相对于浏览器为绝对位置，通过设置right和bottom，使得div固定在右下角。例
阅读全文
posted @ 2020-05-22 00:18
前端一点红
摘要：Canvas 是H5的一部分，允许脚本语言动态渲染图像。Canvas 定义一个区域，可以由html属性定义该区域的宽高，javascript代码可以访问该区域，通过一整套完整的绘图功能（API）,在网页上渲染动态效果图。 二、Canvas 能做什么 游戏：毫无疑问，游戏在HTML5领域具有举足轻重的
阅读全文
posted @ 2020-05-22 00:16
前端一点红
摘要：在移动端web开发过程中，如果你对边框设置border：1px，会发现，边框在某些手机机型上面显示的1px比实际感觉会变粗，这也就是1像素问题。如下图是对桌面浏览器和移动端border设置1px的比较。那么是什么导致这种原因的呢？ 一、1px像素产生原因 首先，我们先对物理像素，设备独立像素，设备像
阅读全文
posted @ 2020-05-21 22:52
前端一点红
摘要：很多网站都是习惯使用<i></i>来代表小图标？而实际上用 <i> 元素做图标在语义上是不正确的（虽然看起来像 icon 的缩写），那么用<i>表示小icon，是出于好记的原因吗,还是看上去有点像icon?这样不是违背了语义化的原则吗? 在语义上<i> 标签显示斜体文本效果，它告诉浏览器将包含其中的
阅读全文
posted @ 2020-05-20 12:37
前端一点红
摘要：HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe
阅读全文
posted @ 2020-05-20 12:23
前端一点红
摘要：在html里面空格的话,你直接敲打出来的空格是不可以的,下面将通过html和css中设置显示空格的实现总结： Html中空格 符号编号描述   不断行的空白（1个字符宽度）， 不换行空格 全称No-Break Space，它是最常见和我们使用最多的空格，大多数的人可能只接触了
阅读全文
posted @ 2020-05-20 11:59
前端一点红
摘要：在HTML中，某些字符是预留的。比如不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体HTML中一些无法打出来的符号可以用相应的代码进行代替显示,以下对照表提供了一些HTML特殊符号相应的代码。 特殊符号 命名
阅读全文
posted @ 2020-05-18 21:08
前端一点红
摘要：从IE5.5+就支持iframe框架的背景透明。通过使用allowtransparency和background-color来设置iframe框架的透明效果，代码如下： 1 <iframe src="a.html" allowtransparency="true" style="background
阅读全文
posted @ 2020-05-18 12:58
前端一点红
摘要：letter-spacing lletter-spacing 属性增加或减少字符间的空白（字符间距）。 该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0。 <p style="letter-spac
阅读全文
posted @ 2020-05-18 12:33
前端一点红
摘要：<a>标签可以用来创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。 是我们常用的一个标签之一，今天就讲讲如何使用a来创建email，电话，描点链接等。以及防止链接被搜索引擎收录。 a锚点链接 锚点可以在同一页面的不同位置间跳转，其实就是在元素间跳转， 常用的场景就是
阅读全文
posted @ 2020-05-18 12:21
前端一点红
摘要：input标签主要用于Web表单的创建交互，以便接受来自用户的数据。 我们通过更改type属性的值，来实现不同的输入类型。在以前的写法中表单元素必须放在form元素所包含的里面，而在html5中，我们可以把它们写在页面上的任何一个地方，只需要给该元素增加一个form属性，form属性的值为form表
阅读全文
posted @ 2020-05-18 12:11
前端一点红
摘要：HTML文件乱码一般是因为编码格式不匹配造成的，比如：不同编码内容混杂、浏览器不能自动检测网页编码等等；但无论是哪种情况造成乱码，在HTML文件头中设置网页编码，匹配好编码格式就可。 下面是一个中文乱码的html： <!DOCTYPE html> <html> <body> <h1>标题</h1>
阅读全文
posted @ 2020-05-15 10:39
前端一点红
摘要：灵魂三问： 标签语义化是什么？为什么要标签语义化？标签语义化使用场景有哪些？ 下面让我们跟着这三个问题来展开一下本文的内容。 一、标签语义化是什么？ 标签语义化就是让元素标签做适当的事情。例如 p 标签就是代表文本，button 标签代表按钮，nav 标签代表导航等等。 二、为什么要标签语义化？ 其
阅读全文
posted @ 2020-05-14 14:03
前端一点红
摘要：使用Notification的流程 1.检查浏览器是否支持Notification2.检查浏览器的通知权限3.如果权限不够则申请获取权限4.创建消息通知5.展示消息通知 Notification API 构造方法 let notification = new Notification(title,
阅读全文
posted @ 2020-05-14 13:43
前端一点红
浙公网安备 33010602011771号