href与src的区别

 

SRC (Source)
src用于置换元素[1],即使说这个元素的内容通过src的地址获得,且不受css样式限制。比如

<script /> 
<img /> 
<video /> 
<object />

等。浏览器在解析到此处时会暂停所有渲染,加载直到此处内容被加载完成。
所以建议<script>放置在页面底端。比如:

<script src="dom1.js"></script>

HREF (HyperText Reference)
href 用于建立链接关系,比如

<a>, <link>

元素,浏览器在解析到此处时之道这里是个外部链接(或锚点)而并不需要加载这个链接的内容。因此页面解析不会被暂停。比如:

<a href="#yourAnchor">Click me</a>
URL (Uniform Resource Locator)
狭义来讲,在这里url代表了CSS的一个数据类型,它指定了一个数据的链接位置。通常的用法是用url()函数。比如

#your-element{
  background-image:url(http://placekitten.com/500/500);
}

There is a differentiation between src and href and they can’t be used interchangeably. We usesrc for replaced elements while href for establishing a relationship between the referencing document and an external resource.
href (Hypertext Reference) attribute specifies the location of a Web resource thus defining a link or relationship between the current element (in case of anchor a) or current document (in case of link) and the destination anchor or resource defined by this attribute. When we write:
The browser understands that this resource is a stylesheet and the processing parsing of the page isnot paused (rendering might be paused since the browser needs the style rules to paint and render the page). It is not similar to dumping the contents of the css file inside the style tag. (Hence is is advisable to use link rather than @import for attaching stylesheets to your html document.)
src (Source) attribute just embeds the resource in the current document at the location of the element’s definition. For eg. When the browser finds

The loading and processing of the page is paused until this the browser fetches, compiles and executes the file. It is similar to dumping the contents of the js file inside the script tag. Similar is the case with img tag. It is an empty tag and the content, that should come inside it, is defined by the src attribute. The browser pauses the loading until it fetches and loads the image. [so is the case with iframe]

引用
http://stackoverflow.com/questions/3395359/difference-between-src-and-href

psb

2016已过287天咯

前半年的节日过得飘忽不定,躲在出差旅途中避过

白露已去,中秋已过,国庆已过,重阳已过。

你在等田园盛开的橡树,额头的汗滴烧着太阳火。

过去的云霞一直在心里,直到候鸟归来的相遇

沉溪不语,静静的回忆。

今天任性不想备课,但是保不定半夜披衣起床coding

现在备课备的有点疯魔,就像再好的小说也会有卡壳瓶颈的时候,有时再疯狂的热爱也会有偶尔的不耐。
想到南越王博物馆看到,曲流石渠里面故意点缀的石头,让水流有起伏浪花,人生也是如此,有起伏,有点缀的难题,才会有意激情四射闪闪发亮。


img_8412

img_8441

img_8413

 

进度条

 

进度条

0%

啊哟,成都的火锅啊

昨天晚上去宽窄巷子转了转,感觉跟南锣鼓巷神似。只不过人没有那么拥挤,小物件很精细。还有个拴马石。那里边有个琉璃馆非常好来,晶莹剔透好漂亮,据说琉璃的来源还跟范蠡和西施的爱情故事有渊源。啧啧嘻嘻

然后跟付老师一块去吃了火锅,我的天呐。以前我不敢吃辣,现在竟然看到红辣辣的火锅,吃的意犹未尽,走步溜达回去酒店。太撑了

psb (1)psb (2)psb (3)psb

好吧,到了现在……上了厕所,整个人都不好了,我感觉自己在喷火,不可描述的部分在喷火!!!!!!

天哪……

 

 

热爱

许巍是始终带着微笑看着远方,让我感觉无论发生了什么都有希望;汪峰是落泪时也会永远高仰着头颅,让我感觉着无尽的力量;朴树是平淡的看着天空,白云飘舞,让我感觉到自己的眼中世界;郑钧是从荆棘丛里出来依然满脸笑容,热爱生活,正如他们唱的一首首歌,有着顽强的生命力!

mark

不定宽度的div始终居中(css方式)

//需求:ul不能定具体宽度,只能根据li的个数来计算宽度。
22

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>特殊性</title>

<style type="text/css">

*{padding:0; margin:0;}

ul,li{ list-style:none;}

.wrap{ float:left; position:relative; left:50%;}

