HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

Hello MUI 项目顶部多了首页两个字

mui

解决方法:
开了原生naitive模式header,
检查manifest.json中,是否设置了plus->launchwebview->navigationbar | titleNView。
去掉黄色标识代码。

继续阅读 »

解决方法:
开了原生naitive模式header,
检查manifest.json中,是否设置了plus->launchwebview->navigationbar | titleNView。
去掉黄色标识代码。

收起阅读 »

关于html5 app中手势密码设置后,忘记手势重新登录不了的问题

手势密码

var clearStateAndToLogin = function() {
settings.gestures = '';
settings.autoLogin = false;
app.setSettings(settings);
var state = app.getState();
state.token = '';
app.setState(state);
// $.openWindow({
// url: 'login.html',
// id: 'login',
// show: {
// aniShow: 'pop-in'
// },
// waiting: {
// autoShow: false
// }
// });
plus.webview.getLaunchWebview().show("pop-in", 200, function() {
plus.webview.currentWebview().close("none");
});
};

HTML5 app中设置手势,打开应用时检测是否设置手势,若忘记手势重新登录时遇到登录不了的问题,由于官方的做法open一个登录页面,但是login是属于预加载页面,重新打开的页面是无法登录,这时需要打开之前预加载的登录页,才能登录成功,这项目的入口文件为login页,所以可以直接通过getLaunchWebview()这个方法打开。

继续阅读 »

var clearStateAndToLogin = function() {
settings.gestures = '';
settings.autoLogin = false;
app.setSettings(settings);
var state = app.getState();
state.token = '';
app.setState(state);
// $.openWindow({
// url: 'login.html',
// id: 'login',
// show: {
// aniShow: 'pop-in'
// },
// waiting: {
// autoShow: false
// }
// });
plus.webview.getLaunchWebview().show("pop-in", 200, function() {
plus.webview.currentWebview().close("none");
});
};

HTML5 app中设置手势,打开应用时检测是否设置手势,若忘记手势重新登录时遇到登录不了的问题,由于官方的做法open一个登录页面,但是login是属于预加载页面,重新打开的页面是无法登录,这时需要打开之前预加载的登录页,才能登录成功,这项目的入口文件为login页,所以可以直接通过getLaunchWebview()这个方法打开。

收起阅读 »

app 引导页

https://ask.dcloud.net.cn/article/783

https://ask.dcloud.net.cn/article/783

javaScript的按值传递和按引用传递

JavaScript

按值传递(call by value)是最常用的求值策略:函数的形参是被调用时所传实参的副本。修改形参的值并不会影响实参。
按引用传递(call by reference)时,函数的形参接收实参的隐式引用,这意味着函数形参的值如果被修改,实参也会被修改。同时两者指向相同的值。

按引用传递会使函数调用的追踪更加困难,有时也会引起一些微妙的bug。

按值传递由于每次都需要克隆副本,对一些复杂类型,性能较低。两种传递方式都有各自的问题。
js的基本类型是按值传递的。(基本类型:string、boolean、)
var a = 1;
function foo(x){
x =2;
}
foo(a);
console.log(a);//仍为1,未受x = 2赋值所影响

再来看看对象传值:(对象类型:obj,array)
var obj = {x :1};
function foo(ob){
ob.x = 3;}
foo(obj);
console.log(obj.x);//3,被修改了!
var obj = {x : 1};
function foo(ob){
ob = 100;
}
foo(obj);
console.log(obj.x);//仍然是1,obj未被修改为100.

可以看出,对象的传值并不是按引用传递。其实,按共享传递call by sharing,准确的说,js中的基本类型按值传递,对象类型按共享传递的,也叫按对象传递、按对象共享传递。该求值策略被用于python/java/puby/js等多种语言。
该策略(按对象传递、按对象共享传递)的重点是:调用函数传参时,函数接受对象实参引用的副本(既不是按值传递的对象副本,也不是按引用传递的隐式引用)。它和按引用传递的不同在于:在共享传递中对函数形参的赋值,不会影响实参的值。代码如下;

var obj = {x : 1};
function foo(ob){
ob = 100;
}
foo(obj);
console.log(obj.x);//仍然是1,obj未被修改为100.

然而,虽然引用是副本,引用的对象是相同的。他们共享相同的对象,所以修改形参对象的属性值,也会影响到实参的属性值。如下:
var obj = {x :1};
function foo(ob){
ob.x = 3;}
foo(obj);
console.log(obj.x);//3,被修改了!

