顶_工作笔记_4

1.Ionic异步请求,当做同步处理:
service:
var conn = $q.defer();
success:function(data){
  conn.resolve(data);
},
error:function(data){
  conn.reject(data);
}
return c.promise();//service方法中最后返回
controller:
var promise = service.getData();//调用service服务方法
promise.then(function(data){
  //成功,使用data;
},function(data){
  //异常,处理异常
});
----------------------------
2.css样式:
visibility属性规定元素是否可见,不可见的元素也会占据页面空间;
display属性不可见时不会占据页面空间;
----------------------------
3.JavaScript使用正则表达式:
var reg=new RegExp("\'","g");
data = data.replace(reg, "\"");//正则表达式单引号变为双引号
var regExp = /\s/gi;
data = data.replace(regExp,'');//去掉空格
var regExp = /<.*?>/g;
data = data.replace(regExp,"替换内容");//替换html<>元素
----------------------------
4.Java使用正则表达式:
String regExp = "[\\t\\n\\r]";
content = content.replaceAll(regExp, "<br/>");//替换空格为<br/>字符串
----------------------------
5.JavaScript删除数组中指定元素方法:
var remove = function(arr,val){
    var index = -1;
    for(var i = 0; i < arr.length; i++){
        if(arr[i] == val){
            index = i;
        }
    }
    if (index > -1) {
        arr.splice(index, 1);
    }
}
----------------------------
6.css样式:
margin共4个参数,margin:1px 1px 1px 1px;分别表示 上、右、下、左。如果只写2个参数margin：1px 2px，代表上下都为1px 左右都为2px。居中：margin:0 auto 是标准写法；
----------------------------
7.文本长度超出范围自动隐藏,用省略号代替
style=
"overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
width: 20em;/*不允许出现半汉字截断*/
color:#6699ff;border:1px #ff8000 dashed;/*添加样式*/"
----------------------------
8.<select>动态添加下拉选项:
<select id="select"></select>
<script type="text/javascript">
var html= "";
var str = {"prolist":['安徽','北京']};//josn对象
//直接取出json的prolist做each循环.
$.each(str.prolist,function(i,val){
    html += "<option value='val'>" + val + "</option>";//拼接字符串.
});
$("#select").html(html);//重新赋值
$("#select").append(html);//添加
</script>
----------------------------
9.CASE WHEN THEN的sql语句使用:
SET default_address = CASE WHEN address_id = $addressId THEN 1 ELSE 0 END WHERE customer_id = $customerId
----------------------------
10.html5+js+css随机验证码:
<input type="text" readonly="readonly" id="checkCode" class="code" onclick="change_code();">
<style>
.code{
    background-image:url(../../static/images/vb.jpg);
    font-family:Arial;
    font-style:italic;
    font-size: 1.2em;
    color:Red;
    border:0;
    text-align: center;
    letter-spacing:4px;//字符间距
    font-weight:bolder;
}
</style>
<script type="text/javascript">
var code; //定义全局验证码
//生成验证码函数
function createCode(){
    code = "";
    var codeLength = 4;//验证码的长度
    var checkCode = document.getElementById("checkCode");
    checkCode.value = "";
    var selectChar = new Array(0,1,2,3,4,5,6,7,8,9);
    for(var i=0;i<codeLength;i++) {
        var charIndex = Math.floor(Math.random()*10);
        code +=selectChar[charIndex];
    }
    if(code.length != codeLength){
        createCode();
    }
    checkCode.value = code;
}
//重新获得验证码
function change_code(){
    createCode();
}
</script>
----------------------------
11.css样式:
letter-spacing字符间间距;
word-break: break-all英文字符换行;
----------------------------
12.覆盖form的onsubmit()方法,可以阻止表单提交跳转,同时保证HTML5的验证效果:
$("form").submit(function(){
//这里是要执行的代码
event.preventDefault();
});
----------------------------
13.html5表单校验:
<input required="required" oninvalid="setCustomValidity('提示');" oninput="setCustomValidity('');">
javaScript操作:dom.setCustomValidity("提示"),dom.setCustomValidity("");
----------------------------
14.创建符号链接:
C:\wamp\www>mklink /d eZone D:\work_software\myeclipse_workspace\eshop\eZone
为 eZone <<===>> D:\work_software\myeclipse_workspace\eshop\eZone 创建的符号链接
----------------------------