01 2022 档案

单位——px,%,em,rem,vw,vh,vm,wmin,vmax
摘要:px 最常用,相对屏幕的分辨率而言的相对单位 % 一般相对父元素而言 em,rem em相对父元素的font-size rem相对根元素(html)的font-size vw,vh vw相对屏幕可视区域的宽度而言,若屏幕宽1000px则1vw=1000 / 100 = 10px vh相对屏幕可视区域 阅读全文

posted @ 2022-01-29 06:16 In-6026 阅读(327) 评论(0) 推荐(0)

form表单请求
摘要:###属性 action="url" method="post/get" 要发送的数据,需要在该标签上添加name属性,name的值就是发送请求的数据的值的名称 <form action="http://127.0.0.1:3000/" method="get"> <label>name:</lab 阅读全文

posted @ 2022-01-28 23:52 In-6026 阅读(77) 评论(0) 推荐(0)

output标签,form表单 + <input type="range"> + output
摘要:<form oninput="x.value=parseInt(a.value)+parseInt(b.value)"> 0<input type="range" id="a" value="50">100 + <input type="number" id="b" value="50"> = <o 阅读全文

posted @ 2022-01-28 23:15 In-6026 阅读(40) 评论(0) 推荐(0)

datalist标签配合input实现输入框历史记录提示
摘要:<form> //list与datalist的id关联 <input list="b" /> //注意是datalist不是details <datalist id="b"> //注意是未闭合单标签 <option value="1"> <option value="2"> <option valu 阅读全文

posted @ 2022-01-28 23:13 In-6026 阅读(115) 评论(0) 推荐(0)

label标签的作用:和指定表单中的指定元素产生关联
摘要:###可以为指定form表单中的任意元素增加一个click事件: 重要属性 for form 栗子1: <form action="demo_form.php" id="form1"> <input type="submit" id="btn" value="提交"> </form> form:指定 阅读全文

posted @ 2022-01-28 22:56 In-6026 阅读(105) 评论(0) 推荐(0)

table表格
摘要:###标签 <table></table>最外层 <tr></tr>行 <th></th>头部 <td></td>单元格 <thead></thead> 和th不一样,th是语义化,而thead是正真的头部,th必须写在第一行才是头部,thead不论写在哪都是头部,下面给两个表格显示是一样的,the 阅读全文

posted @ 2022-01-28 21:58 In-6026 阅读(39) 评论(0) 推荐(0)

图片自适应容器,避免拉伸失真
摘要:方式1 <div class="box"> <img src="#" /> </div> .box{ width: 2000px; height: 200px; overflow: hidden; border: 1px solid; } .box img { //以宽为标准,填充div,超出的高度 阅读全文

posted @ 2022-01-28 21:00 In-6026 阅读(65) 评论(0) 推荐(0)

Promise
摘要:###Promise(期约) let p = new Promise(function(resolve, reject) { //二者选一,有一个出现,后面那个就会失效 //resolve(data) //reject('Error') }) ####.then() p.then((data) => 阅读全文

posted @ 2022-01-28 20:32 In-6026 阅读(44) 评论(0) 推荐(0)

async和awiat
摘要:###async和awiat(异步函数策略) //async标识函数是异步函数,所有async标志的函数都有then属性,then(onResolve, onReject),onResolve接收函数return的结果,onReject接收throw的结果 async function a() { 阅读全文

posted @ 2022-01-28 20:30 In-6026 阅读(178) 评论(0) 推荐(0)

富文本编辑器
摘要:###富文本编辑器 现在页面中插入一个iframe <iframe name="richedit" style="width: 200px; height: 200px;"></iframe> 让ifame可以编辑 <script> //disigenMode属性在document上 frames[ 阅读全文

posted @ 2022-01-28 20:29 In-6026 阅读(26) 评论(0) 推荐(0)

module.exports,exports,require()和export,export default,import
摘要:module.exports,exports是CommonJs模块规范 /*module.js*/ module.exports.x = x module.exports.y = y module.exports.z = z //也可以用,因为有一句隐藏的代码var exports = module 阅读全文

posted @ 2022-01-23 22:30 In-6026 阅读(64) 评论(0) 推荐(0)

删除子节点innerHTML=''与removeChild()
摘要:引用于(更多请看): https://www.cnblogs.com/bluedream2009/archive/2010/02/23/1672133.html 当用removeChild时,移除元素的结构并没有发生变化.但使用innerHTML清除时,其他浏览器中被移除的元素的结构和removeC 阅读全文

posted @ 2022-01-09 01:10 In-6026 阅读(211) 评论(0) 推荐(1)

文本超出转省略号
摘要:多行转省略 width: 100%; max-height: 60px; font-size: 13px; line-height: 20px; /*关键之处,缺一不可*/ display: -webkit-box; -webkit-line-clamp: 3; /*要在第几行处隐藏,单行超出便省略 阅读全文

posted @ 2022-01-09 00:22 In-6026 阅读(42) 评论(0) 推荐(0)

导航