html
关注
分享
扫一扫
平凡而又伟大
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
简单使用原生ajax，XMLHttpRequest
var url = 'http://127.0.0.1:3001/hi'; //一个本地页面 function load(url, callback) { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status == 200) { callback(xhr.response); }原创 2021-09-08 15:22:08 · 113 阅读 · 0 评论 -
CSS3动画实现高亮光弧效果，循环闪动效果
主要运用css动画进行循环播放，修改css渐变效果元素 <!Doctype html> <html> <head> <meta name="viewport" content="width=device-width,iitial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <meta http-equiv="Content-Type" content原创 2021-09-08 09:38:34 · 1581 阅读 · 0 评论 -
css多边形制作简历小标题二级标题
使用css边框绘制加 transform: skewX(45deg);属性实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css多边形</title> <style> .div { width: 100px; height: 0; border-width: 0 45px 45px; borde原创 2021-09-07 16:22:36 · 399 阅读 · 0 评论 -
js防抖节流
js防抖节流 在日常中经常会用到 防抖 就是在连续多次触发同一个事件做的优化，最后只执行一次事件响应。 节流 就是在连续多次触发同一个事件做的优化，在一定间隔内做出的事件响应。 它们都是 防止多次点击触发多次从而产生不必要的响应 上代码 防抖 使用定时器防抖 //防抖debounce代码： function debounce(fn, delay) { //传入要执行的函数和防抖事件间隔 if (typeof fn !== 'function') { //判断是否是函数 th原创 2021-09-01 14:54:05 · 146 阅读 · 0 评论 -
input输入框 禁止插入（粘贴）文字
禁止插入文字 你可能不希望用户在输入字段中粘贴从其他地方复制的文本（仔细考虑是否真的要这样做）。通过跟踪事件paste并调用其方法preventDefault()就很容易完成了。 <input type="text"></input> <script> const input = document.querySelector('input'); input.addEventListener("paste", function(e){ e.preventD原创 2021-08-02 10:18:33 · 1474 阅读 · 0 评论 -
h5移动页面需要加的标签内容
<meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" > name=“viewport” viewport有视窗、视区等含义，是专门为手机移动设备设计的，当在手机移动设备打开网页时，就会检测网页meta标签是否设置了viewport，如果设置了，就会按照设置viewport原创 2021-08-02 10:10:52 · 205 阅读 · 0 评论 -
web前端兼容性问题
一直以来，Web前端领域最大的问题就是兼容性问题 前端兼容性问题分三类： 浏览器兼容性 屏幕分辨率兼容性 跨平台兼容性 浏览器兼容性问题 IE6、7、8不支持HTML5、CSS3、SVG标准，可被判定为“极难兼容” IE9不支持Flex、Web Socket、WebGL，可被判定为“较难兼容” IE10部分支持Flex（-ms-flexbox）、Web Socket，可被判定为“较易兼容” IE11部分支持Flex、WebGL，可被判定为“较易兼容” IE6、7、8、9可视为“老式浏览器” IE10、11可原创 2021-07-01 17:29:47 · 1522 阅读 · 0 评论 -
什么是H5
我们常听说的H5是什么？是HTML5么？ 所谓的H5可以说是包含html5语法的移动端web,但在市场上大多指移动端。 html5是标准，这个程序员都知道。原创 2021-05-26 09:27:39 · 349 阅读 · 0 评论 -
前端开发需掌握的技术
原创 2021-04-02 15:13:34 · 121 阅读 · 0 评论 -
github发布静态网站
创建仓库 设置分支，gh-pages.在这个分支下才能部署静态网站。 不会添加 分支怎么办？教你一个最简单的方法，在设置中找到选择分支下面的设置主题，选择主题就可以了。 最后就是把静态网站放上去了，用git或者用网站上传文件或自己创建都可以，到设置中看看网站访问地址直接在浏览器上访问ok! ...原创 2020-08-21 16:20:09 · 260 阅读 · 0 评论 -
js将秒数换算成时分秒
<script language="javascript"> /** * 将秒数换成时分秒格式 * 整理：www.jbxue.com */ function formatSeconds(value) { var theTime = parseInt(value);// 秒 var theTime1 = 0;// 分 var theTime2 = 0;// 小时 if(theTime > 60) { theTime1原创 2020-07-20 16:26:33 · 430 阅读 · 0 评论 -
h5常用点整理 class-6
什么是 HTML5? HTML5 是下一代 HTML 标准。 HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。 HTML5 是如何起步的？ HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Applicat...原创 2020-05-08 21:27:32 · 151 阅读 · 0 评论 -
h5常用点整理 class-5
HTML <script> 标签 <script> 标签用于定义客户端脚本，比如 JavaScript。 <script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。 JavaScript 最常用于图片操作、表单验证以及内容动态更新。 下面的脚本会向浏览器输出"Hello World!"： <script> document.wr...原创 2020-04-23 16:25:27 · 349 阅读 · 0 评论 -
h5常用点整理 class-4
HTML 表格 表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 HTML 表格和边框属性 如果不定义边框属性，表格将不显示边框。有时这很有用，但...原创 2020-04-23 12:20:52 · 246 阅读 · 0 评论 -
h5常用点整理 class-3
HTML 元素 <link> 标签定义了文档与外部资源之间的关系。 <link> 标签通常用于链接到样式表: <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> HTML <style> 标签定义了HTML文档的样式文件引用地址...原创 2020-04-23 11:49:48 · 183 阅读 · 0 评论 -
h5常用点整理 class-2
HTML 标题 HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的. <h1>这是一个标题</h1> <h2>这是一个标题</h2> <h3>这是一个标题</h3> HTML 段落 HTML 段落是通过标签 <p> 来定义的. <p>这是一个段落。&l...原创 2020-04-22 17:24:14 · 645 阅读 · 0 评论