移动前端框架
过去式的美好
编程既是技术也是艺术
展开
-
tree架构迭代-angularjs
在html中出现很多如组织架构,岗位架构,或者多层菜单式的具有上下级关系的树形菜单。 在用angularjs中碰到一个问题,用1.4.3版本会出现堆栈溢出问题,而1.6.2~1.7.0不会有问题。有其他更好的的迭代方式还不知道怎么使用。 以下代码是在基于angularjs1.7.0实现的,获取到的数据格式是数组。在控制器中实现,也可以放到指令中。 /** * json...原创 2018-05-15 16:27:03 · 595 阅读 · 0 评论 -
ng4 路由多参数传参以及接收
最近写ng4项目碰到要传多个参数,当然,这肯定是会碰到的。但是奇怪的是,我在百度上居然没怎么查到传多个参数以及接收多个参数的例子。每个看去基本都是官网上demo单个参数的使用。不废话了,我自己来记录下。1.导航需要跳转的地址,并以json对象形式传入多个参数,key值可以随便取,但后面页面接收参数获取 的值一定要跟这个key值对应才行。import { Router } from '@angula原创 2017-08-10 16:50:59 · 2953 阅读 · 0 评论 -
关于ionic 使用select焦点问题
在做h5移动端应用时,使用的是ionic的ui框架。那么这篇文章的问题来了。使用Ionic框架会导致在android设备上选择select下拉框时焦点跑偏很难点中。 后面原本是打算改用其他的下拉框,比如mobiscroll但是在后面网上查找时看到一篇相关的文章。 http://www.cnblogs.com/xiao2013/p/6659327.html 我个人测试后发现第一种加指令的方式比原创 2017-05-31 09:52:02 · 1943 阅读 · 0 评论 -
angular中使用a标签在PC端下载文件
<a target="_self" class="balanced" href="{{downloadURL}}{{item.id}}" download="{{item.fileName}}">下载</a>虽说只有短短一行代码,不过看代码应该都能知道什么作用了。 class属性值是Ionic的颜色,href中的两个值是下载地址的文件地址以及文件Id,通过下载地址+文件具体id来组合成完整的路原创 2017-04-13 15:41:30 · 4905 阅读 · 0 评论 -
ng2的深入
ng2是基于ts的,而ts的写法又有箭头方式。对于很多开发者来说,这个箭头式写法就比较难懂,当然这个难懂是针对刚入门。 现在就以我目前做的模拟数据项目来说,我这项目是用Ng2+primeng框架来写的,整个项目框架则是用jhipster快速生成的,重点主要讲ng2的使用。 在使用ng2中现在主要写法是简洁目的,所以现在有用链式写法以及箭头函数式写法。 链式写法:.xxx原创 2017-03-20 14:37:06 · 2059 阅读 · 0 评论 -
初入typescript的一些阶段性总结
类、接口的写法跟java一样,继承、实现的写法都是用extends 跟implements关键字。 成员声明方式 —> 成员名字:成员类型 可选成员的声明方式—> 成员名字?:成员类型 静态成员在方法中使用得—>类名.静态成员名 普通成员在方法中使用—->this.成员名类的构造函数得使用关键字实现: class student{ //定义student类原创 2017-02-15 15:26:22 · 961 阅读 · 0 评论 -
初学angular2的一些总结 1.)
先从模块库中引入组件import {Component} from “angular2/core”;import {bootstrap} from “angular2/platform/browser”; 然后定义组件@Component({ Selector:’my-app’, 这里的my-app是html上自己写的节点 Selector:’[my-app]’, 这里的m原创 2017-02-21 10:32:37 · 661 阅读 · 0 评论 -
promise 的简单使用说明
if($scope.getMsgType()){ //延迟异步执行函数 var defferred = $q.defer(); function func(){ keyWorkSvc.keyWork.getMsg(angular.extend($scope.reportParams, {原创 2017-01-05 17:34:43 · 872 阅读 · 0 评论 -
angularjs select 选择默认显示空白以及第一行空白的解决方法
最近需要加个select功能,以前是直接暴力写个<option value="" disabled>--请选择--</option> 这样就可以默认显示这个选项了,但是这样做的效果还是不够好。就像我现在需求,默认显示就是要指定其中一个选项而不是这个多余的选项,下面是解决的代码。<select ng-model="countrys" ng-init="countrys=countries[0]" ng原创 2016-12-15 09:49:58 · 12720 阅读 · 3 评论 -
json存取值方式
json存值: 1、定义一个空的json对象,通过原型链方式赋值存值 var s1={}; s1.name=zhangsan; 这样会默认创建一个名为name的对象。每继续往下多点一层都要确保之前的每层对象链都有内容不能为undefined。 2、类似数组方式存值 var s2={}; s2[name]=zhangsan; 这样也会默认创建一个name的对象。原创 2017-09-14 10:23:43 · 2681 阅读 · 0 评论 -
css实现简单瀑布流以及存在的问题
最近有个页面布局需要改为瀑布流的形式,就只单纯显示并没做上拉加载更多的。 先给张效果图,不是很好只是有瀑布流的效果而已: <div id="content"> <div id="imgM" class="trip-bg" ng-click="openModal(businessTypeList[2])"> <i class="icon img trip原创 2017-10-10 10:04:29 · 2442 阅读 · 0 评论 -
Chart 跟 ionic中ion-slide-box结合使用
最近在ng1项目中有图表统计查询功能的需求,而且是在移动端使用。 所以要考虑到排版问题。如果多张统计图表能够滑动来显示不就更省占位,而且也更舒服,比如查询某部门下有两个子部门,那就有两张图表了。 我们需要先引入Chart相关的js文件,这个根据自己项目框架来。 首先我们要先要了解Chart的数据格式跟属性使用。$scope.series = ['总天数', '人均天数'];hrS...原创 2018-05-08 14:54:04 · 426 阅读 · 0 评论 -
ng1星级评分指令(偷学技能)
/** * 星级评分 * ion-star是ionic星星图标可以自行更换 * readonly为false指可进行评价操作,true指只能看 * <star-rating ng-model="bo.evaluation" max-value="maxVal" on-change="startsChange" readonly='false'></star-rati...原创 2018-03-14 14:46:20 · 429 阅读 · 0 评论 -
ng1附件下载指令
/** *只支持下载,有部分是流程上的或者是微信上需要的代码,可省略 *messager是自定义封装弹框消息 *bpm.Service是ajax请求的封装 *showObj.attachIdCardLit是在模块的控制器中获取到附件的相关文件说明字段(具体文件字段在指令调用的方法参数中有体现出来) *下载地址跟文件相关内容通过外部双向绑定 * 0"> */m.directive(原创 2018-01-25 11:15:49 · 354 阅读 · 0 评论 -
判断是否是新消息加红点原理
要判断是否是新消息还是得跟后端关联,这个其实只要后端返回的数据中带一个boolean字段判别是否是新字段。 如newFlag:'Y'; 如果返回的是Y则在页面上显示红点,否则则不显示。如果还有增加新消息数量时,也对应把key绑定到页面上显示。 像QQ没进新消息详情,而只是把红色显示拉扯掉一般也有触发请求链接,如果只当独在前端做红色处理,这样做对整体的功能感觉不够友好,有点像欺骗用户的感觉。原创 2018-01-08 14:40:12 · 3156 阅读 · 2 评论 -
ng4流程提交后重定向跳转到指定页面后回退问题
如题,这个问题一直困扰我很久,不知道大家有没碰到这个问题。当我提交成功一个表单后需要跳转到指定的待办列表路由后(我的跳转方式: this.route.navigate(['/home/tasks/waitApproval']);),然后点手机上的回退按钮Ios更会,直接回退到原先的表单页面上了,然后就有可能会被重复提交操作。这个是做流程所不愿看到的。 我们所期望的是提交完表单后再跳转后的页面按回原创 2018-01-16 14:45:47 · 572 阅读 · 0 评论 -
css中div高度自适应且固定剩余高度由另外div内容填充
最近做个页面设计,头部是搜索框以及过滤按钮那些,而剩余高度内容则是列表内容用来显示过滤后的内容。在移动设备显示头部内容会随屏幕大小而改变,所以不能把高度设定死,但剩余部高度又要显示列表内容。构思是头部有一部分的高度随着内容的变化而变化,但这头部是固定的fiexd。剩余部分是列表高度。每次试验发现都虽说下面列表有接在头部位置下面但是当页面往上拉时列表内容会跑到头部内容的下一层去。 一次意外嵌套的尝试原创 2017-11-29 17:23:21 · 4977 阅读 · 0 评论 -
weui 1.1.2版本tabbar切换以及底部位置问题
突然发现这个weui好坑,居然有的功能还要自己写。还是我的姿势不正确? tabbar底部未能正确显示在页面最底部,解决办法:在html,body元素加上style=”height:100%”即可解决。 tabbar解决切换页面demo代码↓:<script type="text/javascript"> $(function(){ $('.weui-tabbar__item').原创 2017-10-30 11:13:46 · 7838 阅读 · 2 评论 -
论新手在开发项目中需要注意的一些事
就以我自己开发经历来说吧,虽说是特别基本的问题,原本就不该出现的问题还是出现,特别是对于全程自学的人来说。1.前端开发。在开发一个表单页面的数据展示时,后端会返回一大堆的数据给你。然而这所有数据并不是全都要用上,比如,一个列表中有id,员工id,名字,电话,性别,等等。。。我们在获取到这些数据时,有的页面需求可能连员工id都不要显示。但我却把所有的字段都列出来,包括id。可想而知在会上验收时的情景。原创 2017-10-12 17:34:22 · 527 阅读 · 1 评论 -
Sirqul 的一些研究使用总结以及介绍。
sirqul是一家美国公司研发的平台框架。它的官网为www.sirqul.com有的人需要翻墙才能上这网站。 据说这个这个平台框架在美国等地非常多公司使用,但是在国内就很少有公司会用这个。 sirqul功能中有cloud,notification,albums,games 等等。。。不过个人感觉国内要使用这个还是比较有难度点的,一个是文档全是英文,还有一个是有问题的话资料很少,一般都要自己去实践原创 2016-11-28 14:03:17 · 558 阅读 · 0 评论 -
记录AS混淆代码模板
开启混淆得先在build.gradle文件中把 minifyEnabled false改成true,以及shrinkResources true//去除无用的resource文件 这些是写在proguard-rules.pro文件内的 指定代码的压缩级别 -optimizationpasses 5 包明不混合大小写 -dontusemixedcaseclassnames 不去忽略非公共原创 2016-06-23 16:25:07 · 344 阅读 · 0 评论 -
Toolbar+DrawerLayout使用详情结合网络各大神
最近也想搞下toolbar+drawerlayout的使用。结合网络上各大神的杰作,我把大部分的内容效果都完成了遍。现在记录下各个功能效果的实现以及一些细节注意点。 这图弹出两个菜单内容都是仿QQ界面的选项。左边一个是drawerlayout的弹窗。右边是toolbar的popup弹窗。 开始实现步骤详情: 1.创建toolbar布局跟drawerlayout布局<?xml ver原创 2016-07-19 16:32:51 · 3603 阅读 · 0 评论 -
java四种线程池的使用,觉得写得不错,值得借鉴
相比new Thread,Java提供的四种线程池的好处在于: a. 重用存在的线程,减少对象创建、消亡的开销,性能佳。 b. 可有效控制最大并发线程数,提高系统资源的使用率,同时避免过多资源竞争,避免堵塞。 c. 提供定时执行、定期执行、单线程、并发数控制等功能。Java 线程池 Java通过Executors提供四种线程池,分别为: newCachedThreadPool创建一个可缓存转载 2015-09-22 11:13:14 · 412 阅读 · 0 评论 -
android基于百度云消息推送通知集成
从一开始的完全不懂,到现在慢慢懂了点什么!查啊查~。 从我开始入手说起吧!首先可以先去官方网站看文档并且下载Demo。配置相应的apikey。我在配置Demo时就碰到问题了,没有gen目录。我查了下,把torget改成模拟器使用的版本。就会出现gen目录了,然后发现每个类都有报错,点进去看发现是所有的android包都没导入,所以要每个类都要Import导入相应的android包。这些做完后,最后原创 2015-10-10 11:12:24 · 974 阅读 · 0 评论 -
业务中的维度问题
写这篇文章目的是把今天开会说的维度问题,理解下。 我想绝大部分的人看到维度这个词可能不大懂是什么意思,其实一开始我是不懂的。但是听到后面才知道就是“控制范围”的问题而已,只是维度这个词用的是行话而已。感觉很有文化修养似的! 解释说明了维度的意思,那使用呢,就true or false?或者 同意与反对?其实这样说也是没错的,只能说这是基本的。然而按照层次感来说的话,在true层到false层之间原创 2015-08-22 17:34:33 · 2952 阅读 · 0 评论 -
angularJS最近总结一些零碎的知识点
controller处理页面ui相关的东西,service处理数据的东西。 如果N个controller有共同的需要处理的东西,可以放在service里面,也就是java中的抽象类。比如LogService处理日志类的东西。 require('app.js')等价于<script src="app.js"></script>不用路径,只要写目录名称即可。当然,如果你存放的路径不同的话,那就需要这原创 2015-07-28 14:02:19 · 655 阅读 · 1 评论 -
HTML5本地存储——IndexedDB
在HTML5本地存储——Web SQL Database提到过Web SQL Database实际上已经被废弃,而HTML5的支持的本地存储实际上变成了Web Storage(Local Storage和Session Storage)与IndexedDB。Web Storage使用简单字符串键值对在本地存储数据,方便灵活,但是对于大量结构化数据存储力不从心,IndexedDB是为了能够在客户端存储转载 2015-07-13 17:40:39 · 758 阅读 · 0 评论 -
AngularJS的更高一步见解
前面有了章关于AngularJS的个人见解,那时算刚入门搞得比较混乱。这里是相对于之前写的再完善些。 在写AngularJS中,有些人写function函数代码时,是在window域下写的。虽说这样写也没错,但是却不符合AngularJS的思想。因为不是模块化。 AngularJS其中的一个思想就是模块化,所有的方法操作都应该在angularJS.modul()方法的对象内使用,不然会被认为改方原创 2015-07-14 10:40:01 · 528 阅读 · 0 评论 -
AngularJS的自我理解
最近在学AngularJS的框架开发,虽说到现在还只学到一半,但是我还是想把从开始到现在对AngularJS的思路理解写下,以便更好的回顾所学的知识。当然、后续的学习我也会在后面完善这一半的结果。 以下是我自己最近所学的理解,当然理解走向有误也希望有读者能够指出,菜鸡在这里先谢谢了! AngularJS是一个前端JS框架,核心的是:MVVM、模原创 2015-07-03 10:16:51 · 902 阅读 · 0 评论 -
Bootstrip学后见习
最近学了H5+CSS3+JS不过个人觉得还是提高的空间,特别是JS。这两天在学Bootstrip。主要的学习地方是在汇智网。在这里先感谢下,我也推荐新手可以去学。可以一边学习一边手动编码,加深印象。 Bootstrip其实主要就是对CSS的封装。而我们只需导入连接。或者在项目中导入一些库。也就是下载下来再把文件放到项目中去而已。由于Bootstrip中的class样式太多,我在这边也就把一原创 2015-07-08 15:42:59 · 1155 阅读 · 0 评论 -
angular页面间传递数据详解
在angular中页面间传递数据的方式我只知道有两种,一种是通过广播。$emit用于向父级以上传递事件与数据,$broadcast用于向子级以下传递事件与数据。$on则用来接收事件与数据。另一种则是通过service服务来传递数据,这些数据都是单例的,也就是说如果在当前的控制器中改变某一值,下一个控制器用的就是已改变的值。这篇文章是记录下。不知道还有没其他什么方法也能页面间传递数据。 怎么说呢,我原创 2015-12-31 14:59:32 · 7643 阅读 · 1 评论 -
关与ionic/cordova打包过程遇到的坑
在使用ionic 或者cordova打包按照别人的步骤来,总是没那么完美。现在来总结下遇到的坑 一、把项目打包前要确定不要再改了。我们可以先把项目进行压缩,压缩后再打包这样的话项目体重会小点。 1.关于打包的问题,可以先通过npm install -g fis来安装这个插件,如果还不够的户啊可以再安装npm install -g fis-postpackager原创 2015-12-08 10:30:33 · 6292 阅读 · 0 评论 -
关于mobiscroll时间控件没能正常绑定值问题
之前有写篇关于mobiscroll插件集成成angularjs指令到项目中使用 只说怎么集成到angular项目中作为指令来使用,但是有个问题:在页面时间控件上选择完时间后时间值却绑定不到ng-model中。这问题困扰我好久,最后还是得请大神出马解决。我这里也就只copy下代码以便以后好研究理解。当然要是哪位大神知道怎么理解的话请留言指导下,不胜感激!/* * 时间轮盘选择器 */m.dir原创 2016-06-16 17:32:49 · 3728 阅读 · 0 评论 -
How to use $cordovaSQLite in Ionic Framework
本文来自google中的一篇关于$cordovaSQLite使用的例子,摘自https://codepad.co/snippet/131f3bvar db = null;var example = angular.module('starter', ['ionic', 'ngCordova']).run(function($ionicPlatform, $cordovaSQLite) {原创 2016-06-12 14:08:49 · 1445 阅读 · 0 评论 -
angularjs 上拉加载,下拉刷新数据功能
虽说angularjs 1.x版本中对于上拉加载,下拉刷新数据功能都有做些封装,但还是有些人不清楚。其实我一开始也是不懂的,so.现在把搞懂的记录下免得少走弯路。 now,begin:先说下拉刷新吧,原理就是每次下拉都重新去服务器请求过一次新的数据。一般这种刷新功能的响应数据(也就是服务器返回的(json)数据)中都会带有"rowsOfPage": 3, "curr原创 2016-04-25 11:52:35 · 21635 阅读 · 6 评论 -
mobiscroll插件集成成angularjs指令到项目中使用
最近发现有挺多人找时间插件、联动选择插件、滚动插件。 这里就介绍下怎么把mobiscroll网站中的插件集成成angularjs指令到项目中使用(NOTE:mobiscroll中的 插件都是要$的,所以使用需先三思,版权问题。偶是不负责的)。大家到www.mobiscroll.com网站中下载下来的插件发现都是试用的,而且都带有个trial的字样。 now begin(例:时间插件): 一、先原创 2016-03-04 17:48:33 · 3997 阅读 · 4 评论 -
angularjs 关于ui-router分层使用
最近感觉有很多学angular 的童鞋在路由问题中还不清楚怎么使用。其实我之前也是一直晕晕的不懂怎么用,现在要好得多了。在这里就记录下ui-router使用。 就已目前做的这个项目来介绍下怎么使用吧。Note:最好是按照层次规则来设置路由名,好处是容易看懂,也便于管理。 我这里是以总state到模块state再到下一层模块state(再到下一层模块state)最后到详细页面的state来分层。原创 2016-03-04 17:04:56 · 1728 阅读 · 0 评论 -
angular select中ng-options使用
function selectCtrl($scope) { $scope.selected = ''; $scope.model = [{ id: 10001, mainCategory: '男', productName: '水洗T恤', productColor: '白' }, { id: 10原创 2016-01-13 16:39:53 · 8671 阅读 · 1 评论 -
品(AngularJS深度剖析与最佳实践)一书的体会
最近在AngularJS中文社区群中群主等三人的书出版了。于是我也抱着跟其他成员一样的思想:‘这可是大神写的书,而且从书的目录也看出这书是值得一看’。在京东买了本,呵呵!在这里说个实话我基本都不买书的。最近做项目也是用angular开发,之前关于angular方面的知识都是百度各种查,群里各种问。偶尔看到别人在群里问的问题感觉自己也能回答但又不确定是否正确,就会尝试去回答下但都是以貌似、可能、好像原创 2016-01-27 15:21:29 · 3011 阅读 · 0 评论 -
cordova编译无反应
哎,又是一被坑的总结。为以后可能遇到此问题,百度无答案给出的朋友解决。当一Hbuilder项目做好后需要build成apk时,就需要用ionic/cordova进行build,这个我在之前也有说过。好了,说现在的总结。 执行cordova platform add android提示创建出平台了,但是没提示成功的单词但也没报错,去项目中看时,也有android平台。然后就cordo原创 2015-12-24 17:30:37 · 1663 阅读 · 4 评论