![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
冷知识
文章平均质量分 58
352328759
精通各类电子设备的开启和关闭功能
展开
-
css object-fit, object-position img 标签适应宽高
在弹性布局泛滥成灾的今天, "未知比例图片, 适应未知比例盒子"的需求已经屡见不鲜常用的方法常用的方法是用 css 的背景图div { width: 500px; height: 600px; background-image: url(cat.jpg); background-size: cover; background-position: 50% 50%;}background-size: cover; 让图片大小自适应background-position: 50% 5原创 2021-10-27 16:38:15 · 364 阅读 · 0 评论 -
textarea 标签内换行
3个方法 回车<textarea>文字 文字 文字 文字文字</textarea>用 js 获取 textarea 的内容,换行是 “\n”document.querySelectorAll("textarea")[0].value// '文字\n文字\n文字\n文字\n文字'重新用于 HTML 的话, 要把 “\n” 替换成 <br />doc原创 2021-10-21 16:32:47 · 860 阅读 · 0 评论 -
Vue router 正则表达式限制路由传参
今天梅子问我Vue router 里 path: “/redirect/:path(.*)” 是什么意思?认真看了下, 有 “path:” 和 “/:” 应该是动态路由可 (.*) 是什么东西?哎呀, 这个我不知道呀!被梅子发现我这么无知, 面子都不要了, 此时此刻必须冷静并保持英俊“这个嘛, 我研究一下”根据经验, 有 “.” 和 “*” 这两个符号, 很大机会是正则表达式于是上 Vue router 官网搜 “正则”果然在 “高级匹配模式” 篇找到了相关资料正文路由传参时,原创 2021-07-15 13:27:49 · 3604 阅读 · 0 评论 -
css 自定义属性
css 中使用自定义属性必须通过 --x 的格式申明用 var(x) 调用:root{} 下是全局声明块下是局域/* -- 是不能少的 */:root { --swq: red;}h1 { color: var(--swq);}js 中使用css 的自定义属性可以通过 js 的 setProperty 控制要注意自定义属性名仍然要以 “–” 开头// 无效document.documentElement.style.setProperty("defg", "3px"原创 2021-04-19 16:44:32 · 210 阅读 · 2 评论 -
js function.length 函数的长度
length 属性JavaScript length 属性可设置或返回数组中元素的数目, 就算是新手程序员也知道这事一般只是用于获取数组, 字符串长度"字符串".length["数", "组"].length或清空数组var a = ["数", "组"]a.length = 0a // []此外没什么地方能用到 length 属性function.length作为一个老码农, 我一直是这么认为的可今天发现, length 属性还有一个很少用的功能返回函数的长度什么是"函数的原创 2021-03-19 18:04:16 · 2449 阅读 · 5 评论 -
变量提升, 函数提升之我见
最近刷面试题, 经常提到变量提升, 所以今天就这个主题整理一下思绪注: 本文所有内容基于"严格模式"(“use strict”)变量提升console.log(a) // undefinedvar a = 1代码上先输出, 后声明, 应该输出 “a is not defined”但实际上输出 a 时, a 没有报 “a is not defined”说明 a 已经被声明, 未被赋值这种声明位置被提升到作用域最高的现象, 就是所谓的变量提升同时还告诉我们一个重要信息声明 和 赋值原创 2021-02-05 16:38:33 · 125 阅读 · 2 评论 -
Vue router 重定向 redirect 如何传值
配置 vue_router 时, 很经常就用到重定向(redirect)功能例如:没登录重定向到登录页面(导航卫士拦截也是高效的登录检查方法)index, home, house 重定向到首页等这些不需要传参的情况, 直接设置为目标地址的字符串就可以{ path: "/assets", component: layout, redirect: "/assets/assetsIndex",}如果你遇到的需求需要传值的话, 可以参考下面的方法重定向 redirect 可接受的值字原创 2021-01-12 18:01:23 · 14481 阅读 · 2 评论 -
javascript 中时区知识的整理 UTC GMT
GMT, UTC 是什么?GMT: 格林尼治时间UTC: 协调世界时GMT 与 UTC 不完全相同, 但都是指 0 时区时间, 一般情况可以视作同义作为 javascript 程序, 是不是对 GMT 很眼熟?其实 GMT 就是我们调用 new Date(); 时, 返回的字符串 “Wed Jan 06 2021 17:48:30 GMT+0800 (中国标准时间)” 中的 GMTGMT+0800: 中国是东8区, 所以是 格林尼治时间 + 0800 (东正西负; +0800 即是 +08:0原创 2021-01-07 02:52:28 · 1350 阅读 · 0 评论 -
css content 与 HTML, JavaScript 的联动
HTML, CSS, JavaScript 三方相互分离, 各司其职这是前端开发的初学者都知道基本原则尤其是 CSS, 虽然和 JavaScript, 都是围着 HTML 转, 但两者间是鲜有来往而 CSS 和 HTML 的关系是 CSS 修饰 HTML, 几乎都是 CSS 单方面指挥 HTML整体来讲, CSS 是个"独立的孩子"但凡事都有例外, 在很个别的情况下, CSS 还是要受到 HTML 的控制比如伪类的 content 属性很多初学者只知道伪类的 content 可以设成字符原创 2020-12-03 16:05:32 · 1869 阅读 · 0 评论 -
一个解构赋值不常用的技巧
需求:声明空变量 var a,b,c,d;已有对象 obj = { a: 1, b: 2, c: 3, d: 4 };在 if 判断里将 obj的abcd 赋值给变量 abcd;if以外,还需要调用abcd;一般来说,直接赋值就可以了:var a, b, c, d;var obj = { a: 1, b: 2, c: 3, d: 4 };if (true) { a = obj.a b = obj.b c = obj.c d = obj.d}console.log(a, b,原创 2020-10-15 16:34:52 · 2433 阅读 · 7 评论 -
css position: sticky粘性定位
最近认识到position: sticky;这个比较新的css属性.功能就如字面意思定位: 粘性;用这个新属性做 固定顶部 的功能,简直是湿湿碎作为新属性,简单介绍下它的特性:只对最近一个的滚动环境有效没有滚动环境最后会冒泡到视图窗口,与其它position类似与最近一个的滚动环境之间可以有其它中间节点在中间节点里,定位也能有效,但受中间节点影响,影响规律不明定位是相对于最近的滚...原创 2020-03-06 11:48:11 · 1936 阅读 · 0 评论 -
js 做Excel, PPT文件
参考资料插件下载地址用 js-xlsx.js 这个小东西, 就可以在前端生成Excel文件. demo看参考资料另外还有个 FileSaver.js 也可以, 以后研究下原创 2020-01-09 15:32:41 · 2014 阅读 · 0 评论 -
v-bind 与 v-bind:name 的区别
v-bind 不能多个同用, 后面的才生效v-bind=“obj” 传入的是键值对v-bind:name=“value” 传入的是值v-on 是类似的v-on 不能多个同用, 后面的才生效v-on=“obj” 传入的是键值对v-on:name=“value” 传入的是值<!DOCTYPE html><html> <head> <me...原创 2019-08-23 12:02:46 · 8382 阅读 · 1 评论 -
js.ownerDocument 返回某元素的根元素
HTML中, HTML 文档本身是元素的根元素返回的都是html, 并没什么用 <!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"> <head> <meta http-equiv="Cache-Control" CONTENT="no-cache" />原创 2019-02-15 11:27:34 · 2429 阅读 · 0 评论 -
$.camelCase()
匹配连字符 ‘-’ 和其后的第一个字母或数字,如果是字母,则替换为大写,如果是数字,则保留数字匹配 IE 中的 ‘-ms-’,替换为 ‘ms-’,这是因为 IE 中,‘-ms-’ 对应小写的 ‘ms’,而不是驼峰式的 ’Ms‘字符串转"骆驼拼写法",应该是jq内部方法,不常用似乎没有还原的方法$.camelCase("s-f-gg-vvc-sd")//sFGgVvc...原创 2019-02-12 20:10:56 · 2474 阅读 · 0 评论 -
$.contains()
$.contains() 检测一个元素包含在另一个元素之内$.contains("container(父)", "contained(子)")container, contained 必须Element类型<!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"> <head...原创 2019-02-13 11:28:32 · 3296 阅读 · 0 评论 -
v-bind="$props" 是什么意思?
猜想是绑定啥东东,在国内一直找不到答案,然后跑到一个帅哥找到答案,其实在官方文档中也有,也没有细致注意到If you need to bind all props to a inner component like this:<input:placeholder="placeholder":required="required":value="value">Yo...转载 2019-05-17 19:19:04 · 4520 阅读 · 0 评论 -
Vue中的computed是在生命周期的哪个阶段执行的?
1.在new Vue()的时候,vue\src\core\instance\index.js里面的_init()初始化各个功能function Vue (options) {if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue)) { warn('Vue is a constru...转载 2019-05-18 17:22:14 · 16349 阅读 · 1 评论 -
pointer-events css点击穿透
pointer-eventsauto(默认)none(点击无效)ps:对于<svg>有更多的可选值,这里不深入.class { pointer-events: none}end原创 2019-08-24 11:06:34 · 2193 阅读 · 0 评论 -
$.offset 深入剖析
offset() 方法返回或设置匹配元素相对于文档的偏移(位置)$.offset.setOffset 不是常用方法,属于jq内部方法 $("#id1").offset()//不传值//返回对象 {"top":8,"left":8}$.offset() 有值的时候, 内部会将匹配元素遍历, 并调用 $.offset.setOffset$.offset.setOffset(当...原创 2019-02-19 14:07:09 · 2293 阅读 · 0 评论