随笔分类 - web基础
html(5)、css(3)
摘要：/** * 替换字符串中指定前缀和后缀之间的内容为 * * @param str - 要进行替换的字符串 * @param options - 替换选项对象，包含前缀和后缀，默认为 { prefix: "关于", suffix: "纪要" } * @param options.prefix - 前缀
阅读全文
摘要：君不见，高堂明镜悲白发，朝如青丝暮成雪 ——李白 · 《将进酒》 项目需求：支持目录上传，由于历史原因无法使用组件库，索性用原生写了一个： // `上传目录按钮` handleAddFolder() { const _this = this; const input = document.creat
阅读全文
摘要：早在2020年就想写一篇类似的总结，但一直想的到没做到 这两天又遇到了此类问题，索性直接来一篇 项目里有env、env.devlopment env.prodction等等文件，此类.env开头的文件统称为开发环境配置文件，目的是什么？目的是为了基于启动时所选择的环境来配置不同的地址或者数据(是的就
阅读全文
摘要：大巧不工,用了原生js <template> <div class="app-container"> <div class="box"> <div v-for="(item, index) in count" :key="index" class="item"> {{ item }} </div>
阅读全文
摘要：刚发现es6支持这样写： const { unitLineChart: list1 = [], unitTpo: list2 = [] } = await AjaxAPI(params.name) 以上
阅读全文
摘要：需求：左右两侧布局 <div class="container"> <!-- 左侧列yi --> <div class="left-column"> <div class="top-section"> <!-- 组件 A 上部分 --> <h2>组件 A 上部分</h2> <!-- 添加组件 A 上
阅读全文
摘要：// // ip定位 // var ipLocation = new TMap.service.IPLocation() // 新建一个IP定位类 // // window.qq.maps 获取用户地位 // console.log('new qq.maps.Geolocation :>> ', q
阅读全文
摘要：后台返回原始base64数据，前端使用saveAs保存成各种格式 原始base64不包含前缀，比如：<img :src="'data:image/Jpeg;base64,'+imgBase64"> ，其中imgBase64就是指原始base64数据 // 要先使用一个库， import { save
阅读全文
摘要：这两天在看组长代码时，看到经常有用到拓展运算符，然后自己在用的时候，感觉也很灵活，遂记一些心得 拓展运算符的定义请看这里：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_syntax
阅读全文
摘要：最近在写setState总是会遇到函数式写法， 如： setData((pre)=>{ return{ ...pre, some data ... } }) `` 但是又实在不喜欢写return， 不明白为什么编辑器会认不出来我的意图： 返回一个新的对象，它总会认为我没有return 今天问了下群友
阅读全文
摘要：问题： 在手写模态框时，给蒙版层设置了透明度，但给其内部的模态框添加不透明背景色时发现虽然有背景色但模态框透明显示 template: /*凭空想象一个弹出框*/ <view class="rej_mask" catchtouchmove= 'true' v-if="isShowResMask">
阅读全文
摘要：在flex布局下，不可直接将padding值如同margin一样设置： 👇这是不正确的写法 .box{ box-sizing: border-box; padding: 0 40rpx; margin: 0 auto; } 解读：开发者本意是想将box左右居中显示，但是这样会导致box右边无法居中
阅读全文
