随笔分类 -  前端

类中的方法(对象的原型中的方法)消失
摘要:问题: 使用indexdb,sqlite等本地储存后再取出对象导致类中的方法(对象的原型中的方法)消失。 解决方法: 使用Object.assign()合并对对象。这时,this.details中的每个元素都是RetailOrderDetailEditDto的实例化对象。 使用Object.assi 阅读全文

posted @ 2018-11-22 22:58 StarDee 阅读(188) 评论(0) 推荐(0)

ionic v4 关于返回鍵监听 (hardware back button)
摘要:android手机上的返回键,会自动的使路由后退。但少数时候我们可能不需要这个后退功能,希望自己监听点击回退操作。 比如,想通过点击返回按钮关闭一个modal,并且不想后退。 1.使用@HostListener 监听ionBackButton事件 @HostListener('document:io 阅读全文

posted @ 2018-11-14 22:28 StarDee 阅读(2591) 评论(0) 推荐(0)

使用angular路由复用策略实现标签栏效果
摘要:前段时间在后台管理端要实现的一个需求是做个类似浏览器中的标签栏。方便用户在不同报表中查看和比对。 查了一些方法,可以通过angular的动态组件方式实现和路由复用的方式实现。 动态组件大体上就是把每个打开的页放入到componentFactory中,然后判断当前应该显示哪个页就好了。 简化的例子,请 阅读全文

posted @ 2018-11-08 22:57 StarDee 阅读(1434) 评论(0) 推荐(0)

ionic3踩坑体验(二)
摘要:title: ionic3踩坑体验(二) date: 2018 03 15 21:34:13 tags: ionic ios滚动卡顿 webkit overflow scrolling: touch`时不会卡住但滚动效果实在是太糟糕了。 点击 ios端点击事件有300ms左右延迟,需在有click事 阅读全文

posted @ 2018-11-06 23:09 StarDee 阅读(926) 评论(0) 推荐(0)

ionic3踩坑体验(一)絮叨
摘要:title: ionic3踩坑体验(一)絮叨 date: 2018 02 01 22:54:09 tags: ionic ionic3踩坑体验(一)絮叨 首先,所谓‘踩坑’,并不是说一定是什么ionic使用的难点、痛点,只是遇到什么问题,解决了想起来了就一下。 为什么第一篇题目叫絮叨呢? 因为我遇到 阅读全文

posted @ 2018-11-06 23:07 StarDee 阅读(591) 评论(0) 推荐(0)

ionic v4修改组件样式
摘要:新项目使用Ionic 4, Ionic 4的组件使用了 shadow DOM 和 CSS4变量 。 我们需要注意API文档中的 CSS Custom Properties 假如我们想要修改ion item组件的背景颜色。 我们可以在home.page.scss中这样写: 在 theme/variab 阅读全文

posted @ 2018-11-06 22:40 StarDee 阅读(3854) 评论(0) 推荐(0)

angular HTTP拦截器 HttpInterceptor
摘要:当后台使用c 的abp框架时,而前端不使用abp带的angular模版,比如ionic项目,项目接口还是使用swagger生成,这是我们还是需要在请求头上带有token、tenantId信息、包括一些错误处理,可以仿造abp自带模版自己写个http拦截器。 import {Observable, o 阅读全文

posted @ 2018-11-04 22:34 StarDee 阅读(4823) 评论(0) 推荐(1)

hexo+github搭建博客
摘要:hexo+github搭建博客需要我们先安装git,node.js和github的帐号 搭建过程 在github上我们需要创建一个名为username.github.io的仓库,uesrname为我们的github用户名,然后在设置中启用github page 打开命令行工具进入你想要创建项目的磁盘 阅读全文

posted @ 2018-10-13 22:59 StarDee 阅读(137) 评论(0) 推荐(0)

angular/ionic自定义click
摘要:项目既要用于PC网页,又要在iPad之类的移动设备上使用。 在iPad上的这种大屏设备上用户的手指点击按钮时,可能会发生一个细微的位移导致不能触发click事件。 会给用户一种不太灵敏的感觉,为解决此问题写一个指令代替click。 直接贴上代码: 使用时和click一样使用,把click换成yun 阅读全文

posted @ 2018-10-11 19:21 StarDee 阅读(691) 评论(0) 推荐(0)

rxjs处理http请求超时
摘要:博客原文地址 使用场景 用户进行一个操作请求后台而长时间未响应,我们希望给用户一个信息展示(请求超时,网络不好…). RxJS实现 关于RxJS请看这里 我这个功能的实现主要使用 delay,race两个操作符。 * delay 通过给定的超时或者直到一个给定的时间来延迟源 Observable 的 阅读全文

posted @ 2018-09-04 21:19 StarDee 阅读(2186) 评论(0) 推荐(0)

ng-events类似ionic中Events的angular全局事件
摘要:介绍 ng events 在 Angular 2 以上的版本中使用,类似于 ionic 中的 Events。可以使用 ng events 注册一个全局事件,然后在需要的时候触发这个事件。 "GitHub地址" 快速开始 在 Angular 6 以上的版本中使用,修改 angular.json 文件, 阅读全文

posted @ 2018-09-04 20:55 StarDee 阅读(327) 评论(0) 推荐(0)

迷宫游戏
摘要:github地址 博客地址 布置迷宫思路是选择一幅迷宫图片,把整幅图绘制到画布上。当页面加载时,它会取得一张图片,然后把它绘制到画布上。///定义全局变量,保存画布及绘图上下文var canvas;var context;window.onload = functio... 阅读全文

posted @ 2017-06-29 19:22 StarDee 阅读(192) 评论(0) 推荐(0)