工作日常常用 --js 代码。

本贴最后更新于 1171 天前,其中的信息可能已经事过景迁

二丶 js

开发者:MJcc1111 a763137841 dilidili lin_xi fuqiou lql213 test123456

域名配置

request 合法域名

https://www.adota.cn
https://static.adota.cn

socket 合法域名

uploadFile 合法域名

https://www.adota.cn
https://up-z2.qiniup.com

downloadFile 合法域名

https://www.adota.cn
https://static.adota.cn

https://create.adota.cn

看广告,绑定,分享,上报

HTML:

 <dio-share></dio-share>
<view v-show="douamry" style="position: absolute;font-size: 24rpx;top: 110rpx;left: 20rpx;align-self: flex-start;z-index: 999;">id:{{ douamry }}</view>

import {config} from "@/common/lib/app.js"
import { mapState, mapMutations } from 'vuex';
import { loggerShare, shareParam } from '../../common/tt.mini.js';

computed: {

...mapState(['userInfo'])
...mapState(['threadId','goodsMode','douamry']),
}

...mapMutations(['setState']) //放 methods 里

onShareAppMessage: function(shareOption) {
let shareparam = shareParam(shareOption);
loggerShare();
return shareparam;
}

video.ViodeAd.goodsId ='5f99221fff18333f42bd1f78';
new video.ViodeAd(self.reward,'11i5eb9h1gqc45c2i8')

放 onLoad 里

if(e.share){
            	if(config.userInfo.id){
            		this.$reports.report('/pages/kitchen_testIndex/kitchen_testIndex',JSON.stringify(e),false)
            	}
            	else{
            		uni.$once('login-temp-ok', function(){
            			self.$reports.report('/pages/kitchen_testIndex/kitchen_testIndex',JSON.stringify(e),false)
            		});
            	}
            }else{
            	this.$reports.report('/pages/kitchen_testIndex/kitchen_testIndex',JSON.stringify(e),true)
            }  

// 获取产品字典数据
this.$dio.dio('dicts/string', {
key: '_id',
value: config.dictKey //字典值
}).then(data => {
let value = data?.data?.data.value || {};
this.setState({ goodsMode: value }); // 产品字典里的数据
config.dynamicShareParam = value.dynamicShareParam; //分享文案
})

1.小程序默认去掉头部标题,在 path 字段下加如下代码

"style": {
"navigationStyle": "custom",
"enablePullDownRefresh":true, //下拉刷新
"onReachBottomDistance":50 //下拉刷新

}

onPullDownRefresh() {
console.log("正在下拉")
uni.stopPullDownRefresh(); //下拉之后停止下来
}

tabBar 例子

"tabBar": {
"color": "#080808",
"selectedColor": "#080808",
"borderStyle": "#4368c9",
"backgroundColor": "#4368c9",
"list": [{
"pagePath": "pages/answerIndex/answerIndex",
"iconPath": "/static/answerIndex/tabBar_home.png",
"selectedIconPath": "/static/answerIndex/tabBar_homeA.png"
,
"text": "首页"
},{
"pagePath": "pages/answerData/answerData",
"iconPath": "/static/answerIndex/tabBar_data.png",
"selectedIconPath": "/static/answerIndex/tabBar_dataA.png"
,
"text": "数据"
}, {
"pagePath": "pages/answerMy/answerMy",
"iconPath": "/static/answerIndex/tabBar_my.png",
"selectedIconPath": "/static/answerIndex/tabBar_myA.png"
,
"text": "我的"
}]
}

2.返回上一页

redirectTo

uni.navigateBack({
delta: 1
});

uni.navigateTo({
url: '../chicken_choosing/chicken_choosing'
});

3.提示弹窗

uni.showToast({
title: '请写下您的心情内容~',
duration: 2000,
icon:'none'
});

4.设置粘贴板内容

uni.setClipboardData({
data: ``
success: function () {
console.log('success');
}
});

4.页面传参数为数组,

将参数转为 JSON 字符串 JSON.stringify(对象)

接收页面转为数组对象 JSON.parse(字符串)

5.得出今日日期

(1).

let date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1 > 9 ? date.getMonth() + 1 : "0" + parseInt(date.getMonth() + 1);
let day = date.getDate();
this.date = year + "." + month + "." + day;

(2)js 获取当前日期方法(YYYY-MM-DD 格式)

var time = myDate.toLocaleDateString().split('/').join('-');将 1970/08/08 转化成 1970-08-08(iOS 不兼容)

获取天数:(new Date("2021-01-22").getTime()-new Date("2021-01-20").getTime())/ 1000 / 60 / 60 /24(iOS 兼容)

6.比较两个日期之间相距多少天

DateDiff(sDate1, sDate2){ //sDate1 和 sDate2 是 2002-12-18 格式
let iDays;
let sDate1=new Date(sDate1);
let sDate2=new Date(sDate2);
let iDays = parseInt(Math.abs(sDate1 - sDate2) / 1000 / 60 / 60 /24); //把相差的毫秒数转换为天数
return iDays;
}

