![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Colyn Yu
这个作者很懒,什么都没留下…
展开
-
前端工具方法
文本框根据输入内容自适应高度 * 文本框根据输入内容自适应高度 * @param {HTMLElement} 输入框元素 * @param {Number} 设置光标与输入框保持的距离(默认0) * @param {Number} 设置最大高度(可选) */ var autoTextarea = function (ele原创 2021-06-28 15:43:51 · 100 阅读 · 0 评论 -
原生JS操作DOM方法
dom.parentNode; //得到父节点 dom.nextSibling; //获得下一个兄弟节点 dom.previousSibling; //得到上一个兄弟节点 dom.firstChild; //获得第一个子节点 dom.lastChild; //获得最后一个子节点 dom.parentNode; //获得父节点 dom.nextSibling; //获得下一个兄弟节点 dom.previousSibling; //得到上一个兄弟节点 dom.firstChi.原创 2021-04-12 17:17:14 · 176 阅读 · 0 评论 -
工具函数
// 导出文件 const exportFile = blob => { //处理返回的excel文件 const reader = new FileReader(); reader.readAsDataURL(blob); // 转换为base64,可以直接放入a标签href reader.onload = e => { // 转换完成,创建一个a标签用于下载 let a = document.createElement("a"); a.styl.原创 2021-02-25 09:24:03 · 80 阅读 · 0 评论 -
灵魂问题
问题:筛选功能,有一个固定的分类,其他分类为后台数据,删除或添加后,要调用请求分类列表接口,如何优雅解决 // Bad Code getList(){ result = 后台数据 this.sideData = [ { id: 1, name: "全部分组" } ]; this.sideData = this.sideData.conca原创 2020-11-10 15:24:45 · 204 阅读 · 0 评论 -
Daily summary
const const 声明的对象改变其属性值,是可以的,因为内存地址没变。 如果要使其对象的属性不能改变,使用Object.defineProperty 设置不可写,也可使用Object.freeze()进行冻结。 如果冻结嵌套对象可以自定义递归冻结函数。 function myFreeze(obj) { Object.freeze(obj) Object.keys(obj).forEach((key) => { if (typeof obj[key] =.原创 2020-11-10 15:25:59 · 322 阅读 · 0 评论 -
优化网页性能
优化CSS 默认情况下CSS会被当作阻塞渲染的资源来处理,可以使用媒体类型和媒体查询来标识CSS的某些部分为非阻塞渲染的: <link href="main.css" rel="stylesheet" media="print"> <link href="style.css" rel="stylesheet" media="(min-width:768px)"> 第...原创 2019-05-10 11:10:14 · 180 阅读 · 0 评论 -
禁止textarea拉伸
禁止textarea拉伸 style="resize:none" autofocus autofocus 规定在页面加载后文本区域自动获得焦点。 cols number 规定文本区内的可见宽度。 disabled disabled 规定禁用该文本区。 form form_id 规定文本区域所属的一个或多个表单。 maxlengt...原创 2019-05-26 11:23:54 · 627 阅读 · 0 评论 -
JSclass属性操作、cookie操作
添加class document.getElementById("ID名").className+=(" 新添加的类名"); 新添加的类名前最好加一个空格 删除class document.getElementById("类名").getAttribute("class").replace(new RegExp( "(\\s|^)删除的类名(\\s|$)" )," "); 设置 co...原创 2019-06-16 22:45:52 · 235 阅读 · 0 评论 -
div与文字左右垂直居中
div左右垂直居中 .allCenter{ text-align: center; /*让div内部文字水平居中*/ line-height: 50px;/*让div内部文字垂直居中*/ width: 120px; height: 50px; margin: auto; position: absolute; top: 0...原创 2019-06-17 22:04:46 · 616 阅读 · 0 评论