JS
几度风雨见丹心
这个作者很懒,什么都没留下…
展开
-
页面上实时展示当前时分秒及日期周几(如:09:00:00 2022/07/08 星期五 )
页面上实时展示当前时分秒及日期周几(如:09:00:00 2022/07/08 星期五 )原创 2023-02-27 15:31:55 · 563 阅读 · 0 评论 -
打印指定区域内容
打印指定区域内容原创 2022-06-29 17:34:52 · 129 阅读 · 0 评论 -
JS根据商品上架时间判断是否显示新品标志
JS根据商品上架时间判断是否显示新品标志原创 2022-06-28 17:48:56 · 312 阅读 · 1 评论 -
后台查到的字典值翻译
项目中通常会把一些选项或其他固定内容统一管理到数据库中,称作字典数据,前后端交互存储的是字典的值(如:1、2、3、Y、N等),而前端显示的是字典的翻译(如:男、女、是、否等),这就需要在一些展示性的位置由前端根据获取的值翻译成汉字方便用户阅读。另有一好处是如果值发生了变动,不需要修改前端代码,如1对应的翻译男要更改成女,可以直接变动数据库中的数据。...原创 2022-06-28 17:45:22 · 598 阅读 · 0 评论 -
自写选择框,全选框
自写选择框,全选框原创 2022-06-28 17:24:30 · 197 阅读 · 0 评论 -
uniapp-uview的表单校验——同步,异步,图片必输,数字校验爬坑
uniapp-uview的表单校验——同步,异步,图片必输,数字校验爬坑原创 2022-06-28 15:52:56 · 5205 阅读 · 1 评论 -
uniapp自增表单项
业务需求:某一表单项分为两个或多个输入框,两个或多个为一组,可以以组为单位,根据客户意愿自增或删除。期望效果图:1、页面初始时【主要检测设备】只有一行,需填入两项,设备名称和台数。2、点击新增按钮后,自动新增一组,此后每点击一次新增皆在最后新增一组。3、点击某组最右侧【删除】,即可删除掉这一组表单项。技术:uniapp,uview(UI框架),JS......原创 2022-06-28 15:08:24 · 3608 阅读 · 1 评论 -
让任意元素全屏
1、JavaScript Fullscreen API:全屏操作全屏API可以控制浏览器的全屏显示,让一个Element节点(以及子节点)占满用户的整个屏幕。目前各大浏览器的最新版本都支持这个API(包括IE11),但是使用的时候需要加上浏览器前缀。Element节点的requestFullscreen方法,可以使得这个节点全屏。var elemet = document.getElementById("videoElement");launchFullscreen(elemet);func原创 2021-03-23 16:23:13 · 2093 阅读 · 0 评论 -
uniapp开发手机app,一个页面调用多次同一个下拉框子组件,保证同时间下拉框只打开一个(兄弟组件间的通讯))
1、业务需求:封装一个下拉框的组件,下拉框弹出时,下拉框下面有半透明遮罩,下拉框上面正常显示,效果如图:2、问题:当一个页面同时引用多次该组件时,下拉框和遮罩会同时存在彼此叠加3、解决:其实这个过程就是一个兄弟组件之间的通信问题,当有下拉框打开时,通知另外的下拉框都保持关闭状态。父页面引用组件代码:<template> <!-- 筛选框 --> <view class="searchBox"> <view class="inline shopNum原创 2020-11-19 19:32:29 · 2417 阅读 · 0 评论 -
JS模板字符串拼接
$oss是main.js中定义好的,主要用于图片URL的拼接Vue.prototype.$oss = { basicAddress: 'http://oss.bailimeijia.com'}1、在HTML中使用模板字符串拼接<img class="img-circle" :src="$oss.basicAddress + '/' + businessorgData.idCardUrl1" style="width: 100px; height: 100px" />2、在js中原创 2020-11-16 19:20:08 · 2824 阅读 · 0 评论 -
JS子组件编写HTML代码片段传递给父组件,再展示在页面上
子组件:<template> <div class="upload-container"> <el-button :style="{background:color,borderColor:color}" size="mini" type="primary" @click="pushBusinessInformation"> 商家信息 </el-button> </div></template>原创 2020-10-27 19:47:18 · 382 阅读 · 0 评论 -
两个对象数组之间比较是否有相同字段、数组与对象数组比较
现有如下两个数组,分别是从后台不同接口中取到的,需要将两个对象数组比较,将第二个数组中promotionType值等于第一个数组中Key的对应的promotionCount值写入到第一个数组中,键名为counttempSales = [{ key:'1', value:'拼团'},{ key:'2', value:'秒杀'},{ key:'3', value:'满减'},{ key:'4', value:'满送'}],ruleRecordCount = [{ promotion原创 2020-10-27 18:50:10 · 8334 阅读 · 1 评论 -
JS遍历树状数据,选择需要的字段重构一个新的树状数据
1、原树状结构数据treeData = [ { "id": 1, "parentId": 0, "type": "结生上取段日名求将查由六才酸商验又每。", "referenceId": 234, "sort": 29, "code": "你计世派列太是后气住内带却所就。", "name": "直按种白亲叫也总较机低及省。", "userCount": 196,原创 2020-10-10 14:19:01 · 2669 阅读 · 1 评论 -
JS数组对象的正序、倒序和根据中文首字母排序
//数组对象方法排序:升序sortByKey(array,key){ return array.sort(function(a,b){ var x=a[key]; var y=b[key]; return ((x<y)?-1:((x>y)?1:0)); });},//数组对象方法排序:降序sortDownByKey(array,key){ return array.sort(function(a,b){ var x=a[key]; var y=b[key];原创 2020-08-20 20:20:20 · 3167 阅读 · 0 评论 -
计算两个时间戳之间的天数,小时,分钟。
项目需求:后台数据库传递回一个活动截止时间的字符串(13位),根据这个截止时间字符串计算出当前时间与截止时间之间的天数,小时。效果如图:JS代码如下:// 商品详情getGoodsDetail() { let that = this; that.$api(this.baseURL, { id:this.cleckedId }).then(res => { if (res.code === 200) { that.goodsInfo = res.data; // 如果原创 2020-09-04 10:09:11 · 4470 阅读 · 0 评论 -
JS总结
JS思维导图JS总结JS总结原创 2019-09-01 16:02:00 · 71 阅读 · 0 评论