工作记录

工作记录-CSS换行-2018.8.15

吴阳 No Comments

word-break将单词分开

 word-break: break-all;

white-space文本整体的换行

 white-space: pre-wrap;

工作记录-手动触发onresize2018.8.12

吴阳 No Comments

const ev = new Event('resize', { bubbles: true, cancelable: false });
window.dispatchEvent(ev);

MDN

工作记录–ng使用感受2016.6.1

吴阳 No Comments

写下此文时,用ng大概一月了。今天特来总结一下。

前提:使用的是angular的1.5.3版本。

1、控制器

控制器内是单纯的函数以及传递数据到视图。原谅自己肤浅的理解。

这里的传递比如说:

控制器内:$scope.data

视图内:ng-repeat=”xxoo in data || yypp”,当data是数组的时候。{{data.name}},data为一个对象的时候。

在repeat嵌套中,子repeat若是想利用父级的$index,可以用$parent.index。

$sce服务,有一个trusHtml的方法,可以插入HTML结构。

2、指令

涉及DOM的操作:

说到这里,实际上还是用了jQuery,因为好用啊!不过引入了jQuery,angular自带的jq就不能用咯。

指令内数据的传递,可以通过控制器内定义,达到数据的同步。

2106.6.3补充

指令scope继承父级,若父级传来的是为空,需要在指令标签上加备用值~

如:

count=”{{count||1}}

不然在指令内的link是无法操作的。

3、服务

用得不多,就是自定义工厂而已。注入控制器内。

4、路由

ui-router

可以配置,进入路由的函数。

onEnter: function ($rootScope) {
$rootScope.currentPage = 1;
$rootScope.totalPage = 2;
}

5、缓存

使用的是$cacheFactory

例如:

appbuilderFactory.factory(‘appCache’, [‘$cacheFactory’, function($cacheFactory) {
return $cacheFactory(‘app_cache’);
}]);

在使用中,一个app公用一个appCache名,但是可以以不同的id作为不同的标记。

6.24更新

兼容IE的阴影效果

吴阳 No Comments

filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);

工作记录–2015.12.3输入框各种限制

吴阳 No Comments

原文地址:http://blog.163.com/wm_at163/blog/static/1321734902010517112152930/

关键字: 限制

正则表达式限制输入框只能输入数字      代码如下:

<input type=”text” onkeyup=”this.value=this.value.replace(/[^\d]/g,”) ” onafterpaste=”this.value=this.value.replace(/[^\d]/g,”) ” name=”f_order” value=”1″/>

其中,onafterpaste防止用户从其它地方copy内容粘贴到输入框

输入框只能输入字母和下横线的正则表达式
<input onkeyup=”this.value=this.value.replace(/[^_a-zA-Z]/g,”)” onpaste=”this.value=this.value.replace(/[^_a-zA-Z]/g,”)”>

输入框只能输入字母数字和下横线的正则表达式
<input onkeyup=”this.value=this.value.replace(/[^\w]/g,”)” onpaste=”this.value=this.value.replace(/[^\w]/g,”)”>

<input onkeyup=”this.value=this.value.replace(/[\W]/g,”)” onpaste=”this.value=this.value.replace(/[\W]/g,”)”>

工作记录–判断IE浏览器(最新)2015.11.10

吴阳 No Comments

var browser = navigator.appName;
var version = navigator.userAgent.split(“;”);//以分号划分字符串,让字符串形成数组
var trimVersion = version[1].replace(/[ ]/g,””);//数组索引为1的字符串里面把空格替换成空,就是去掉空格
// if(browser==”Microsoft Internet Explorer” && trimVersion==”MSIE7.0″){} //IE7
if(browser==”Microsoft Internet Explorer” && trimVersion==”MSIE8.0″){//IE8

}
else if(browser==”Microsoft Internet Explorer” && trimVersion==”MSIE9.0″){//IE9

}
else if(browser==”Microsoft Internet Explorer” && trimVersion==”MSIE10.0″){//IE10

}
else if(“ActiveXObject” in window){//IE11

}
else{//chrome firefox safari opera

}