前端页面图片大小自动适应 一、a场景div 包着  img img { width: auto; height: auto; max-width: 100%; max-height: 100%; } 二、b场景背景图片  style="background-image: url(${user.headimgurl});background-size: cover; " CSS 2022年05月18日 0 点赞 0 评论 20 浏览
Vue——前端生成二维码的示例 方式一:vue-qr1.安装 npm install vue-qr --save 2.引用import vueQr from 'vue-qr'3.使用 // logoSrc为logo的url地址(使用require的方式);text为需要转换为二维码的内容 <vue-qr :logoSrc="imageUrl" text="xxx" :size Vue 2022年05月15日 0 点赞 0 评论 34 浏览
类型“Window & typeof globalThis”上不存在属性“xxxxxx”。 一、背景在做React+typescript开发过程,给window对象添加属性并赋值时发现报错类型“Window & typeof globalThis”上不存在属性“xxxxxx”。原则上,TypeScript 需要开发者做到先声明后使用。这就导致开发者在调用很多原生接口(浏览器、Node.js)或者第三方模块的时候,因为某些全局变量或者对象的方法并没有声明过,导致编译器的类型 React 2022年03月28日 0 点赞 0 评论 170 浏览
JavaScript 16进制色值获取反色色值 一、代码 var colorReverse = (oldColor) => { oldColor = '0x' + oldColor.replace(/#/g, ''); var str = '000000' + (0xFFFFFF - oldColor).toString(16); return '#'+ str.substring(str.length - 6, JavaScript 2022年03月24日 1 点赞 0 评论 87 浏览
JS修改对象属性的值 一、对象以数字为属性名 var foo={1:'a',2:'b'} foo['1']='c' console.log(foo) // { 1: "c", 2: "b" } 二、对象以字符为属性名 var bar = {a:1,b:2,c:3} bar.a= 'hello'; console.log(bar) //{ a: "hello&quo JavaScript 2022年03月24日 0 点赞 0 评论 124 浏览
CSS伪元素画返回按钮箭头 一、效果二、代码截图:源码: <div className='introduction-container_header'> <div className="introduction-container_header__back" onClick={handler.back}> </di CSS 2022年03月16日 0 点赞 0 评论 116 浏览
react给一个div行内加背景图片并实现cover覆盖模式居中显示 div style={{ display: 'inline-block', width: '208px', height: '100%', background: `url("${thumb[0]}") center center / cover no-repeat`, } React 2022年03月15日 0 点赞 0 评论 147 浏览
弹性布局给DIV平均分配宽度 一、说明使用css3弹性布局。父级给定宽度: display:flex; flex-direction:row; 子元素全部设置flex:1二、示例html:css: CSS 2022年03月15日 0 点赞 0 评论 225 浏览
CSS背景图片自适应大小 一、代码 .introduction-container_body__content___box { width: 3.11rem; height: 4.61rem; background: url('../images/gift-content.png'); background-size: 100% 100%; } 二、效果https://blog.51cto.com/lock CSS 2022年03月15日 0 点赞 0 评论 162 浏览