![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
$scope.靠谱青年
一个靠谱青年。
展开
-
bootstrap之data-dismiss作用 / html控制窗口关闭
data-dismiss是bootstrap自定义的属性,给一个元素bootstrap属性,可以通过点击该元素关闭指定目标。举个栗子:<div class="modal " id="markedwordsthree" tabindex="-1" role="basic" aria-hidden="true"> <button type="button" data-dismiss="modal">确认</button>原创 2020-10-30 09:44:03 · 2423 阅读 · 0 评论 -
图表
1,bootstrap的图表库网址:http://w3c.3306.biz/bootstrap/eg/bootstrap–glyphicons-list.html用法:<p>下载图标:<span class="glyphicon glyphicon-download"></span></p> 结果:2,Font Icons 的图标库网址:http://metronic.kp7.cn/templates/admin/ui_icons.htm原创 2020-09-24 18:24:58 · 93 阅读 · 0 评论 -
视口单位vh,vw
关于屏幕的等比划分,处理百分比,还有视口。先说一下什么叫视口:在桌面端,视口单位指的是桌面端,指浏览器的可是范围。1,vh:1vh指视口高度的1%2,vw:1vw指视口宽度的1%3,vmin:选取vh和vm中较小的一个4,vmax:选取vh和vm中较大的一个注意:1,视口总共有100个单位,超过100个,按100计算。2,字体大小也可以用视口单位font-size: 5vw;...原创 2020-09-09 20:42:52 · 248 阅读 · 0 评论 -
z-index图层
z-index为-1时,为最底层,默认值是0原创 2020-09-09 18:02:06 · 181 阅读 · 0 评论 -
关于居中对其的一些理解
网上搜索div样式对齐,无非就是margin:0 auto但是实际应用起来却总不如人意。总结经验如下(不全面,后续再做补充)1,与position冲突一个样式中既有position 又有margin:0 auto,居中等于白写。举个例子(反例):<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <st原创 2020-09-09 17:02:12 · 118 阅读 · 0 评论 -
CSS calc() 函数计算标签长度
今天来讲一个灵活控制标签长度的方法calc()。calc()语法规则:calc(expression),expression是一个数学表达式。举个栗子:首先,显示一个宽度只有50%的div1,-width: calc(100% - 100px); 宽度100%的基础上,两边各削减50px2,+width: calc(100% + 100px); 宽度100%的基础上,两边各加宽50px3,*width: calc(50% * 2); 宽度50%的基础上乘以2,即100%(高度有变化原创 2020-09-09 16:51:44 · 460 阅读 · 0 评论 -
grid中添加过滤器cellFilter
今天学到一种新的过滤器方法cellFilter var app = angular.module('typeList', ['ngGrid']); app.controller('typeListCtrl',function() { $scope.gridOptions = { ...... columnDefs: [ { field: 'createtime',displayName: '创建时间',cellFilter:"dat原创 2020-09-03 14:10:04 · 461 阅读 · 0 评论 -
关于angular.forEach()的一点小心得
1,angular.forEach()无法跳出循环2,angular.forEach() 可以得到值,而不是键,这与for循环不同。 $scope.searchObj.searchColumns = ['platformname','organizationname','dutyname']; angular.forEach($scope.searchObj.searchColumns,function (value) { console.log(value); });原创 2020-08-18 08:53:09 · 318 阅读 · 0 评论 -
鼠标按下(获取焦点onfocus),输入框的内容消失(0),鼠标离开(失去焦点onblur),按要求显示内容
<input type="number" class="form-control" onkeyup='this.value=this.value.replace(/[^0-9](\d+)$/,"")' onfocus="if (value =='0'){value =''}" onblur="if (value =='' || value < 0){value='0'}" min="0" oninput="if(value.length>15原创 2020-08-06 10:55:15 · 895 阅读 · 0 评论 -
angularJs中ui-grid下的ng-click点击无作用,要在函数前加grid.appScope
新手使用ui-grid,遇上ng-click点击无作用束手无辞,什么把ng-click 改为data-ng-click都没有作用。翻看了前辈在别的项目下写了和我的没什么区别。搞不懂为什么我的没有作用。错误代码示例:columnDefs: [ {field: 'C_AMOUNT_shenlin', displayName: '合同金额(元)', minwidth: 150, cellTemplate: '<div data-ng-click="goto原创 2020-07-27 11:05:24 · 403 阅读 · 0 评论 -
AngularJs调用后台接口时出现异步情况
之前一直看到网上说用$q,研究了很久总算懂了。其实很简单1,$q.all([ ])排序2,在执行函数中定义deferred , var deferred = $q.defer();3,返回执行成功标志 deferred.resolve(res);4,返回执行失败标志 deferred.reject(result);5,执行后的取结果$q.all([ ]).then(function(result)){ }上案例:1,排序及取结果$q.all([ $scope.htdtx(), //合同待填写原创 2020-07-15 09:35:37 · 300 阅读 · 0 评论 -
隐藏 file引起的 未上传任何文件
首先,在浏览器找到它用的css设置css属性<style> .file-no-browse{ display: none !important; }</style>原创 2020-04-21 16:40:59 · 164 阅读 · 0 评论 -
js写随机数random();Math.floor向下取整
今天在江南小吃吃了半笼肉包子,感觉无比美味,想再买半笼,但是天冷路远,可是又很想吃。。。。纠结了半天,最后决定,随机生成一个随机数,奇数去买,偶数不去。结果只用Math.random()生成的随机数乱七八糟!原来用s = s*100;设置随机范围1~100;s=Math.floor(s);向下取整。嗯,真香。var s = Math.random(); s = s*100; ...原创 2020-01-03 09:36:28 · 654 阅读 · 0 评论 -
forEch循环遍历数组
$scope.city.forEach(function (obj) { if (obj.name == object.city) { pid = obj.code; } });obj为遍历到的第i个对象原创 2020-01-01 15:48:20 · 267 阅读 · 0 评论 -
过滤器filter
方法一:(有待补全)$scope.country = $filter("test")($scope.originalCountry,pid);注释:过滤数组$scope.originalCountry的内容,留下满足条件pid 的内容方法二:var ages = [32, 33, 16, 40];function checkAdult(age) { return age &g...原创 2020-01-01 15:45:44 · 122 阅读 · 0 评论 -
下拉框内容为动态数组
html中<select data-ng-init="findDiyi()" data-ng-model="serviceList.instrumentId" data-ng-options="instrument.id as instrument.name for instrument in instruments" ><option value="" sele...原创 2019-12-17 10:04:34 · 178 阅读 · 0 评论 -
cursor: not-allowed; readonly的升级版,鼠标经过时,显示为禁止图标
cursor: not-allowed;readonly的升级版,鼠标经过时,显示为禁止图标原创 2019-12-13 14:29:23 · 537 阅读 · 0 评论 -
input中使用了ng-model 默认的选中checked就失效了?
input中使用了ng-model 默认的选中checked就失效了?这是angularJs导致的失效,改用angularJs的ng-checked="1"就好了原创 2019-12-13 10:13:54 · 564 阅读 · 0 评论 -
小数点要点两次才能输入,中文输入法不能输入
小数点要点两次才能输入,中文输入法不能输入将type= “text” 改为type= “number”原创 2019-11-18 11:45:59 · 155 阅读 · 0 评论 -
datepicker时间控件在ng-repeat中会失去点击焦点
关键:on-finish-render-filters <tr ng-repeat="cgHuman in cgHumans " on-finish-render-filters> $scope.$on('ngRepeatFinished', function(ngRepeatFinishedEvent) { $('[data-toggle="popover"]...原创 2019-11-08 18:01:26 · 292 阅读 · 0 评论