按引用传递相当于一个是有名字的框,框里有各种各样的东西(对象)。框可以有不同的名字,但里面的内容还是同一个内容。相当于有了两把钥匙。

对于对象类型,由于对象是可变mutable的,修改对象本身会影响到共享这个对象的引用和引用副本。

而对于基本类型,由于他们都是不可变immutable的,按共享传递与按值传递没有任何区别,所以说js基本类型既符合按值传递,也符合共享传递。
var a = 1; // 1是number类型,不可变 var b = a; b = 6;

据按共享传递的求值策略,a和b是两个不同的引用(b是a的引用副本),但引用相同的值。由于这里的基本类型数字1不可变,所以这里说按值传递、按共享传递没有任何区别。

基本类型的不可变(immutable)性质
基本类型是不可变的(immutable),只有对象是可变的(mutable). 例如数字值100, 布尔值true, false,修改这些值(例如把1变成3, 把true变成100)并没有什么意义。比较容易误解的,是JS中的string。有时我们会尝试“改变”字符串的内容,但在JS中,任何看似对string值的”修改”操作,实际都是创

建新的string值。代码如下:
var str = “abc”;
str[0];//"a"
str[0] = "d";
str;//仍然是“abc”,赋值时无效的。没有任何办法修改字符串的内容
而对象就不一样了,对象是可变的。代码如下:
var obj = {x:1};
obj.x = 100;
var ob = obj;
ob.x = 1;
obj.x;//1,被修改
ob = true;
obj.x;//1,不会因ob = true改变。
这里定义变量obj,值是object,然后设置obj.x的属性值为100.而后定义另一个变量ob,值仍然是这个object对象,此时obj和ob两个变量指向同一个对象(共享同一个对象的引用)。所以修改对象的内容,对obj和ob都有影响。但对象并非按引用传递,通过ob=true修改了ob的值,不会影响obj。

    总之,基本类型是按值传递,而对于对象来说传入的是对象指向的地址,也可以认为其是特殊的按值传递。如果在函数内对象的属性进行操作,实际就是对其指向对象的属性进行操作。但是,如果对其整体进行操作(比如:ob = 100或者ob = 【】),其实际是新定义了对象,实参的引用地址为新的对象的引用地址,与原来的引用没有任何关系,所以不会对原来的对象造成改变。  

传递的两种类型:
1.按值传递:string number boolean 基本类型,变量创建了一个新的内存副本,改变形参并不会修改实参的值。
2.按引用传递:object array 对象类型,对象指向同一个地址,就是内存地址,可以类比为门牌号,对象类型的值是地址而不是真正对象本身。可直接修改实参的值。
参考:http://www.jb51.net/article/60568.htm

继续阅读 »

按值传递(call by value)是最常用的求值策略:函数的形参是被调用时所传实参的副本。修改形参的值并不会影响实参。
按引用传递(call by reference)时,函数的形参接收实参的隐式引用,这意味着函数形参的值如果被修改,实参也会被修改。同时两者指向相同的值。

按引用传递会使函数调用的追踪更加困难,有时也会引起一些微妙的bug。

按值传递由于每次都需要克隆副本,对一些复杂类型,性能较低。两种传递方式都有各自的问题。
js的基本类型是按值传递的。(基本类型:string、boolean、)
var a = 1;
function foo(x){
x =2;
}
foo(a);
console.log(a);//仍为1,未受x = 2赋值所影响

再来看看对象传值:(对象类型:obj,array)
var obj = {x :1};
function foo(ob){
ob.x = 3;}
foo(obj);
console.log(obj.x);//3,被修改了!
var obj = {x : 1};
function foo(ob){
ob = 100;
}
foo(obj);
console.log(obj.x);//仍然是1,obj未被修改为100.

可以看出,对象的传值并不是按引用传递。其实,按共享传递call by sharing,准确的说,js中的基本类型按值传递,对象类型按共享传递的,也叫按对象传递、按对象共享传递。该求值策略被用于python/java/puby/js等多种语言。
该策略(按对象传递、按对象共享传递)的重点是:调用函数传参时,函数接受对象实参引用的副本(既不是按值传递的对象副本,也不是按引用传递的隐式引用)。它和按引用传递的不同在于:在共享传递中对函数形参的赋值,不会影响实参的值。代码如下;

var obj = {x : 1};
function foo(ob){
ob = 100;
}
foo(obj);
console.log(obj.x);//仍然是1,obj未被修改为100.

