![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
金lin
这个作者很懒,什么都没留下…
展开
-
简单使用原生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 · 73 阅读 · 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 · 1408 阅读 · 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 · 321 阅读 · 0 评论 -
js防抖节流
js防抖节流在日常中经常会用到防抖 就是在连续多次触发同一个事件做的优化,最后只执行一次事件响应。节流 就是在连续多次触发同一个事件做的优化,在一定间隔内做出的事件响应。它们都是 防止多次点击触发多次从而产生不必要的响应上代码防抖使用定时器防抖 //防抖debounce代码: function debounce(fn, delay) { //传入要执行的函数和防抖事件间隔 if (typeof fn !== 'function') { //判断是否是函数 th原创 2021-09-01 14:54:05 · 109 阅读 · 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 · 1279 阅读 · 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 · 151 阅读 · 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 · 1422 阅读 · 0 评论 -
什么是H5
我们常听说的H5是什么?是HTML5么?所谓的H5可以说是包含html5语法的移动端web,但在市场上大多指移动端。html5是标准,这个程序员都知道。原创 2021-05-26 09:27:39 · 305 阅读 · 0 评论 -
前端开发需掌握的技术
原创 2021-04-02 15:13:34 · 96 阅读 · 0 评论 -
github发布静态网站
创建仓库设置分支,gh-pages.在这个分支下才能部署静态网站。不会添加 分支怎么办?教你一个最简单的方法,在设置中找到选择分支下面的设置主题,选择主题就可以了。最后就是把静态网站放上去了,用git或者用网站上传文件或自己创建都可以,到设置中看看网站访问地址直接在浏览器上访问ok!...原创 2020-08-21 16:20:09 · 214 阅读 · 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 · 403 阅读 · 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 · 128 阅读 · 0 评论 -
h5常用点整理 class-5
HTML <script> 标签<script> 标签用于定义客户端脚本,比如 JavaScript。<script> 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。JavaScript 最常用于图片操作、表单验证以及内容动态更新。下面的脚本会向浏览器输出"Hello World!":<script>document.wr...原创 2020-04-23 16:25:27 · 312 阅读 · 0 评论 -
h5常用点整理 class-4
HTML 表格表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。HTML 表格和边框属性如果不定义边框属性,表格将不显示边框。有时这很有用,但...原创 2020-04-23 12:20:52 · 209 阅读 · 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 · 150 阅读 · 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 · 593 阅读 · 0 评论