阿里云域名优惠口令

【优惠口令】
com英文域名注册45元/首年:域名抢注88折起
com英文域名续费60元/首年:地久天长
cn英文域名注册16元/首年:大吉大利
cn英文域名续费35元/首年:万古长青
net英文域名转入59元:百业兴旺
xin续费:抱诚守信
xin注册:神来气旺

【如何使用口令】
优惠口令需验证成功后才可使用。
口令不定期更新,仅PC端适用,仅普通词适用,限时限量。
优惠口令与其他优惠(代金券、折扣、满减等)不同时使用。

【免费转入】
1-3字母.com、4声母.com、1-4数字.com域名免费转入

【更多优惠】
单笔订单注册英文.com域名≥5个,每个39元/首年;
单笔订单注册英文.cn域名≥5个,每个13元/首年。

小程序截取字符串的方法

两种方法

方法一,在wxml文件中使用js实现

截取代码
<wxs module="util">
var sub = function(val) {
return val.substring(0, 10)
}
module.exports.sub = sub;
</wxs>
截取方法
<text class="time">{{util.sub(newss.time)}}</text>

方法二,在js文件中实现

代码片断

 

success: function (res) {
console.log(res.data)
if (res.data.length !== 0) {
res.data.forEach((item) => {
item.time = item.time.substring(0, 10)
});
};
wxml文件中直接这样即可
<text class="time">{{item.time}}</text>

可以根据实际需要进行选择

 

Tampermonkey一款免费的浏览器扩展

Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于Chrome,Microsoft Edge,Safari,Firefox,Opera Next,Dolphin Browser,UC Browser.
虽然有些受支持的浏览器拥有原生的用户脚本支持,但 Tampermonkey 将在您的用户脚本管理方面提供更多的便利。 它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的编辑器等众多功能, 同时Tampermonkey还有可能正常运行原本并不兼容的脚本。
官网地址:
http://tampermonkey.net
脚本地址:
https://greasyfork.org/zh-CN

小程序开发问题"找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。"

小程序开发问题"找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。"

通常这种情况是因为在小程序目录中缺少配置文件project.config.json造成的.

只需要在修改一下工具中的详情信息即可.

同时查看project.config.json中是否有指定小程序目录

"miniprogramRoot": "./",

或者在app.json中添加一行配置小程序目录参数即可
{
"miniprogramRoot": "./",
"pages":[
"pages/index/index",

 

小程序swiper的高度自适应

原理

图片加载完之后,获取图片的原始宽高,根据宽高比,计算出适应后的宽高,如果是适应屏幕宽度的话,就用到 wx.getSystemInfo() 方法设备的信息,并保存到一个数组中,(因为加载的原因不能用push,只能根据索引),切换时监听当前显示的图片,根据其索引找到对应的高度,并赋值给组件即可。

 

wxml

<view class='swiper'>
<swiper indicator-dots="{{indicatorDots}}" vertical="{{vertical}}" autoplay="{{autoplay}}" duration="{{duration}}" interval='{{interval}}' bindchange="bindchange" circular="{{circular}}" style="height:{{imgheights[current]}}rpx;">
<block wx:for='{{imgList}}' wx:key="{{index}}">
<swiper-item>
<image src="{{item}}" data-id='{{index}}' class="slide-image" mode="widthFix" bindload="imageLoad"/>
</swiper-item>
</block>
</swiper>
</view>

wxss

.swiper image {
width: 100%;
height: auto;
}

js

data: {
//图片地址
imgList: ['/images/wyh-img_bg.png', '/images/wyh-img8.png', '/images/wyh-img_shop1.png', '/images/wyh-img_bg1.png'],
//是否采用衔接滑动
circular: true,
//是否显示画板指示点
indicatorDots: false,
//选中点的颜色
indicatorcolor: "#000",
//是否竖直
vertical: false,
//是否自动切换
autoplay: true,
//自动切换的间隔
interval: 2500,
//滑动动画时长毫秒
duration: 100,
//所有图片的高度
imgheights: [],
//图片宽度
imgwidth: 750,
//默认
current: 0
},
imageLoad: function (e) {//获取图片真实宽度
var imgwidth = e.detail.width,
imgheight = e.detail.height,
//宽高比
ratio = imgwidth / imgheight;
console.log(imgwidth, imgheight)
//计算的高度值
var viewHeight = 750 / ratio;
var imgheight = viewHeight;
var imgheights = this.data.imgheights;
//把每一张图片的对应的高度记录到数组里
imgheights[e.target.dataset.id] = imgheight;
this.setData({
imgheights: imgheights
})
},
bindchange: function (e) {
// console.log(e.detail.current)
this.setData({ current: e.detail.current })
},

 

来源

https://www.cnblogs.com/wangyihong/p/8610956.html

js实现tab切换,支持单页面多个调用

js代码部分

 

<script>
<!--
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script>

 

html部分
<div id="Tab1">
<div class="Menubox">
<ul>
<li id="one1" onmouseover="setTab('one',1,4)" class="hover">新闻1</li>
<li id="one2" onmouseover="setTab('one',2,4)" >新闻2</li>
<li id="one3" onmouseover="setTab('one',3,4)">新闻3</li>
<li id="one4" onmouseover="setTab('one',4,4)">新闻4</li>
</ul>
</div>
<div class="Contentbox">
<div id="con_one_1" class="hover">新闻列表1</div>
<div id="con_one_2" style="display:none">新闻列表2</div>
<div id="con_one_3" style="display:none">新闻列表3</div>
<div id="con_one_4" style="display:none">新闻列表4</div>
</div>
</div>

其中onmouseover为鼠标移动到选项卡切换,如需点击切换,请修改为onclick

 

css部分自理

 

小程序APP方法使用步骤

在app.js中注册

//app.js
App({
onLaunch: function(options) {
console.log("onLaunch");
},
onShow: function(options) {
console.log("onShow");
// Do something when show.
},
onHide: function() {
console.log("onHide");
// Do something when hide.
},
onError: function(msg) {
console.log(msg)
},
test:function() {
console.log("I am func from App.js");
},
globalData: {
userInfo:null,
url: 'https://wdja.cn/api.php'
}
})

在index.js中使用

两种方法

var app = getApp();

onLoad: function () {
var that = this
wx.request({
url: app.globalData.url,
.......

app.test(); // 调用全局方法

或直接

onLoad: function () {
var that = this
wx.request({
url: getApp().globalData.url,

.....

getApp().test(); // 调用全局方法

 

微信小程序image图片自适应的方法

 

一.使用mode属性

mode:widthFix

<image class="img" src="/hello.png" mode="widthFix">

.img{
  width: 100%;
}
.img{
  width: 100rpx;
}
二.用bindload绑定函数js处理
<image src="{{%20item%20}}" bindload="imageLoad" data-index="{{ index }}"
style="width:{{ images[index].width }}rpx; height:{{ images[index].height }}rpx;"></image>
Page({
data: {
images:{}
},
imageLoad: function(e) {
var $width=e.detail.width, //获取图片真实宽度
$height=e.detail.height,
ratio=$width/$height; //图片的真实宽高比例
var viewWidth=718, //设置图片显示宽度,左右留有16rpx边距
viewHeight=718/ratio; //计算的高度值
var image=this.data.images;
//将图片的datadata-index作为image对象的key,然后存储图片的宽高值
image[e.target.dataset.index]={
width:viewWidth,
height:viewHeight
}
this.setData({
images:image
})
}
})