然而,虽然引用是副本,引用的对象是相同的。他们共享相同的对象,所以修改形参对象的属性值,也会影响到实参的属性值。如下:
var obj = {x :1};
function foo(ob){
ob.x = 3;}
foo(obj);
console.log(obj.x);//3,被修改了!

按引用传递相当于一个是有名字的框,框里有各种各样的东西(对象)。框可以有不同的名字,但里面的内容还是同一个内容。相当于有了两把钥匙。

对于对象类型,由于对象是可变mutable的,修改对象本身会影响到共享这个对象的引用和引用副本。

而对于基本类型,由于他们都是不可变immutable的,按共享传递与按值传递没有任何区别,所以说js基本类型既符合按值传递,也符合共享传递。
var a = 1; // 1是number类型,不可变 var b = a; b = 6;

据按共享传递的求值策略,a和b是两个不同的引用(b是a的引用副本),但引用相同的值。由于这里的基本类型数字1不可变,所以这里说按值传递、按共享传递没有任何区别。

基本类型的不可变(immutable)性质
基本类型是不可变的(immutable),只有对象是可变的(mutable). 例如数字值100, 布尔值true, false,修改这些值(例如把1变成3, 把true变成100)并没有什么意义。比较容易误解的,是JS中的string。有时我们会尝试“改变”字符串的内容,但在JS中,任何看似对string值的”修改”操作,实际都是创

建新的string值。代码如下:
var str = “abc”;
str[0];//"a"
str[0] = "d";
str;//仍然是“abc”,赋值时无效的。没有任何办法修改字符串的内容
而对象就不一样了,对象是可变的。代码如下:
var obj = {x:1};
obj.x = 100;
var ob = obj;
ob.x = 1;
obj.x;//1,被修改
ob = true;
obj.x;//1,不会因ob = true改变。
这里定义变量obj,值是object,然后设置obj.x的属性值为100.而后定义另一个变量ob,值仍然是这个object对象,此时obj和ob两个变量指向同一个对象(共享同一个对象的引用)。所以修改对象的内容,对obj和ob都有影响。但对象并非按引用传递,通过ob=true修改了ob的值,不会影响obj。

    总之,基本类型是按值传递,而对于对象来说传入的是对象指向的地址,也可以认为其是特殊的按值传递。如果在函数内对象的属性进行操作,实际就是对其指向对象的属性进行操作。但是,如果对其整体进行操作(比如:ob = 100或者ob = 【】),其实际是新定义了对象,实参的引用地址为新的对象的引用地址,与原来的引用没有任何关系,所以不会对原来的对象造成改变。  

传递的两种类型:
1.按值传递:string number boolean 基本类型,变量创建了一个新的内存副本,改变形参并不会修改实参的值。
2.按引用传递:object array 对象类型,对象指向同一个地址,就是内存地址,可以类比为门牌号,对象类型的值是地址而不是真正对象本身。可直接修改实参的值。
参考:http://www.jb51.net/article/60568.htm

收起阅读 »

关于nativejs和5+SDK的区别

时隔一年多,我对这个框架还是有点迷迷糊糊,希望记录一些对自己也对大家有帮助的东西

native.js,这玩意就是对android原生一些接口方法的封装,可以理解为讲原生的java类和js的类对应起来,这样就可以在js里面调用java的代码了。这么说还是有点模糊,换个说法,官方把android的类封装好了,然后创建了一个js库,只要创建js对应的android类就可以调用原生的android类和方法,注意!!!只能是android原生存在的,他实际应该算是映射的

而5+ sdk,则是需要离线打包,相当于(从根本上就是)自己写一个类,然后用js去调用,和上面的区别在于这里类是可以自己实现,并不是android内部原生的类

native :js<---->映射<---->android原生类
5+sdk :js<--->桥<--->自己实现的类

有关效率
http://ask.dcloud.net.cn/question/4142
楼中有位哥们儿给出了答案,5+sdk效率更高些,js仅作信息传递用,java部分运行java的
之前native实现表达确实不清楚,这里的映射本质应该也是桥,不过为了做区分就不改了

继续阅读 »

时隔一年多,我对这个框架还是有点迷迷糊糊,希望记录一些对自己也对大家有帮助的东西

native.js,这玩意就是对android原生一些接口方法的封装,可以理解为讲原生的java类和js的类对应起来,这样就可以在js里面调用java的代码了。这么说还是有点模糊,换个说法,官方把android的类封装好了,然后创建了一个js库,只要创建js对应的android类就可以调用原生的android类和方法,注意!!!只能是android原生存在的,他实际应该算是映射的

