移动前端
文章平均质量分 92
ImpulsionAndpower
初学者,一天进步一点
展开
-
angularjs+ionic+cordova+Android studio的环境配置
AngularJs各个 angular.js 版本下载是一款优秀的前端js框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等angularjs 通过新的属性和表达式扩展了 HTML。AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Ap转载 2017-09-04 14:15:23 · 498 阅读 · 0 评论 -
使用手机预览Vue项目(移动端)
1、在命令行中输入npm run dev ,启动自己的vue项目,例:http://localhost:8081/#/goods,可以在浏览器预览2、那么如何在手机端预览vue项目呢?WIN+R,输入cmd启动命令行工具,输入ipconfig查看本机ip3.将vue项目中的index.js 文件中的host:“自己IP地址”4.本机ip替换localhost,例:http://192.168.1....原创 2018-04-08 17:24:05 · 4554 阅读 · 1 评论 -
在angualr4项目中引入ng-bootstrap
<h1>注意本教程只适用于angular4</h1><h2>虽然网上也有很多教程,我也按着好几个教程做了多遍,但都不对,可能是angular更新太快,导致很多教程已经不能用了,总之一路都是坑,我摸索了很久得出一个可行的方案,希望小伙伴们都能避免入坑</h2><p>ng-bootstrap应该是针对angular4设计的,和官方快速搭建an...转载 2017-12-19 10:05:58 · 1449 阅读 · 0 评论 -
Angular环境搭建
目前Angular的最新版本是Angular4.0,所以我们搭建的环境是4.0版本的。 Angular官方给我们提供了一个命令行工具就是Angular CLI,通过这个工具我们能很容易的创建Angular项目。后期对项目的管理及构建等都是使用这么命令行工具。1.安装nodejs 首先要安装nodejs,如果你的电脑已经装过了,最好确认是比较新的版本,否则可能会出问题。 没有安装转载 2017-11-22 11:05:42 · 347 阅读 · 0 评论 -
手机日期插件mobiscroll奇巧淫技&mobiscroll 中文API
温馨提示:强烈建议使用:https://github.com/zhoushengmufc/iosselect不建议使用demo下载链接:http://download.csdn.net/detail/cometwo/9376336mobiscroll 扩展:http://download.csdn.net/detail/cometwo/9376397转载 2017-09-20 18:13:24 · 941 阅读 · 0 评论 -
echarts-设置折线样式和X轴和Y轴的分割线样式
代码如下:option = { title: { text: '折线图堆叠' }, tooltip: { trigger: 'axis' }, legend: { data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎'] }, grid: {转载 2017-09-12 10:58:41 · 11899 阅读 · 0 评论 -
基于ionic+cordova+angularJs从零开始搭建自己的移动端H5 APP
这里详细介绍下如何用ionic+cordova+angularjs搭建自己的移动端app,包括环境搭建,框架使用等,具体项目已放置在github上,可下载下来自行启动。下载地址:https://github.com/foreverjiangting/myApp/tree/master/myApp一:环境搭建 1.配置java的运行环境,包括path变量的路径转载 2017-09-02 15:06:43 · 654 阅读 · 0 评论 -
Angular 2 创建工程
工程的搭建使用的是:AngularCLI。使用它可以方便快捷的搭建出一个可运行的工程。 首先我们需要确保已经安装了AngularCLI,如果没有则运行如下命令进行安装:npm install -g angular-cli11 安装成功接下来就要创建工程了:ng new projectName11 其中projectName是工程的名字。 创建好的工程目录结构转载 2017-09-01 17:31:21 · 264 阅读 · 0 评论 -
浅谈CSS3中display属性的Flex布局
最近在学习微信小程序,在设计首页布局的时候,新认识了一种布局方式display:flex1 .container {2 display: flex;3 flex-direction: column;4 align-items: center;5 background-color: #b3d4db;6 }编译之后的效果很明显,界面的布局也很合理,看起来很转载 2017-09-19 10:31:25 · 859 阅读 · 0 评论 -
使用Ionic3开发混合APP的架构设计总结
nic在2017年3月7号在其官方博客宣布 Ionic3 正式版本发布,采用最新的Angular4,和以往一样的scss,Ionic3和2版本的主要区别就是对懒加载的全面使用。在使用Ionic2的时候,如果应用比较大,将所有的component,directives,pipes,services通通塞到app.module.ts里面,总会让我们感到不太雅观,也不便于代码管理维护,同时在打开应用的时转载 2017-09-01 17:09:52 · 1130 阅读 · 0 评论 -
angular控制器之间的传值
每个controller都会有自己的scope,所有的scope都是属于 $rootScope的子或者子的子...那么问题就好解决了,通过 $rootScope.$broadcast 广播的事件每个controller都能收到事件另外,我的经验是,尽量不要用event传数据。应该建立一个service来保存数据,并且设置相应getter/setter,具体如下:每个co转载 2017-08-31 16:37:42 · 405 阅读 · 0 评论 -
web前端响应式设计总结
web前端响应式设计总结一、响应式概述 响应式是指根据不同设备浏览器分辨率或尺寸来展示不同页面结构、行为、表现的设计方式。这里总结了响应式网站设计需要涉及到的相关的内容,有不正确的欢迎大家指正。谈到响应式网站,目前比较主流的做法是通过前端通过判断userAgent来做页面的302跳转。那么问题来了,使用userAgent的问题:依赖设备本身浏览器或设备特点,例如尺寸,转载 2017-08-30 10:20:51 · 18678 阅读 · 2 评论 -
何时使用 Em 与 Rem
你可能已经很熟练使用这两个灵活的单位,但你可能不完全了解何时使用 rem ,何时使用 em。 本教程将帮你弄清楚!Em 和 rem都是灵活、 可扩展的单位,由浏览器转换为像素值,具体取决于您的设计中的字体大小设置。 如果你使用值 1em 或 1rem,它可以被浏览器翻译成 从16px到 160px 或其他任意值。 CSS 边距设置为 1em 浏览器翻译成16px CSS p转载 2017-08-30 10:54:51 · 461 阅读 · 0 评论 -
网页在Safari快速滚动和回弹的原理:-webkit-overflow-scrolling:touch;的实现
现在很多的移动的HTML5网页内都有快速滚动和回弹的效果,看上去和原生应用的效率都有得一拼。要实现这个效果很简单,只需要加一行CSS代码即可:[css] 查看纯文本 -webkit-overflow-scrolling:touch; 可用以下网页测试:[html] 查看纯文本转载 2017-09-13 14:46:49 · 3448 阅读 · 0 评论 -
Angular、ionic、Cordova的关系介绍与打包
一、关系介绍Angular:是一个前端JS框架,类似于JQuery,BootStrap,Three.js等。ionic :是开源的H5移动App开发框架,是Angular的衍生物,利用Angular实现很多移动端的组件。Cordova:在项目中,Cordova负责将前端页面包装成原生页面,作为一个桥梁负责前端页面与原生应用的通信。另外,前端页 面没有调用设备的能力,这时就需要与原生应用...转载 2018-07-25 17:00:47 · 6552 阅读 · 0 评论