Fancye

踏踏实实生活,老老实实干活


  • 首页

  • 关于

  • 标签

  • 归档

  • 工具

  • 搜索

vue-study-list

发表于 2018-06-25 | | 阅读次数:
  1. (vue.js官网)[https://cn.vuejs.org/v2/guide/]
  2. (vue在线编码测试)[https://jsfiddle.net/50wL7mdz/400650/]
  3. (Scrimba-vue视频学习)[https://scrimba.com/p/pXKqta/cEQe4SJ]

WeX5集成极光推送入门

发表于 2017-04-28 | 分类于 wex5 , jpush | | 阅读次数:

引入

在项目的index.w中引入JPushPlugin插件

1
2
require("cordova!cn.jpush.phonegap.JPushPlugin");
var JPushInstance = require("./jpush");

此处注意: WeX5 studio 3.6版本中引入的是JPushPlugin版本是2.2.0,最新的版本是3.1.3,可以从JPushPlugin in GitHub更新替换。

阅读全文 »

webcam.js支持H5以及Flash的方式调用摄像头

发表于 2017-04-18 | 分类于 webcam.js | | 阅读次数:

前段时间一直在调试人脸识别的接口程序,已经差不多了。而且在移动端通过使用cordoava插件也能调用摄像头进行拍照采样。但是在传统的web浏览器端碰到了一点麻烦。

如果是在支持H5的浏览器中,可以借助navigator.getUserMedia以及canvas轻松实现拍照。可是如果时在IE浏览器中以及不支持H5的浏览器中就会碰到麻烦。

一般的做法是借助Flash来实现相机的功能,使用传统的写法不免很难看。后台找到一个框架webcam.js,轻松的解决了我的难题。

阅读全文 »

使用容联IM开发一个聊天即时通讯程序

发表于 2017-04-12 | 分类于 IM | | 阅读次数:

容联主要是通过整合运营商的网络和通信资源,将通讯能力打包成API接口与SDK,为企业和开发者提供通话、短信、视频、呼叫中心、IM、流量等通讯服务和不同场景下的行业通讯解决方案。

容联云通讯官网

阅读全文 »

扩展JFinal中的MetaBuilder

发表于 2017-04-11 | 分类于 JFinal | | 阅读次数:

JFinal简介

JFinal 是基于 Java 语言的极速 WEB + ORM 框架,其核心设计目标是开发迅速、代码量少、学习简单、功能强大、轻量级、易扩展、Restful。在拥有Java语言所有优势的同时再拥有ruby、python、php等动态语言的开发效率!

JFinal官网

解决思路

JFinal 在使用Generator自动生成JavaBean类的时候,提供了以下方法:

  • Generator.addExcludedTable(添加不需要生成的表)
  • Generator.setRemovedTableNamePrefixes(设置需要被移除的表名前缀)
  • MetaBuilder.isSkipTable(通过继承并覆盖此方法,跳过一些不希望处理的 table,定制更加灵活的 table 过滤规则)

但是并没有提供如果只想生成某些特定表的情况,还好JFinal提供了扩展方法

阅读全文 »

使用Cordova插件的Hybrid应用

发表于 2017-04-06 | 分类于 Wex5 | | 阅读次数:

前篇文章如何从一个APP内部打开另一个APP,说了如果从A系统内部打开一个B系统。如果是通过浏览器的方式打开B系统,则会碰到一个问题。

Hybrid应用通常都是通过Cordova插件进行调用移动设备的组件功能的,但是在浏览器当中,Cordova插件是不能使用的。这样就会造成从A系统内部访问B系统的时候,很多依赖Cordova插件的功能就无法使用了。

解决思路

第一种方案:

在B系统中使用Cordova之前先进行判断,判断当前环境是x5app,还是在浏览器当中。如果是x5app则可是正常使用Cordova插件,如果是浏览器环境则使用替代方案。

1
2
3
4
5
if(justep.Browser.isX5App) {
// invoke cordova-plugin-install
} else {
// invoke browser instead
}

第二种方案:

可以参考UI2/protal/sample中的示例。将A系统和B系统从抽象角度”当做”一个系统来考虑,尽管他们都是可以单独打包运行的。这样,可以通过普通的打开页面的方式链接到B系统。

justep.Shell.showPage(require.toUrl(url));// url:B系统的绝对路径
将A系统打包成APP的时候,它会将B系统的所有资源也打包进去,就把B系统当做A系统的一个w页面就可以了。这里注意:

  • B系统中的路径都必须是绝对路径,否则打包的时候会遗漏B系统静态资源
  • A系统中使用了ShellImpl进行全局页面映射时,在B系统中就不能在使用ShellImpl了

​以上。

如果你有更好的解决思路,请留言,我会及时回复。

wex5-data-bind

发表于 2017-04-01 | 分类于 Wex5 | | 阅读次数:

在UI2下面新建一个页面如下

1
2
3
4
5
6
7
8
9
10
11
12
13
define(function(require){
var $ = require("jquery");
var justep = require("$UI/system/lib/justep");
var Model = function(){
this.callParent();
this.user = justep.Bind.observable('老白');
this.say = justep.Bind.observable('聊技术');
this.result = justep.Bind.computed(function() {
return this.user.get() + " " + this.say.get();
}, this);
};
return Model;
});

this.user和this.say创建了2个监控对象,this.result用于监控对象的计算。
this.user.get()是得到监控对象的值,this.user.set(‘’)是给监控对象的值进行赋值。

我们再content1下面创建HTML(view)代码

1
2
3
4
5
6
7
8
9
10
11
<div class="x-panel-content" xid="content1">
<p>User:
<input type="text" bind-value="user"/>
</p>
<p>say:
<input type="text" bind-value="say"/>
</p>
<p>Result:
<span bind-text="result"/>
</p>
</div>

我们使用bind-value属性将input输入的值绑定到user这个属性上。也即是进行了数据双向绑定。当intput的值发生了变化,则会通知到user。同理user发生了变化,也会实时反映给input的值。bind-text属性的作用则是将result与span的值进行绑定。

将User和sya输入框中的值进行修改之后,再点击空白处,会发现Result的值也发生了相应的变化。
如果想实时的效果,有两种方案:

  1. 可以将bind-value的值附加一个参数,即将user,改为user,valueUpdate: ‘afterkeydown’。
  2. 自定义一个属性bind-textInput,将它的值设置为user即可。这是H5新的属性,不过在ide可视化界面中看不到。

cordova-plugin-camera

发表于 2017-03-28 | 分类于 Cordova | | 阅读次数:

今天跟大家分享一个在WeX5开发中,如何调用设备进行拍照的功能

阅读全文 »

本机安装NodeJS环境

发表于 2017-03-21 | 分类于 NodeJS | | 阅读次数:

Node.js®是一个基于Chrome V8 引擎的 JavaScript 运行时。 Node.js 使用高效、轻量级的事件驱动、非阻塞 I/O 模型。Node.js 之生态系统是目前最大的开源包管理系统。

下载地址:NodeJS 打开页面会根据操作系统自动推荐下载版本。最新推荐版本是v6.10.0LTS,最近更新版本:v7.7.3

1
安装过程忽略

安装结束之后,打开命令窗口,输入node -v回车,如果得到nodejs版本信息,则安装成功。否则,检查环境变量是否没有进行配置,手动配置即可。

1
2
$ node -v
v7.0.0

输入node --help可以查看命令参数帮助信息。


NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景如下:

  • 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
  • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
  • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

常用命令:

1
2
3
4
5
6
npm -v # 显示版本,检查npm是否正确安装
npm install [package_name] # 安装功能模块
npm list # 列出已安装模块
npm show [package_name] # 显示模块详情
npm update [package_name] # 升级模块版本,如果不加模块名,则是升级当前目录下的所有模块版本
npm uninstall [package_name] # 删除指定模块

给大家推荐几个学习网址:

  • NodeJS中文官网文档
  • 七天学会NodeJS
  • NodeJS中文论坛
  • 慕课网NodeJS视频课程

一个戳中痛点的小程序(内附源码)

发表于 2017-03-15 | 分类于 小程序 | | 阅读次数:

小程序是一个“弱”APP,它依赖于微信环境。小程序并不能完全替代APP,只适合将APP中某一个或某一类型的功能抽离出来,使用小程序来快捷实现。

当你在人生地不熟的环境,又恰好碰到内急的情况下,是否要略尴尬的找路人问一句:请问附近哪里有厕所吗?甚至非常内向的人,都不太愿意去问路人吧。好了,为什么我们不开发一个“找厕所”的小程序呢?

阅读全文 »

12…5

Fancye Bai

43 日志
16 分类
38 标签
GitHub E-Mail
© 2018 2014
由 Hexo 强力驱动
|
主题 — NexT.Gemini v6.0.1
|
本站访客数: