![[庆祝]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_123.da47506.png)
juejin.cn
萌兰_arthit
前端
获得徽章 0
- 刚面试完一个人，把我搞无语了，vue技术栈框架部分问了3个问题，1、vue中key有什么作用，为什么大部分标签都不需要写key 2、vue 生命周期有哪些，接口请求数据放在created还是mounted 为什么？3、nextTick 有什么作用，原理是什么？结果这哥们3个问题都回答的很奇怪，第二个他说放在mounted我说那么放在mounted有什么好处，他跟我扯什么地图表格，我跟他说其实应该在created比较好，也说了原因他来一句这是每个程序员的差异，换个话题，最后一个问题问完，他说我是来找工作的，你还能不能面试了，跟我扯这些干嘛，傻逼，就离开会议了。。。真把我无语住了
![[发呆]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_4.28b310a.png)
我问的问题也不难吧 展开22934 - npm install 模块：安装好后不写入package.json中
npm install 模块 --save 安装好后写入package.json的dependencies中（生产环境依赖）
npm install 模块 --save-dev 安装好后写入package.json的devDepencies中（开发环境依赖）
npm uninstall 模块：删除模块，但不删除模块留在package.json中的对应信息
npm uninstall 模块 --save 删除模块，同时删除模块留在package.json中dependencies下的对应信息
npm uninstall 模块 --save-dev 删除模块，同时删除模块留在package.json中
作者：凉城a
链接：
juejin.cn 展开12 - #每天一个知识点# 常用手机号正则：
手机号(mobile phone)中国(严谨), 根据工信部2019年最新公布的手机号段
/^(?:(?:\+|00)86)?1(?:(?:3[\d])|(?:4[5-79])|(?:5[0-35-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[1589]))\d{8}$/
手机号(mobile phone)中国(宽松), 只要是13,14,15,16,17,18,19开头即可
/^(?:(?:\+|00)86)?1[3-9]\d{9}$/
手机号(mobile phone)中国(最宽松), 只要是1开头即可, 如果你的手机号是用来接收短信, 优先建议选择这一条
/^(?:(?:\+|00)86)?1\d{10}$/
手机机身码(IMEI)
/^\d{15,17}$/展开评论3 - object-fit CSS 属性指定可替换元素（例如：<img> 或 <video>）的内容应该如何适应到其使用高度和宽度确定的框。
可以通过使用 object-position 属性来切换被替换元素的内容对象在元素框内的对齐方式。
取值：
contain：被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配，该对象将被添加“黑边”。
cover：被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。
fill：被替换的内容正好填充元素的内容框。整个对象将完全填充此框。如果对象的宽高比与内容框不相匹配，那么该对象将被拉伸以适应内容框。
none：被替换的内容将保持其原有的尺寸。
scale-down：内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些。展开12 - #每天一个知识点# const idCard = "110108199001010101" // 身份证号
const reg = /^(.{6})(?:\d+)(.{4})$/ // 匹配身份证号前6位和后4位的正则表达式
const maskedIdCard = idCard.replace(reg, '\$1******\$2') // 身份证号脱敏，将中间8位替换为“*”
console.log(maskedIdCard); // 输出：110108******0101展开38
![[爱心]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_106.ba42c9a.png)
借助CSS实现自适应屏幕边缘的tooltip（只用了一点点JS，比纯JS计算要稳妥很多）![[发呆]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_4.28b310a.png)
我问的问题也不难吧![[奋斗]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_29.2801857.png)