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

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

二丶 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);
}

相关帖子

欢迎来到这里!

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

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

推荐标签 标签

  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 585 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。

    75 引用 • 258 回帖 • 618 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 629 关注
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    22346 引用 • 89408 回帖 • 1 关注
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 595 关注
  • 黑曜石

    黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。

    A second brain, for you, forever.

    15 引用 • 122 回帖
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖 • 4 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 587 关注
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码,添加在 [设置 - 外观 - 代码片段] 中,这些代码会在思源笔记加载时自动执行,用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] [js] 用于区分代码片段类型。

    70 引用 • 375 回帖 • 1 关注
  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 155 关注
  • 运维

    互联网运维工作,以服务为中心,以稳定、安全、高效为三个基本点,确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    149 引用 • 257 回帖
  • 招聘

    哪里都缺人,哪里都不缺人。

    190 引用 • 1057 回帖
  • Lute

    Lute 是一款结构化的 Markdown 引擎,支持 Go 和 JavaScript。

    25 引用 • 191 回帖 • 16 关注
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 431 关注
  • TensorFlow

    TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。

    20 引用 • 19 回帖
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    125 引用 • 169 回帖 • 1 关注
  • Love2D

    Love2D 是一个开源的, 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 530 关注
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计,是一款崇尚开发效率的全栈框架。

    20 引用 • 23 回帖 • 721 关注
  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    200 引用 • 120 回帖 • 1 关注
  • C

    C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    85 引用 • 165 回帖 • 1 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3187 引用 • 8213 回帖
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖 • 1 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    341 引用 • 708 回帖
  • Scala

    Scala 是一门多范式的编程语言,集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 130 关注
  • CentOS

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

    238 引用 • 224 回帖
  • 知乎

    知乎是网络问答社区,连接各行各业的用户。用户分享着彼此的知识、经验和见解,为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