而5+ sdk,则是需要离线打包,相当于(从根本上就是)自己写一个类,然后用js去调用,和上面的区别在于这里类是可以自己实现,并不是android内部原生的类

native :js<---->映射<---->android原生类
5+sdk :js<--->桥<--->自己实现的类

有关效率
http://ask.dcloud.net.cn/question/4142
楼中有位哥们儿给出了答案,5+sdk效率更高些,js仅作信息传递用,java部分运行java的
之前native实现表达确实不清楚,这里的映射本质应该也是桥,不过为了做区分就不改了

收起阅读 »

ios下时间选择器数字模糊的解决方案

h5模式下的选择日期时间选择器,安卓显示正常,ios文字正常,数字模糊,如图

解决方案:
在你自己的css里面加一句
.mui-ios .mui-dtpicker-body {
perspective: none!important;
transform-style: flat!important;
-webkit-perspective:none!important;
-webkit-transform-style:flat!important;
}
如果你的css放在picker.css后面,可以去掉!important;
希望能帮到各位老铁~

继续阅读 »

h5模式下的选择日期时间选择器,安卓显示正常,ios文字正常,数字模糊,如图

解决方案:
在你自己的css里面加一句
.mui-ios .mui-dtpicker-body {
perspective: none!important;
transform-style: flat!important;
-webkit-perspective:none!important;
-webkit-transform-style:flat!important;
}
如果你的css放在picker.css后面,可以去掉!important;
希望能帮到各位老铁~

收起阅读 »

自定义ICON在IOS下不正常显示的解决方法

