前端小问题
我的ID是小白
个人努力专研前端知识中
展开
-
img加载图片有时候显示只显示一半为什么
可能是没有设置图片大小,比如设置了height:0,给img设置宽高,解决!2.不想设置高度时,img设置clip:rect(100%,100%),剪裁图片到对应大小,图片撑开就会完全显示出来了原创 2021-08-20 10:58:12 · 4133 阅读 · 0 评论 -
Lighthouse前端性能优化测试工具
安装访问:https://chrome.google.com/webstore/category/extensions?hl=zh-CN搜索lighthouse点击添加进扩展程序刷新页面F12调出控制台选择lighthouse并点击generate report允许等待生成报告原创 2021-06-10 10:43:54 · 200 阅读 · 0 评论 -
兼容inphoneX底部刘海,苹果手机刘海遮挡底部问题
有时候,我们在使用苹果手机的时候新版手机底部都有一个横线的刘海,当按钮定位到底部的时候,往往会因为新版手机的刘海被遮挡,如图这时候给底部按钮的父元素加上如下代码 padding-bottom: constant(safe-area-inset-bottom); // 兼容 IOS<11.2/ padding-bottom: env(safe-area-inset-bottom); // 兼容 IOS>11.2/使用之后还可以用来兼容被底部遮挡的内容部分,根据手机型号的不同显原创 2021-05-27 12:13:47 · 795 阅读 · 0 评论 -
js正则判断是否输入emoji,并且删除已输入的emoji
haveEmoji = (str) => { var emojiReg = /[^\\u0000-\\uFFFF]/g const mm = emojiReg.test(str); if (mm) { Taro.showToast({ title: '不能输入emoji!', icon: 'none', duration: 2000, }) } const strResult = str..原创 2021-05-27 12:02:45 · 2498 阅读 · 0 评论 -
前端实现emoji表情的转码和解码
// 表情转码 function utf16toEntities(str) { const patt = /[\ud800-\udbff][\udc00-\udfff]/g; // 检测utf16字符正则 str = str.replace(patt, (char) => { let H; let L; let code; let s; if (char.length === 2)...原创 2021-05-12 15:42:09 · 2797 阅读 · 1 评论 -
如何兼容苹果手机inphoneX(底部横杠)
//html中添加<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,viewport-fit=cover">在使用fixed的地方并且bottom=0的地方新增: padding-bottom: constant(safe-area-inset-bo原创 2021-04-26 16:00:38 · 294 阅读 · 0 评论 -
如何判断项目是在浏览器还是在手机端运行
function IsPC() { var userAgentInfo = navigator.userAgent; console.log(userAgentInfo); var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v < Ag...原创 2020-09-28 15:58:29 · 352 阅读 · 0 评论 -
Visual Studio安装配置教程
1.下载Visual Studio2.汉化VSCodehttps://blog.csdn.net/qq_31564379/article/details/827369103.VSCode上需要安装的插件https://blog.csdn.net/shunfa888/article/details/79606277原创 2019-09-25 13:55:24 · 883 阅读 · 0 评论 -
前端面试锦集
前端面试锦集原创 2019-07-20 13:41:45 · 10094 阅读 · 8 评论 -
如何让p标签里面的内容首行缩进
如何让p标签里面的内容首行缩进对于html来说,并没有特定的方式给p标签设置缩进,但是你可以在p标签里面加span标签,设置// cssspan{ padding-left: 30px;}当然,如果想要直接实行的话,给p标签设置如下样式// cssp{ text-indent: 30px;}...原创 2018-12-19 10:52:41 · 11420 阅读 · 0 评论