2020-08-17 html的data-属性 + css的不可替换元素 + JS的多文件上传组件 + 软技能的第三方网站监测本机用户是否开启某个应用

2020-08-17 题目来源：http://www.h-camel.com/index.html

[html] 举例说明使用data-有什么优点？

data- 是H5新增的为前端开发提供的自定义属性，可以通过对象的dataset来获取，不支持该属性的浏览器可以通过getAttribute方法来获取。

data-之后是以连词符分割的多个单词组成的属性，获取的时候使用驼峰风格。

获取方法： 

获取id

1.getAttribute()

const getId = document.getElementById('getId');

getId.getAttribute("data-id");

getId.setAttribute("data-id","48");

2.jquery data() 方法

var id = $("#getId").data("id"); //122 取值

var viceId = $("#getId").data("vice-id"); //11 取值

$("#getId").data("id","100");//100 赋值

3.jquery attr() 方法

var id = $("#getId").attr("data-id"); //122 取值

var viceId = $("#getId").attr("data-vice-id"); //11 取值

$("#getId").attr("data-id","100");//100 赋值

[css] 在不可替换元素上使用width/height/margin/padding会有怎样的表现

HTML中大部分的元素都是不可替换元素，内容直接表现给客户端，例如 p span li a b strong等元素。行内非置换元素的widht height 是不会起到作用的，高度只能用line-height来控制，padding左右起作用，margin左右起作用，来自《css权威指南》

转自： https://blog.csdn.net/wulinbanxia/article/details/53029572

[js] 使用js写一个多文件上传的组件

bootstrap fileinput 文件上传组件

源码以及API地址：

bootstrap-fileinput源码：https://github.com/kartik-v/bootstrap-fileinput

bootstrap-fileinput在线API：http://plugins.krajee.com/file-input

bootstrap-fileinput Demo展示：http://plugins.krajee.com/file-basic-usage-demo

实际使用例子看这里： https://www.cnblogs.com/landeanfen/p/5007400.html

[软技能] 第三方网站使用QQ登录时，QQ是怎么检测到用户本地是否有QQ登录的？

http://www.mamicode.com/info-detail-129037.html