Coding秀林-CSDN博客

原创 angularjs巧用双向数据绑定实现手风琴效果

最近在工作总遇到需要实现类似手风琴效果的需求，如下图所示：因为汇总（上半部分）和明细（下面的浅色部分）在不同的情况下显示的字段数量是不一样的，而且还有编辑和展示的状态切换，所以需要自己实现手风琴效果。初步的想法是用css的transform做动效，点击详情按钮（或中间部分的下拉图标）时请求详情数据，然后将详情部分的height设置成指定高度，再次点击详情按钮（或中间部分的下拉图标），详情

2017-05-26 11:42:07 1108

原创 angularjs ng-click 阻止事件冒泡

废话不多说具体场景如下：点击深色方形区域选中改条数据，点击详情按钮显示该数据对应的单据详情，但是问题出在点击详情的时候不仅展示了单据详情，同时执行了选中当前数据的操作（点击事件冒泡到了父元素上），所以解决该问题在于要阻止事件冒泡。于是去查看关于ng-click的文档，官方文档这样描述：可见事件对象是$event。所以我们可以在事件触发的时候传入$event 然后做阻止事件

2017-05-25 22:17:15 1882

相信很多的前端开发者都跟我一样经常在github上逛一逛，看一些自己感兴趣的开源项目，寻找一些工作中需要的插件，看的多了，自然也想将自己写的小项目挂上去。对于大部分前端开发人员来说，命令行并不是那么友好，所以我在走了许多弯路之后还是选择了桌面版的github，下面就来介绍一下github桌面版的安装和使用。1.首先在官网 https://desktop.github.com/ 上下载安装文件（小技巧

2017-05-10 21:13:16 5694

转载 ngModel 值不更新界面不展示（转自博客园雪狼博客）

ngular中的$scope是页面（view）和数据（model）之间的桥梁，它链接了页面元素和model，也是angular双向绑定机制的核心。而ngModel是angular用来处理表单（form）的最重要的指令，它链接了页面表单中的可交互元素和位于$scope之上的model，它会自动把ngModel所指向的model值渲染到form表单的可交互元素上，同时也会根据用户在form表单

2017-05-04 15:46:32 1220

转载 js数组去重

最近在工作中遇到数组中元素是的对象且需要去重的问题，在网上查找到的解决办法有很多，这里挑选了一种比较靠谱的方法，与大家分享一下，代码如下：Array.prototype.arrUniq = function() { var temp,arrVal, array = this, arrClone = array.concat(),//克隆数组 typeArr = {//数组原型

2017-05-03 13:48:50 302

原创 js数据结构与算法----栈与队列

栈是一种遵从后进先出原则的有序集合。新添加的或者待删除的元素都保存在栈的末尾，称作栈顶，另一端就称作是栈底。在栈里，新元素都靠近栈顶，旧元素都接近栈底。创建一个类来表示栈function Stack() {var items = [];this.push = function(element){//添加元素items.push(element);};this.pop

2017-04-24 22:03:20 388

原创 angularJS 路由不能正常工作 URL中出现#！

使用ng-route大于1.6.0的版本时，地址中的 "/" 会自动被解析而且还会在URL地址中加入#！导致路由不能正常的工作如图所示解决此问题的方法有两种：1、如果坚持使用当前版本的angular则在配置路由时添加如下代码$locationProvider.hashPrefix('');代码如下所示var myApp

2017-04-24 14:58:14 5204 2

github_38469481的博客