HTML5
夜跑者
目前从事web前端,小程序开发。熟悉vue框架,uni-app跨端框架。
展开
-
如何让url超链接a标签发送post请求
文章转自:http://www.hongyanliren.com/2014m04/5591.html在HTML中,a标签的提交默认是get方式提交的,如果在请求链接的参数中带有中文就会出现乱码问题,除了在后台程序中转码外,这里介绍两种简单的方法,可以在客户端让a标签以post方式提交。一:增加一个form表单<span ><body> <a href="javascript:doPost("addStudent.action", {"name":"张三"}..转载 2020-12-03 10:05:23 · 4350 阅读 · 0 评论 -
a标签中href=““的几种用法
众所周知,a标签的最重要功能是实现超链接和锚点。而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法<a href="javascript:;"></a>,所以就来整理下a标签中href的几种用法。一、Js的几种调用方法(参考总结的) 1、a href="javascript:js_method();" 这是常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的...转载 2020-12-03 10:03:59 · 987 阅读 · 0 评论 -
后端返回的数据以Excel格式下载问题
文章转自:https://www.cnblogs.com/cynthia-wuqian/p/7927621.html1.接口返回的流和头部:2.下载流文件的代码方法一:是用了插件https://github.com/kennethjiang/js-file-download方法二:是用了 blob不管哪种方法,记得设置 responseType !!!!!附上代码:// 导出订单 exportBill:functio...转载 2020-11-10 18:47:22 · 852 阅读 · 0 评论 -
元素的dir属性
dir属性可以设置元素的显示方向,是从左往右(ltr),还是从右往左(rtl)。如果你的产品要在阿拉伯语,波斯语,希伯来语等土豪国家卖,那么这个属性是很有用的。我们还是通过一个简单例子看看:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <me...原创 2020-03-22 11:23:08 · 634 阅读 · 0 评论 -
classList使用
classList 属性返回元素的类名,作为 DOMTokenList 对象。该属性用于在元素中添加,移除及切换 CSS 类。classList 属性是只读的,但你可以使用 add() 和 remove() 方法修改它。下面我们通过一个例子来看看怎么使用classList<!DOCTYPE html><html lang="en"><head...原创 2020-03-22 10:48:15 · 1032 阅读 · 0 评论 -
深入理解定位父级offsetParent及偏移大小
文章转自:https://www.cnblogs.com/xiaohuochai/p/5828369.html转载 2020-01-07 16:08:20 · 117 阅读 · 0 评论 -
HTML DOM tagName 属性
看看HTML DOM 的tagName属性<divid="app"></div><buttonid="btnId"> console.log(document.getElementById('app').tagName);console.log(document.getElementById('btnId').tag...原创 2020-01-05 11:50:32 · 585 阅读 · 0 评论 -
HTML DOM nodeType 属性
在看vue源码时看到了oldVnode.nodeType, 还以为nodeType是虚拟dom结构中定义的属性呢。其实是html dom 中有个nodeType属性。元素节点的noteType 为数字1。写了个简单例子:<html> <head><style type="text/css"></style></head...原创 2020-01-05 11:33:03 · 210 阅读 · 0 评论 -
requestAnimationFrame 用法
与setTimeout和setInterval不同,requestAnimationFrame不需要设置时间间隔,而且比setTimeout 和setInterval都要精确,它采用系统时间间隔,保持最佳绘制效率,不会因为间隔时间过短,造成过度绘制,增加开销;也不会因为间隔时间太长,使用动画卡顿不流畅,让各种网页动画效果能够有一个统一的刷新机制,从而节省系统资源,提高系统性能,改善视觉效果。大...原创 2019-12-15 16:25:05 · 442 阅读 · 0 评论 -
前端开发应知网址
文章转自https://blog.csdn.net/weixin_43606158/article/details/91164392作为一名前端开发者(所有程序员)最起码遇到bug就算不会解决也应该会搜解决问题的答案。一般笔者会先在百度搜(关键词一定要输入正确)如果没搜到会再去bing里面看看还没有的话就去github的Issues里面再看看如果还不行就只能自己去看官方文档然...转载 2019-09-21 19:20:37 · 730 阅读 · 0 评论 -
innerHTML,innerText,outerHTML,outerText的区别
文章转自:https://www.cnblogs.com/WhiteM/p/7466803.htmlinnerHTML属性设置或返回表格行的开始和结束标签之间的 HTML,包括标签。来看代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...转载 2019-05-31 10:30:08 · 376 阅读 · 0 评论 -
event.which event.charCode event.keyCode event.key
键盘事件包括keydown、kepress和keyup三种,每次敲击键盘都会(依次?)触发这三种事件,其中keydown和keyup是比较低级的接近于硬件的事件,通俗的理解是这两个事件可以捕获到你敲击了键盘中某个键;而keypress是相对于字符层面的较为高级点的事件,这个事件能够捕捉到你键入了哪个字符。可以这样理解,如果你敲击了A键,keydown和keyup事件只是知道你敲击了A键,它并不...原创 2019-03-21 18:29:18 · 320 阅读 · 0 评论 -
input 标签闪烁光标原理
最近在做一个新需求,涉及到了input标签的闪烁光标的移动。其实闪烁光标 是个矩形框,当矩形框的宽度为0时 就变成了闪烁的光标。<input id="inputBox" value="abcdefgh">inputBox.focus();我们看到闪烁的光标在字符a的前面。这是因为input标签有一个 selectStart 属性 这个属性默认值为0, 通...原创 2019-03-07 09:38:05 · 6691 阅读 · 0 评论 -
网络流媒体协议之——HLS概述
文章转载:https://blog.csdn.net/deliapu/article/details/79065697最近有空,准备将常用流媒体协议整理成一系列博客文章。前面已经完成了一篇MPEG-DASH概述。本篇来整理一下HTTP Live Streaming,也就是我们常说的HLS。HLS是苹果公司提出的基于HTTP的流媒体网络传输协议。类似于MPEG-DASH,但是HLS更...转载 2019-03-14 10:54:15 · 999 阅读 · 0 评论 -
m3u8简介
原文地址: https://www.cnblogs.com/pukaifei/p/8312936.html [多媒体] m3u8简介m3u8简介简介:https://www.jianshu.com/p/426425cad08aRFC:https://tools.ietf.org/html/rfc8216原理:将视频或音频流分片,并建立m3u8格式的索引,m3u8可以嵌套(最...转载 2019-02-20 10:46:35 · 12111 阅读 · 0 评论 -
HTMLInputElement.setSelectionRange() 设置光标位置
HTMLInputElement.setSelectionRange()方法用来设置<input>元素当前选中的文本的开始和结束位置接口定义如下:inputElement.setSelectionRange(selectionStart,selectionEnd,[optional] selectionDirection);当selectionStart 等于 s...原创 2019-02-22 09:39:34 · 795 阅读 · 0 评论