2020-08-17 题目来源:http://www.h-camel.com/index.html
[html] 举例说明使用data-有什么优点?
data- 是H5新增的为前端开发提供的自定义属性,可以通过对象的dataset来获取,不支持该属性的浏览器可以通过getAttribute方法来获取。
data-之后是以连词符分割的多个单词组成的属性,获取的时候使用驼峰风格。
获取方法: <li id="getId" data-id="122" data-vice-id="11">获取id</li>
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