前端
羸弱的穷酸书生
这个作者很懒,什么都没留下…
展开
-
Angularjs在父级获取子级变量
angularjs中想在父级controller获取子级controller的变量值可以用emit和on方法,在子级controller,调用$emit方法产生一个事件,$emit函数有两个参数,第一个参数是事件名称,第二个是要传递的数据,比如我想向父级传递变量a,则代码这样写`$scope.$emit('dataa',a)`然后父级这样写```javascript$scope.$on('data',function(event,data){ $scope.a = data; //这里的dat..原创 2021-11-07 10:00:00 · 297 阅读 · 0 评论 -
Window.open实现post请求
近期想实现这样一个功能,我要下载一个文件,但是文件是后台生成的zip,生成这个zip需要一些参数,我想用post方式提交过去,我想到两种方案,一种是直接用angular提交post参数,然后返回生成文件的名字,然后再发一个文件请求,下载文件,文件请求用get,用window.open()函数实现,第二种方案是直接一个post请求,第二种方案,经过查询各种资料,得到下面这个js函数(只适用于firfox)```javascriptfunction openPostWindow(url,data,name)原创 2021-11-06 10:00:00 · 6196 阅读 · 0 评论 -
Angularjs自定义验证指令
今天做表单验证,学习一下angular的验证功能,总体来说,一般的需求够用了,如果不够用,还可以自定义验证指令,下面就是我写的一个自定义验证指令,功能是检查输入里有没有特殊字符。```javascriptangular.module('launchApp') .directive("speCheck",function(){ return { restrict: "A", link: functio...原创 2021-11-05 16:15:00 · 213 阅读 · 0 评论 -
Angularjs中$watch监控对象变量
关于angularjs中$watch的问题,事实上监控数据变化是一个比较耗费性能的问题,因为涉及到比较,如果变量多,自然非常慢,比如比较两个object,所以$watch的第三个参数即监控的是否是对象这个参数默认是false,因为之前没怎么用过$watch,所以看别人写的代码一般只有前两个参数,即监控的变量还有回调函数,所以今天之前,我甚至不知道有这个参数(囧)。今天在做一个日期修改的时候,我需要把数据库里的两个时间更新到时间控件上,而且我的两个时间是放在一个object中的,但是发现怎么也更新不了,开原创 2021-11-04 14:30:00 · 204 阅读 · 0 评论 -
Angularjs中html转义那些坑
今天要实现这样一个功能,我有一个列表页面,就是一个table表格,其中一个字段是一个由多个ip组成的字符串,ip之间用分号分隔,要求是,把ip用分号分隔然后一行一个展示,而且有时ip过多,过多时只展示有限个,再展示一个更多链接,点一下展示出全部,接到这个需求呢,我第一感觉,应该不太难,无非就是加个函数,把除了默认展示的ip用一个标签包起来,默认隐藏,点击按钮再展示一下就行了,但是由于用angular实现,而且之前没做过类似的功能,还是踩了不少的坑。下面简要记录下所踩的坑。第一个坑:angular默认会转原创 2021-11-03 10:15:00 · 285 阅读 · 0 评论 -
Angularjs指令的妙用
最近在做项目的时候遇到一个问题,想在ng-reat循环的时候改变$scope里的变量值,由于之前对angular不是特别精通,所以一直没有头绪,各种百度,怎样才能在循环的时候改变变量值呢,angular也不支持直接在标签里赋值啊,就在我将要心灰意冷时,天神下凡,突然看到了一篇监控ng-reat结束时执行脚本的文章,恍然大悟,直接写个指令就可以了啊。so,几行代码解决问题。再看ng的指令,指令其实就是一段代码,或者说一个函数,但是这个函数有个$scope参数,可以操作$scope的变量,所以指令的功能不仅原创 2021-10-25 19:30:00 · 107 阅读 · 0 评论 -
CSS中block和inline的区别
总体概念1、block 块级元素,独立一块,会换行 inline 内联元素,前后不会换行,一系列内联元素在一行显示,直到排满 2、常见的块级元素:div,p,table,h1~h6,ul,li,ol 常见的内联元素:span ,img ,input ,lable,select,a 3、block可以包含block,inline,inline只能包含inline.注:P元素只能包含inline不能...转载 2018-07-06 11:16:45 · 761 阅读 · 0 评论 -
css相对定位需要注意的点
今天研究css布局,发现有几个点需要注意下,线上代码css.div1{ position: relative; width: 400px; height: 400px; border:2px solid red; margin:50px; } .div2{ position:relative;...原创 2018-07-06 13:16:08 · 307 阅读 · 1 评论