2018年11月2日
chrome浏览器远程调试移动端Web页面
摘要： 1.Android系统的移动设备 a.开启 USB调试模式；具体设置请自行百度； b.用USB数据线连接手机设备，并同意这台计算机进行USB调试； c.在浏览器地址栏输入chrome://inspect 或者about:inspec；可以显示出设备的名称，在下图中 ‘2013023’ 即为设备名称； 阅读全文
posted @ 2018-11-02 18:07 会捕鼠的鱼 阅读(1527) 评论(0) 推荐(0) 编辑
angular使用ngx-bootstrap的datepicker组件并实现本地化/国际化
摘要： datepicker组件官方api： http://ngx-bootstrap.com/#/datepicker step1. 安装 ngx-bootstrap : npm install ngx-bootstrap --save step2 .引入相关文件: 在angular.json中的styl 阅读全文
posted @ 2018-11-02 18:05 会捕鼠的鱼 阅读(2337) 评论(0) 推荐(0) 编辑
2017年9月26日
js常用小方法
摘要： 1.时间格式化 a.需要熟悉Date对象的方法; b.使用 getFullYear(),getMonth(),getDate()等方法获取年份，月份等时间数据，然后根据所需要的时间格式可以自行拼接 demo： 下面以 这种格式为例：2017-09-15 15:10:06， 2.移动端页面中出现弹出框 阅读全文
posted @ 2017-09-26 12:05 会捕鼠的鱼 阅读(291) 评论(0) 推荐(0) 编辑
2017年8月29日
angular2 http请求返回数据之后页面数据没有刷新
摘要： 使用http进行请求之后返回的数据有更新，但是绑定页面的数据并没有刷新，经过查找之后 发现可以使用变更检测 ChangeDetectorRef 来进行检测刷新。 官方文档说明 ： ChangeDetectorRef 应用代码如下： 注：要在 this.cdr.markForCheck(); 之后加上 阅读全文
posted @ 2017-08-29 12:23 会捕鼠的鱼 阅读(2009) 评论(0) 推荐(0) 编辑
js判断浏览器类型，设备类型
摘要： 根据userAgent判断浏览器类型，移动端，PC端，微信，QQ和微博 end ！ 阅读全文
posted @ 2017-08-29 11:51 会捕鼠的鱼 阅读(453) 评论(0) 推荐(0) 编辑
2017年6月28日
css实现文字两端对齐
摘要： css实现文字两端对齐，如下效果： 文字两端对齐仅仅使用使用text-algin:justify 无法实现预期效果，这里我们借用伪类(::after)来实现文字的两端对齐。 具体代码如下： 如有错误还望指正 ^-^ 阅读全文
posted @ 2017-06-28 16:23 会捕鼠的鱼 阅读(2810) 评论(0) 推荐(0) 编辑
2017年6月12日
angular2 --使用DecimalPipe格式化数字
摘要： 官方doc说明：http://angular2.axuer.com/docs/ts/latest/api/common/index/DecimalPipe-pipe.html； 使用方法：number_expression | number[:digitInfo]； digitInfo是如下个格式： 阅读全文
posted @ 2017-06-12 15:05 会捕鼠的鱼 阅读(3810) 评论(0) 推荐(0) 编辑
2017年4月27日
angular --开发环境搭建及项目创建
摘要： 1.配置node环境 1）.下载node安装包并安装，以下下是我的node安装路径 2）.安装完成之后在 选择 我的电脑 右键 选属性-> 高级系统设置 -> 环境变量 -> 新建 变量名自定义，变量值写node的安装路径 如下是我的变量值： 3).查看node是否安装成功： win+r 进入输入c 阅读全文
posted @ 2017-04-27 16:27 会捕鼠的鱼 阅读(535) 评论(0) 推荐(1) 编辑
2017年3月24日
监测angular路由变化
摘要： activity.js Angular 路由状态发生改变时可以通过'$stateChangeStart'、'$stateChangeSuccess'、'$stateChangeError'监听，通过注入'$location'实现状态的管理， 页面路由变化，模板开始解析之前执行toState.name 阅读全文
posted @ 2017-03-24 17:27 会捕鼠的鱼 阅读(684) 评论(0) 推荐(0) 编辑
angular简单的ui-view嵌套及传参
摘要： index.html是根页面，activity.html,login.html是index.html的子视图，enroll.html是activity.html的子视图。 index.html 1 <body ng-app='activityApp'> 2 <div ui-view></div> 3 阅读全文
posted @ 2017-03-24 16:23 会捕鼠的鱼 阅读(13685) 评论(0) 推荐(0) 编辑
angular组件component无法传递数据的坑
摘要： 问题：使用组件component时组件无法从外获取到绑定的数据 先贴上官方component的介绍及demo地址：https://docs.angularjs.org/guide/component; 将confirm-dialog.html插入到main.html页面，并将vm.agreemnt传 阅读全文
posted @ 2017-03-24 12:00 会捕鼠的鱼 阅读(2366) 评论(0) 推荐(0) 编辑
2016年11月15日
angularJs中ui.route的简单应用
摘要： html页面代码 <body ng-app="myApp"> <div ui-view></div> <div ui-view="login"></div> <div ui-view="enroll"></div> </body> 需要引用的ui.router.js文件 <script src="a 阅读全文
posted @ 2016-11-15 12:00 会捕鼠的鱼 阅读(405) 评论(0) 推荐(0) 编辑
2016年7月5日
javascript 移动端h5页面自适应
摘要： 最简单的适配方案 7.5 为 设计图的宽度除以100； H5端自适应框架 使用方便，设计图的1px对应0.01rem,设计图的字体大小24px对应0.24rem,就是如此简单！ 详情参考 H5自适应方案 使用方法： 此适配方案在github持续优化，如有问题可以移步 javascript H5自适应 阅读全文
posted @ 2016-07-05 17:32 会捕鼠的鱼 阅读(2452) 评论(0) 推荐(0) 编辑
2016年6月25日
bootstrap弹出的模态框水平垂直居中的实现
摘要： 学习javascript从入门到放弃！，这是第一篇随笔，经验不足，如有不当之处，还望指出。好了废话不多说直接切入正题吧 1.bootstrap默认的model写法： //通过javascript调用，只需一行 JavaScript 代码，即可通过元素的 id myModal 调用模态框： 2.实现水 阅读全文
posted @ 2016-06-25 16:19 会捕鼠的鱼 阅读(15745) 评论(5) 推荐(5) 编辑