Tag : javascript
Tag : javascript
因为hash目前还不被搜索引擎认可,如果需要页面被搜索引擎抓取得开启html5mode
$locationProvider.html5Mode(true);开启html5mode
如果未开启html5mode
a 标签的 href 的链接需要添加#号来跳转到其他页面
在没开启html5mode的状态下angular是用#hash来进行路由分配的
如果开启html5mode
需要在服务器端对重写url进行入口页面返回
需要在index头部添加
设定相应的基础连接
例 index.html 访问路径如下
http://www.xxx.com/base/index.html
base设定为”/base/”
之后页面内的连接就可以采用相对路径的连接了
开启html5mode默认会重写链接
例 index.html
http://www.xxx.com/base/index.html
会被重写为
http://www.xxx.com/base/
http://www.xxx.com/base/list
如果需要访问
http://www.xxx.com/base1
如果业务需求需要不保存浏览历史记录可以使用
function replace(url){
if(!url) return;
try{
window.history.replaceState(null,null,’#’+url);
}catch(E){
$location.path(url);
}
}
Categories: Html5/CSS3, javaScript, 前端开发
github地址:https://github.com/aui/artTemplate
使用样例:
<script id="test" type="text/html"> <h1>{{title}}</h1> <ul> {{each list as value i}} <li>索引 {{i + 1}} :{{value}}</li> {{/each}} </ul> </script> |
使用数据:
var data = { title: '标签', list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他'] }; var html = template('test', data); document.getElementById('content').innerHTML = html; |
通过分析市面上的一些模版得出:
优势:
1.有简洁和原生2种使用方式
2.速度较快
3.错误提示
Categories: javaScript, 前端开发
插件网址:http://html2canvas.hertzen.com/
github地址:https://github.com/niklasvh/html2canvas/releases
样例:在当前页面底部添加当前页面的渲染canvas
html2canvas(document.body, { onrendered: function(canvas) { document.body.appendChild(canvas); } }); |
Categories: javaScript, 前端开发
通过js调用native需要做以下几步:
1.在plugin.xml配置文件里,添加如下内容
<?xml version="1.0" encoding="utf-8"?> <uexplugins> <plugin className="com.test.testObject" uexName="test"> <method name="setAction"/> </plugin> </uexplugins> |
2.添加com.test.testObject类,添加如下内容
package com.test; import org.zywx.wbpalmstar.engine.EBrowserView; import org.zywx.wbpalmstar.engine.universalex.EUExBase; import org.zywx.wbpalmstar.engine.universalex.EUExCallback; public class testObject extends EUExBase { private Context context; public testObject(Context context, EBrowserView inParent) { super(context, inParent); } @Override protected boolean clean() { return false; } public void setAction(String[] message){ //TODO jsCallback("test.setActionCallBack",0, EUExCallback.F_C_JSON,message[0]); } } |
setAction里面可以设定需要native做的操作,demo里直接设定了回调给js
3.js调用添加,在需要调用的页面添加js内容如下
function setAction(message){ test.setAction(message); } window.uexOnload = function(type){ if(type == 0){ test.setActionCallBack = function(opId,dataType,data){ //TODO alert(data); }; } } |
通过setAction进行调用,最终会把message以消息的方式弹出.
Categories: Android, javaScript, 前端开发, 移动开发
用来统一消息,后续可开发些便捷功能
网上找到的一个基础模型
var pubsub = (function(){ var q = {} topics = {}, subUid = -1; q.publish = function(topic, args) { if(!topics[topic]) {return;} var subs = topics[topic], len = subs.length; while(len--) { subs[len].func(topic, args); } return this; }; q.subscribe = function(topic, func) { topics[topic] = topics[topic] ? topics[topic] : []; var token = (++subUid).toString(); topics[topic].push({ token : token, func : func }); return token; }; return q; })(); |
Categories: javaScript, 前端开发
该插件是在jQuery的基础上实现的,具体介绍如下:
主要功能实现如下:
1.实现水平,垂直滑动 支持选择方向滑动,通过配置vertical,horizontal来设定,默认vertical
2.实现居中效果 通过配置center来设定
3.实现焦点效果 通过配置page来设定
4.实现惯性效果 通过配置inertia来设定惯性效果,单位ms
5.实现滚动效果 通过配置duration来设定持续时间,单位ms
6.实现js/html5切换 通过配置animate来设定,默认自动选择
7.实现页面拖拽和移动端触摸滑动 通过配置move来设定,默认true
8.实现点击元素滚动 通过配置clickIndex来设定,默认false
提供接口如下:
1.resize(width,height) 重置高和宽,当页面大小变更后,可通过该接口重新设定高和宽
2.setIndex(index) 主动设定滚动至元素,index为元素的index,可通过jQuery的$(select).index()调用得到
监听如下:
1.返回当前选中元素 通过配置selected方法调用
Categories: javaScript, 前端开发