.wrap ul{ background:#f00; height:30px; line-height:30px; left:-50%; position:relative;}

.wrap ul li{ float:left;}

.wrap ul li a{ color:#fff; display:block; padding:0 10px;}

</style>

</head>

<body>

<div class="wrap">

<ul>

<li><a href="#">首页</a></li>

<li><a href="#">网站地图</a></li>

<li><a href="#">网站地图</a></li>

<li><a href="#">网站地图</a></li>

<li><a href="#">网站地图</a></li>

<li><a href="#">网站地图</a></li>

<li><a href="#">首页</a></li>

<li><a href="#">首页</a></li>

</ul>

</div>

</body>

</html>

 

 

 

//可以实现不定宽度居中,可是元素左右两侧空白宽度之和(绿色箭头部分的)要大于ul本身不定宽度元素的宽度。不然就会出现滚动条。

//so不建议使用,用js解决吧,纠结的同学们

田园将芜胡不归

魏晋南北朝,如果可以选择回到古代的一个朝代,那我会很乐意的回到魏晋南北朝的时代。文人如宝石熠熠生辉,无论是帝王将相的曹操曹植萧统还是归隐园林的陶渊明谢灵运,写美色的潘岳同时代的西晋诗坛用构思十年写出《三都赋》的左思导致一时洛阳纸贵,被称西晋诗坛第一人的,真是好奇这么多的惊才艳艳的人们遇到一起,该是怎么相处怎么恩怨,又怎么能互相不挫其锋芒,崭露头角的呢?

历史的长河在流动中,微波荡漾,闪亮的一点都是他们。真是好奇啊,少年才气。这选择真是令自己开心,看这些,真是情不自禁拍案叫好,有时愤而道道,有时开怀大笑,有时泪水涟涟。捻过一页,两目灼灼。

田园将芜胡不归,换行则已

viewport

<meta name=”viewport” content=”target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0″>
appcan header内的自适应

Viewport语法

 <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

 

target-densitydpi=device-dpi(在csdn中线有人在2013年就说这个不支持webkit了,腾讯的博客有在2012年还探讨,在使用appcan的时候制作appweb的时候会出现乐视华为三星宽屏手机在UC浏览器的兼容问题,去掉这个可以解决)
使用

width:控制viewport的大小,一般情况下指定为device-width(单位为缩放为100%的CSS像素),也可以指定一个固定的值例如600.

height:和width相应,指定高度。

initial-scal:初始缩放比例,页面第一次load的时候的缩放比例。

maximum-scale:允许用户缩放到的最大比例。

minimum-scale:允许用户缩放到的最小比例。

user-scalable:用户是否可以手动缩放。
参考资料
http://isux.tencent.com/mobile-development-essential-knowledge.html
http://bbs.csdn.net/topics/390403828

其中解决的过程中使用了rem,然并卵,又换成了em
使用css3单位rem,有人这样解释rem,root-em,就是根部的em,想必em大家都懂的,那么rem就是将根节点html的font-size的值作为整个页面的基准尺寸,默认html的font-size是16px,即1rem=16px,如果某div宽度为32px你可以设为2rem。当我们把html的font-size设为20px时,1rem=20px,那么32px=1.6rem了。到这里我们也就了解了rem的用法了,那么怎么用rem来实现不同尺寸屏幕的自适应呢?在页面载入开始时首先判断window的宽度(是window的宽度($(window).width()),不是屏幕分辩率的宽度(screen.width),两者的差别请自行查阅),假设宽度为W,一个div在宽度为640px的设计稿的下的宽度为dW1,这样如果html的font-size为100px,那么这个div的宽度用rem表示是多少呢?计算:div宽度dW2=dW1/100,px与rem之间很好换算,除以100就可以,这是假定屏幕宽度为640的,而不同宽度的屏幕怎么处理,为了能保证换算容易那就要为html设置一个合适的font-size,计算:100 / 640 = fontSize / W, fontSize = W / 640 * 100 = W / 6.4;

rem px em pt 需要了解

随机数Math.random()

Appcan使用遇到问题和方法整理

1、抽屉页面效果注意点
退回上一页(抽屉里面的返回上一页)
<div class=”umw4 ub ub-ac ub-pc” ontouchstart=”zy_touch(‘btn-act’)” onclick=”closeWin();”>
<div class=”t-btn-a1 ub-img uwh-tBtn”></div>
</div>
抽屉页面(修改完毕后,只能放在连接内部有用)
Ⅰ. right.html(首页)
Root要改掉 window.uexOnload = function(type){
if (!type) {
//uescript(‘root’,’openPover()’);
uescript(‘right_drawer’,’openPover()’);
zy_con(“content”, “right_content.html”, 0, $$(“header”).offsetHeight);
var plat = uexWidgetOne.getPlatform();
Ⅱ. right_drawer.html(可以预览的抽屉效果,内容是清除条件和确认。)
Ⅲ. right_content.html(right的content内容)
Ⅳ. Filer.html(抽屉内的选项)
当出现抽屉里面的效果有滚动条的时候,变header为
<!DOCTYPE html>
<html class=”um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px”>
<head>
<title></title>
<meta charset=”utf-8″>
<meta name=”viewport” content=”target-densitydpi=device-dpi,initial-scale=1″>
<link rel=”stylesheet” href=”css/ui-on.css”>
2、一般页面返回上一页(系统默认)
<!–按钮开始–>
<div class=”ub btn btn-l”>
<div class=”btn-al”>
</div>
<div class=”btn-ac ub ub-ac ulim uinn1″ onmousedown=”zy_touch(”);” ontouchstart=”zy_touch(”)” onclick=”winClose();”>
返回
</div>
<div class=”btn-ar”>
</div>
</div>
3、修改页面内的元素名字,调取数据,可以直接F5预览,修改样式图片之类的,需要重新加载预览
4、鼠标按下去的效果用
<div class=”umw4 ub ub-ac ub-pc” ontouchstart=”zy_touch(‘btn-act’)” onmousedown=”zy_touch(‘btn-act’);” onclick=”winClose();”>
<div class=”t-btn-a1 ub-img uwh-tBtn”></div>
</div>
加class名,可以修改在按下去瞬间的样式,可以改变颜色和大小等。
5、get获取json值
zy_init();
var pageSize = 10;
var pageLen = 1;
var isLoading = false;
window.uexOnload = function(type){
if (!type) {
sortList();
// uexWindow.setBounce(“1”);
setPageBounce(1, function(){
//刷新
pageLen = 1;
sortList();
}, function(){ //加载更多
pageLen++;
sortList();
// alert(pageLen);
});
}
}

function sortList(){
$toast(‘数据加载中…’);
$.getJSON(‘http://10.1.97.139:18080/10000000/public/BDP/bdpservice?func=listAllProjects&body={“arg0″:”UN0366″,”arg1″:’ + pageSize + ‘,”arg2″:’ + pageLen + ‘,”arg3″:0}’, function(data){
$closeToast();
//$.getJSON(http://10.1.97.139:18080/10000000/public/PBD/”)
// $.getJSON(‘http://10.1.2.206:9090/xxxx/xxxx/default/soap?loginName=040021genglm&pass=ss’,function(data){
// alert(data.netLoginInfo.loginName);
isLoading = false;
resetBV(0);
resetBV(1);
if (data.status == ‘0’ && data.data && data.data.projectBasicInfoList.length) {
$closeToast();
var dataLen = data.data.projectBasicInfoList;
var tmpl = ‘<div class=”ub t-bla ulev0 ubb b-gra uinn5″ ontouchstart=”zy_touch(\’\’)” onclick=”openGoods(event);”>’ +
‘<div class=” b-gra ub-f1 uc-l1″>’ +
‘<div class=”ub ub-ver t-bla”>’ +
‘<div class=”b-gra uc-t1 umar-t”>${serialno}</div>’ +
‘<div class=”b-gra “>${money}3323</div>’ +
‘</div>’ +
‘</div>’ +
‘<div class=”ub-f1 ulev0″>’ +
‘ <div class=”ub ub-ver”>’ +
‘ <div class=” b-gra uc-t1″> U${countryCode}</div>’ +
‘<div class=” b-gra ulev0 t-orgs”>${projectWorkUserId}</div>’ +
‘<div class=” uc-b1 ulev-1″>${style}OA ${deathline}56天 USD</div>’ +
‘</div>’ +
‘</div>’ +
‘<div class=”ub-f1 uc-r1 ulev0″>’ +
‘<div class=”ub ub-ver t-bla”>’ +
‘<div class=” b-gra uc-t1″>部分收匯</div>’ +
‘<div class=” b-gra ulev-1 “>${statusDate}</div>’ +
‘<div class=” uc-b1 ulev-1″> ${projectWorkcorpId}</div>’ +
‘</div>’ +
‘</div>’ +
‘</div>’
var s = zy_tmpl(tmpl, dataLen, zy_tmpl_count(dataLen));
var d = document.createElement(‘DIV’);
d.innerHTML = s;
$$(‘sortList’).appendChild(d);
}
else {
if (pageLen == 1) {
$$(‘sortList’).innerHTML = ‘<div class=”ub ub-ac ub-pc uinn”>暂时没有数据</div>’
}
else {
$toast(‘没有更多数据’, 2000);
}
}
});
}

function toFront(){
uexWidnow.bringToFront();
}

function openGoods(e){
if (isPhone && e.type == ‘click’)
return;
openNewWin(‘r_content’, ‘r_content.html’);
}
Post取值
function List(){
var tmpl;
$toast(“正在加载中”);
//浏览器http协议缓过来的关键字
var j=[
{‘key’:’questiontitle’,’type’:’0′,’value’:$$(“KeyWord”).value},
{‘key’:’currentPage’,’type’:’0′,’value’:pageLen},
{‘key’:’pageSize’,’type’:’0′,’value’:15}
];
$.getJSON(Lurl,function(data){
$closeToast();
isLoading = false;
resetBV(0);resetBV(1);
if (data.type == ‘0’ && data.data.items&&data.data.items.length){
var dataLen = data.data.items;
for(var i=0;i<dataLen.length;i++){
tmpl +='<ul ontouchstart=”zy_touch(\’btn-act\’)” onmousedown=”zy_touch(\’btn-act\’)” onclick=”openDetail(\”+dataLen[i].questionid+’\’)” class=”uc-t ubb ub b-gra t-bla ub-ac lis”>’
+'<li class=”ub-f1 ut-s”>’+dataLen[i].questiontitle+'</li>’
+'<li class=”tx-r t-dgra ulev-1″>’+dataLen[i].state+'</li>’
+'<li class=”listIcon lis-sw ub-img”></li>’
+'</ul>’
}
if(pageLen==1){
$$(“content0″).innerHTML=tmpl;
}else{
var child = document.createElement(‘div’);
child.innerHTML = tmpl;
$$(‘content0’).appendChild(child);
}
}else{
if(data.data.pageCount==0){
$$(‘content0’).innerHTML = ‘<div class=”ub ub-ac ub-pc uinn”>暂时没有数据</div>’
}else{
$toast(“没有更多数据”,2000)
}
}
},’json’,function(e){
alert(“输入异常”);
},’POST’,j)}
6、应用生成地址D:\appcan\AppCanStudioEnterprise\Mobile-Applications
7、Svn导入文件要有.project dssam10013 打包才能成功
设置搜索引擎 安卓 sdksuit_3.0_0820_01
8、产品服务代码 列表-列表-详情
①function openDetails(i){
var Arr=[‘短期出口信用保险’,’中长期出口信用保险’,’海外投资/租赁保险’,’国内贸易信用保险’,’资信服务’,’担保’,’信保融资’,’理赔服务’]
setLocVal(‘pName’,JSON.stringify(Arr[i]));
setLocVal(‘pNo’,JSON.stringify(i)); //传值
openNewWin(‘adCon_list’, ‘adCon_list.html’);
}
②列表页面
var hNo = JSON.parse(getLocVal(“pNo”));//获得传值
function openDetails(i){
var ArrNo=[‘du’,’zh’,’h’,’g’,’z’,’d’,’x’,’l’];
//中小企业综合险无 短期出口信用保险 出口买方信贷保险无 中长期出口信用保险
var ArrTit=[
[‘index’,’zhbx’,’tdmfbx’,’tdhtbx’,’mfwybx’,’ckxybx-yx-bxd’,’ckxybx-fft-bxd’],
[‘index’,’ckmfxdbx’,’ckmfxdbx’,’zrzbx’],
[‘index’,’hwtz-gq-bx’,’hwtz-zq-bx’,’hwzlbx’],
[‘index’],
[”],
[‘index’],
[”],
[‘index’,’dxal’,’ywdy’]
];
if(hNo==4||hNo==6){
alert(“信保融资为空和资信服务为空”);
return “信保融资为空和资信服务为空”;
}
//setLocVal(‘href’,JSON.stringify(‘http://10.1.97.139:9090/dssam10007/public/product/’+ArrNo[hNo]+’_’+e));
setLocVal(‘href’,JSON.stringify(‘http://127.0.0.1:8087/xxx/xxx/product/’+ArrNo[hNo]+’_’+ArrTit[hNo][i]));
openNewWin(‘adCon_detail’, ‘adCon_detail.html’);
}
③详情页
var liPath = JSON.parse(getLocVal(“href”)); //获得传值
function sortList(){
$$(‘Info’).innerHTML=””;
$toast(‘数据加载中…’);
$.getJSON(liPath, function(data){
if (data!=0) {
$closeToast();
tmpl = ‘<div class=”ubb b-gra ub uinn3″>’
+'<div class=”t-org ulev-app2″>${title}</div>’
+'</div>’
+'<div class=”uinnh1 t-gra1 ulev-app2″>’
+'<span>${text}</span>’
+'</div>’;
var s = zy_tmpl(tmpl, data, zy_tmpl_count(data));
$$(‘Info’).innerHTML=s;
}
else {
$toast(‘无数据’);
}
});
}
9、传值
setLocVal(‘path’,JSON.stringify(e)); 设置传值 变成JSON字符串 双引号
var liPath = JSON.parse(getLocVal(“path”)); 获取传值 变成对象
10、省略class
Ub ut-s
11、附件下载常用代码
function Down(e){
var Durl=’http://10.1.97.139:9090/dssam10007/public/BMsg/OpenSoldsPdfWS?path=’;
//Console.Log(Durl+e);
alert(Durl+e);
downloadFile(Durl,”1111.pdf”);
}

12、Zy-tmpl.js 截取字段

var ar=c.split(‘.’);
var res=d;
for(var key in ar)
if(ar[key].match(/.*sub:.*/)){
var ts = ar[key];
var tsar = ts.split(“:”);

if(tsar.length > 1){
var num = tsar[1];
var numar = num.split(‘-‘);
if(numar.length > 1){
res = res.substring(numar[0],numar[1]);
}else if(numar.length == 1){
res = res.substring(numar[0]);
}
}
}else{
res=res[ar[key]];
}
${workDate.sub:0-10} 0到10索引值
${workDate.sub:11} 索引值11之后
13、IOS android取值
var sVal=encodeURIComponent($$(“search”).value);
if(!isAndroid){
var sVal=$$(“search”).value;
}
14、文本分散对齐
iOS
.tx-w{text-align:justify;text-justify:distribute-all-lines; text-align-last:justify; display:inline-block;}
Android
15、如果打包成功后,仅在iOS上面安装验证失败,则考虑上传代码中,页面name有汉字或者有不可识别文件格式,例如.psd文件

可曾有过几次忘我

中二病再次犯,不知几多,不知几何

我好像感觉到自己有使命,但是我不知道使命是什么?

它让我感觉自己的人生之树的树枝在被点亮。但是不是从根源点亮。会不会在某一刻它就会来临,还是说永远不变。

我又无理

我伸出的双手 你为什么不握住

身处的指尖变得冷起来

保持伸出的前倾 已不知该怎么继续  不舍的收回 又不甘举着

你到底在哪里,你为什么不握住我伸出的手?

做着欢乐的事做的欢乐,气场好欢乐!那种感染力,让你情不自禁为他迷醉!哦也

郝云,让你觉得生活美好无比。

你越自信,越会去追求自己喜欢的,而不会再将就。

那个氛围太好了,收获,做自己快乐做的事情,还能赚钱生存,大家都开心,真棒!还会有感染力,爱上一件东西,不容易,要好好的去做,做好它。那个鼓手,乐悠悠,激情满满的敲着架子鼓,就感觉他在发光,沉浸在自己的世界里。反观郝云精神有点蔫蔫的。怎么就感觉和稻盛和夫的《干法》有点相似呢。还跟在YY语音里面,大风唱着歌,H5大会上,一个胖子窜来窜去举着笔记本,给我们演示hbuild的开发过程,让大家的眼睛都亮起来。

做你喜欢的事情,或者喜欢上你做的事。

突然就明白好久以来说的,认真和喜欢,工作团队,公司付你钱,你就得让公司happy啊。拿上演唱会的票,表演者们就让我们happy。同理同理哈哈哈~

 

摇头晃脑,乐悠悠的敲着代码,可曾有过几次忘我?

小我小我,走出来看看大千世界,让你以前的点连成线。

原来我已经进入这复杂的社会,还要保持保持我纯真的心。

偶然  白云 好听啊

我是天空里的一片云

偶尔投影在你的波心

你不必讶异,更无须欢喜

在这瞬间消灭了踪影

你我相逢在黑夜的海上

你有你的  我有我的方向

你记得也好,最好你忘掉

在这交会时互放的光亮

我是天空里的一片云

偶尔投影在你的波心

你我相逢在黑夜的海上

你有你的,我有我的方向

你记得也好 最好你忘掉

在这交会时互放的光亮