html 开发杂货指南

1、设置页面 title 图标

<link href="iocn/title.png" rel="icon" type="image/x-ico">

2、清除表单提交后文本框内容

profrom 为 表单的 id

<script>
	$('#profrom')[0].reset();
</script>

3、页面直接跳转

<script>
    window.location.href="static/index.html";
</script>

4、解决绝对定位元素挡住下层元素点击的问题

//让鼠标事件穿透这个绝对定位层，使之能点击到后面的元素，从而触发下方元素的点击事件
pointer-events: none;

5、js算绝对值

Math.abs(-1);	// 得1

6、json字符串转化成json对象

// jquery的方法
var jsonObj = $.parseJSON(jsonStr)
//js 的方法
var jsonObj =  JSON.parse(jsonStr)

7、json对象转化成json字符串

//js方法
var jsonStr1 = JSON.stringify(jsonObj)

8、页面中嵌入HTML代码

// content 为HTML代码参数，
<div v-html="this.content" class="insertHTML"></div>

9、js 给某元素加 class 样式

let div = document.getElementsByClassName("notice")[0];	//拿到 div
let img = div.getElementsByTagName("img")[0];	// 拿到 div 下的 img 
img.setAttribute("className", "upgrade-pop-img");   //给 img 加 class 样式

10、组件有默认样式，新增样式加不进去

! important ; 末尾加这个就可以了，让浏览器首选执i这个语句。因为css有继承的样式，加上!importanrt可以覆盖父级的样式

img{
    position:static ! important;
   }

持续更新中……

文章链接：

VUE 开发杂货指南