6.登录

 tryLogin(){
                if(this.userInfo?.nickName){
                    return;
                }
                // 获取用户信息
                uni.getUserInfo({
                    success(e) {
                        self.setState({userInfo:{...e.userInfo,...self.userInfo}})
                        uni.setStorageSync('userInfo',self.userInfo)
                    },
                    fail(error) {
                        console.log(error);
                        uni.openSetting({
                          success(res) {
                            uni.getUserInfo({
                                success(e) {
                                    console.log(e);
                                    self.setState({userInfo:{...e.userInfo,...self.userInfo}})
                                    uni.setStorageSync('userInfo',self.userInfo)
                                }
                            })
                          }
                        });
                    }
                })
                
            }

7.清除缓存,苹果手机失效

if(e.query.clearstorage){
// uni.clearStorage();
uni.clearStorageSync()
uni.showToast({
title:'清除本地缓存成功'
})}

8.用 js 取 1-100 的随机数 https://www.cnblogs.com/xyn0909/p/8574926.html

function sum (m,n){
  var num = Math.floor(Math.random()*(m - n) + n);
  alert(num)
}
sum(1,100);

8.获取节点元素高度

let query = uni.createSelectorQuery();

query.select('#id').boundingClientRect();

query.exec(function (res) {
console.log("当前元素的 res:",res) console.log(res[0].width, res[0].height,res[0].top);
});

9.获取数字数组前 n 个数字相加的和?

getListValue(list, max) {
var total = 0;
for (let i = 0; i < max; i++) {
total = total + list[i];
}
return total;
}

10.获取数组中 n 个不重复元素组成的新数组?

getRandomArrayElements(arr, count) {
var shuffled = arr.slice(0),
i = arr.length,
min = i - count,
temp, index;
while (i-- > min) {
index = Math.floor((i + 1) * Math.random());
temp = shuffled[index];
shuffled[index] = shuffled[i];
shuffled[i] = temp;
}
return shuffled.slice(min);
}

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...

推荐标签 标签

  • FFmpeg

    FFmpeg 是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序。

    22 引用 • 31 回帖 • 3 关注
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。

    25 引用 • 7 回帖 • 250 关注
  • GitHub

    GitHub 于 2008 年上线,目前,除了 Git 代码仓库托管及基本的 Web 管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享(Gist)等功能。正因为这些功能所提供的便利,又经过长期的积累,GitHub 的用户活跃度很高,在开源世界里享有深远的声望,并形成了社交化编程文化(Social Coding)。

    207 引用 • 2031 回帖
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    5 引用 • 15 回帖 • 223 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    19 引用 • 31 回帖 • 3 关注
  • 一些有用的避坑指南。

    69 引用 • 93 回帖
  • CentOS

    CentOS(Community Enterprise Operating System)是 Linux 发行版之一,它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码,因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖 • 1 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 640 关注
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台,其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 36 关注
  • 强迫症

    强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖 • 1 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    324 引用 • 1395 回帖 • 3 关注
  • Chrome

    Chrome 又称 Google 浏览器,是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写,包括 WebKit,目标是提升稳定性、速度和安全性,并创造出简单且有效率的使用者界面。

    60 引用 • 287 回帖 • 2 关注
  • HHKB

    HHKB 是富士通的 Happy Hacking 系列电容键盘。电容键盘即无接点静电电容式键盘(Capacitive Keyboard)。

    5 引用 • 74 回帖 • 404 关注
  • Maven

    Maven 是基于项目对象模型(POM)、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    185 引用 • 318 回帖 • 348 关注
  • BND

    BND(Baidu Netdisk Downloader)是一款图形界面的百度网盘不限速下载器,支持 Windows、Linux 和 Mac,详细介绍请看这里

    107 引用 • 1281 回帖 • 19 关注
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    51 引用 • 190 回帖 • 2 关注
  • DevOps

    DevOps(Development 和 Operations 的组合词)是一组过程、方法与系统的统称,用于促进开发(应用程序/软件工程)、技术运营和质量保障(QA)部门之间的沟通、协作与整合。

    38 引用 • 24 回帖
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    1 引用 • 11 回帖 • 1 关注
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息(如用户名与密码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 6 关注
  • Docker

    Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的操作系统上。容器完全使用沙箱机制,几乎没有性能开销,可以很容易地在机器和数据中心中运行。

    476 引用 • 899 回帖
  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    131 引用 • 3639 回帖
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    535 引用 • 672 回帖 • 2 关注
  • 阿里巴巴

    阿里巴巴网络技术有限公司(简称:阿里巴巴集团)是以曾担任英语教师的马云为首的 18 人,于 1999 年在中国杭州创立,他们相信互联网能够创造公平的竞争环境,让小企业通过创新与科技扩展业务,并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 243 关注
  • ZeroNet

    ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。

    1 引用 • 21 回帖 • 593 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    395 引用 • 3408 回帖
  • Sandbox

    如果帖子标签含有 Sandbox ,则该帖子会被视为“测试帖”,主要用于测试社区功能,排查 bug 等,该标签下内容不定期进行清理。

    368 引用 • 1212 回帖 • 576 关注
  • 电影

    这是一个不能说的秘密。

    120 引用 • 597 回帖 • 1 关注