图标
参考官方教程[基于subnview模式的原生tab](http://ask.dcloud.net.cn/article/12602),想把中间文字换成自定义的ICON。在[阿里巴巴矢量图标库](http://iconfont.cn/)中导出ttf资源后,替换到工程的fonts目录下,并修改代码中的text值。  
结果在Android中,正常显示;但在IOS中,图标不识别(显示为问号)。  
解决方法:  
导出ttf资源时,修改ICONFONT项目(没有就先创建):“更多操作”-》“编辑项目”,将“Font Family”改成非“iconfont”的值,再导出。  
继续阅读 »
参考官方教程[基于subnview模式的原生tab](http://ask.dcloud.net.cn/article/12602),想把中间文字换成自定义的ICON。在[阿里巴巴矢量图标库](http://iconfont.cn/)中导出ttf资源后,替换到工程的fonts目录下,并修改代码中的text值。  
结果在Android中,正常显示;但在IOS中,图标不识别(显示为问号)。  
解决方法:  
导出ttf资源时,修改ICONFONT项目(没有就先创建):“更多操作”-》“编辑项目”,将“Font Family”改成非“iconfont”的值,再导出。  
收起阅读 »

H5 plus + HUI + ECSHOP APP实战教程 《仿京东优选商城》已发布!

移动APP

H5 plus + HUI + ECSHOP APP实战教程 《仿京东优选商城》已发布!课程目录:

【前端】
入口页面布局、侧滑商品分类切换
商品列表数据加载,含:AJAX数据交互、刷新、加载
商品详情页面开发
用户注册、用户登录系统开发
商品收藏功能开发
账户中心页面开发、注销功能开发
头像剪裁、上传功能开发
我的收藏页面开发
商品搜索功能开发
购物车功能开发
结算页面布局,选择地址按钮部署,沉浸式
客户收货地址列表、添加地址、选择地址
订单提交、生成订单功能开发
微信支付功能开发

【后端】
php 环境部署 ecshop安装
开发自己的API调试器(php版本)
后端API开发
微信支付后端详解
支付成功后服务器端接收、处理支付消息(异步通知)

累加8小时视频教程,,满满干货!提供相关相关的所有源码、数据字典、安装包、使用手册等资料。
不会后端可以直接使用教程内的接口,无需开发自己的服务端!

教程地址
https://ke.qq.com/course/225830#tuin=4f8da6

优惠38元(100张 一个月内有效),优惠券地址:
https://ke.qq.com/p/zNzbm6yb

下一步课程计划: node.js (会js的同学即可学会的后端), vue.js

继续阅读 »

H5 plus + HUI + ECSHOP APP实战教程 《仿京东优选商城》已发布!课程目录:

【前端】
入口页面布局、侧滑商品分类切换
商品列表数据加载,含:AJAX数据交互、刷新、加载
商品详情页面开发
用户注册、用户登录系统开发
商品收藏功能开发
账户中心页面开发、注销功能开发
头像剪裁、上传功能开发
我的收藏页面开发
商品搜索功能开发
购物车功能开发
结算页面布局,选择地址按钮部署,沉浸式
客户收货地址列表、添加地址、选择地址
订单提交、生成订单功能开发
微信支付功能开发

【后端】
php 环境部署 ecshop安装
开发自己的API调试器(php版本)
后端API开发
微信支付后端详解
支付成功后服务器端接收、处理支付消息(异步通知)

累加8小时视频教程,,满满干货!提供相关相关的所有源码、数据字典、安装包、使用手册等资料。
不会后端可以直接使用教程内的接口,无需开发自己的服务端!

教程地址
https://ke.qq.com/course/225830#tuin=4f8da6

优惠38元(100张 一个月内有效),优惠券地址:
https://ke.qq.com/p/zNzbm6yb

下一步课程计划: node.js (会js的同学即可学会的后端), vue.js

收起阅读 »

【开源分享】在mui基础上调的一个主流资讯App界面

mui 移动APP

仓库地址

News_QK

这是什么

这是一个高可复用的资讯App外观界面,包括:

  • 主界面

  • 文章详情页

示例(gif):

p1

首页(jpg):

p2

文章详情页(jpg):

p3

如何开始

下载HBuilder,将.project文件拖入HBuilder后选择"运行"-"真机运行"。

两种下拉刷新模式

双webview模式(默认)

App入口:Views/listview_pullRefreshMain.html

功能文件:Views/listview_pullRefreshMain.html , Views/listview_pullRefreshSub.html

单webview模式

App入口:Views/listview.html

功能文件:Views/listview.html

贡献

欢迎 pull requests .

致谢

  • MUI框架
  • Hello MUI App: "从列表到详情最佳实践"

开源协议

MIT

继续阅读 »

仓库地址

News_QK

这是什么

这是一个高可复用的资讯App外观界面,包括:

  • 主界面

  • 文章详情页

示例(gif):

p1

首页(jpg):

p2

文章详情页(jpg):

p3

如何开始

下载HBuilder,将.project文件拖入HBuilder后选择"运行"-"真机运行"。

两种下拉刷新模式

双webview模式(默认)

App入口:Views/listview_pullRefreshMain.html

功能文件:Views/listview_pullRefreshMain.html , Views/listview_pullRefreshSub.html

单webview模式

App入口:Views/listview.html

功能文件:Views/listview.html

贡献

欢迎 pull requests .

致谢

  • MUI框架
  • Hello MUI App: "从列表到详情最佳实践"

开源协议

MIT

收起阅读 »

打包后的apk提交到腾讯应用宝提示:新上传的apk包版本号不能低于已上线版本的版本号(110513)

上线 安卓


改一下code就可以了,只要不低于已经上线的code(版本标识)就可以了,可以等于。


改一下code就可以了,只要不低于已经上线的code(版本标识)就可以了,可以等于。

js获取屏幕高度

Javascript:

网页可见区域宽: document.body.clientWidth

网页可见区域高: document.body.clientHeight

网页可见区域宽: document.body.offsetWidth (包括边线的宽)

网页可见区域高: document.body.offsetHeight (包括边线的高)

网页正文全文宽: document.body.scrollWidth

网页正文全文高: document.body.scrollHeight

网页被卷去的高: document.body.scrollTop

网页被卷去的左: document.body.scrollLeft

网页正文部分上: window.screenTop

网页正文部分左: window.screenLeft

屏幕分辨率的高: window.screen.height

屏幕分辨率的宽: window.screen.width

屏幕可用工作区高度: window.screen.availHeight

屏幕可用工作区宽度: window.screen.availWidth
来源:http://ask.dcloud.net.cn/question/10639

继续阅读 »

Javascript:

网页可见区域宽: document.body.clientWidth

网页可见区域高: document.body.clientHeight

网页可见区域宽: document.body.offsetWidth (包括边线的宽)

网页可见区域高: document.body.offsetHeight (包括边线的高)

网页正文全文宽: document.body.scrollWidth

网页正文全文高: document.body.scrollHeight

网页被卷去的高: document.body.scrollTop

网页被卷去的左: document.body.scrollLeft

网页正文部分上: window.screenTop

网页正文部分左: window.screenLeft

屏幕分辨率的高: window.screen.height

屏幕分辨率的宽: window.screen.width

屏幕可用工作区高度: window.screen.availHeight

屏幕可用工作区宽度: window.screen.availWidth
来源:http://ask.dcloud.net.cn/question/10639

收起阅读 »