前端之路

分享前端开发技术

微信小程序案例:获取微信访问用户的openid

在微信开发项目中,获取openid是项目常遇的问题,本文通过主要讲解实现在微信小程序中如何获取用户的openid,案例实现非常简单         具体实现方法是通过登录接口获取登录凭证,然后通过request请求微信的公共API,将凭证转换得到我们需要的openid,需要用到的微信API有以下...

2017-01-06 17:00:58

阅读数 82951

评论数 13

关于ionic打开外部链接的问题

用ionic开发,遇到些奇怪的症状。记录一下 1.升级到cordova 5.0后,在android表现为链接无法打开 cordova 5.0需要手动添加whitelist插件,控制对外部链接的访问权限 cordova plugin add cordova-plugin-whitelist 设置白...

2015-07-10 11:36:32

阅读数 7954

评论数 0

关于 $http.get在项目打包后,手机端运行无法取得数据

最近的ionic项目,在打包后发布到手机端测试,却奇怪的发现,只要涉及使用api网络请求的地方,全部无法获取数据了,$http请求返回的代码状态status是0。 原来,是cordova新版本导致的问题,cordova 5.0增加一个叫cordova-plugin-whitelist的插件,是用...

2015-06-04 09:35:14

阅读数 2111

评论数 0

通过CORS实现跨域方案

Angular推崇的时前后端分离,所以跨域由哪一方实现成为一个问题.这个就不得不说前端技术上的局限性,即使是相对好用的JSONP对于非GET请求也是无能为力的,因为它本质上还是通过script去get一些资源.     JSONP这种只能GET的限制,在Angular推崇RESTful风格接...

2015-04-23 08:37:48

阅读数 640

评论数 0

使用AngularJS的$http服务与服务端进行数据交互

$http服务是基于$q服务的,提供了promise封装,它接受一个配置对象参数,并返回一个promise对象。同时,它还提供了2个方法用来定义Promise回调:success 和 error。 var promise = $http({method:"GET", ...

2015-04-22 21:33:07

阅读数 7402

评论数 0

学习ionic的资源和案例

国内关于ionic的一些资源还比较少,整理一些资源和案例站点,希望对大家有所帮助。 许多ionic的简单例子,从这些简单代码可以学到很多知识和理念。  http://codepen.io/ionic/public-list/ 中文版的ionic文档(虽然现在还不完善),给英文不...

2015-04-21 22:16:58

阅读数 5488

评论数 0

使用SASS修改iconic样式

iconic使用了sass来快速更改UI样式,通过修改sass,能够编译生成我们要的样式。所以有必要了解学习好sass,来更方便的更改ionic成为我们要的UI。 学过CSS的人都知道,它不是一种编程语言。 你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是...

2015-04-21 17:21:20

阅读数 1734

评论数 0

ionic开发-使用ngCordova增强设备调用能力

什么是ngCordova ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展,让开发者可以方便的在HybridApp开发中调用设备能力,即可以在AngularJs代码中访问设备能力Api。ngCordova是结合cordova和angular包装了许...

2015-04-19 22:59:57

阅读数 1778

评论数 0

'use strict' - Javascript 的严格模式

一、概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。 设立"严格模式"的目的,主要有以下几个:   - 消除Javas...

2015-04-19 08:12:50

阅读数 959

评论数 0

关于Ionic

什么是Ionic,Ionic适合怎样的开发? Ionic是一个HTML5的移动应用开发框架,针对构建混合的移动应用程序。混合应用程序从本质上来说,是运行在浏览器内壳里面的小网站,它可以访问本地平台层。混合应用程序有许多超过纯原生应用的好处,特别是在平台支持,发展速度,还有第三方代码支持方面。 ...

2015-04-18 08:31:54

阅读数 2804

评论数 0

Ionic Framework 说明书(ionic命令行 语句)

如果你用了 Ionic Framework 一段时间之后你会发现有好多经常重复用到的命令行语句。有时候经常会突然用到一个特殊的标记或者选项,所以我做了个小抄放在手边。这样在开发我的 app 的时候就能把注意力集中在编程上,不用时不时的去搜索一个特殊的命令了。

2015-04-17 22:38:02

阅读数 861

评论数 0

ionic的样式布局简单入门

ionic的样式布局主要依赖于 ionic.css 文件,该css文件框架主要提供预定义的CSS类,来帮助我们快速构建适用于手机端的UI。 ionic的预定义CSS类主要分以下四类: 基本布局类 ionic将手机页面的布局模式基本抽象为三块:头、内容、尾。基本布局类提供...

2015-04-17 18:35:24

阅读数 3490

评论数 0

ionic 环境配置

参考文章 Cordova 3.x 基础(1) -- 环境搭建(Windows / Android) http://rensanning.iteye.com/blog/2016364 phoneGap之Android环境搭建 http://haomou.net/2014/08/06/2014...

2015-04-17 18:04:49

阅读数 652

评论数 0

使用盒布局使元素全屏居中

使用css3想要设置元素垂直居中,使用盒布局,并且设置box-pack和box-align既可以让div里面的元素垂直居中,如下 display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: c...

2015-02-10 12:08:23

阅读数 1011

评论数 0

使用CSS3 Media Queries实现响应式设计

现在屏幕分辨率的范围很大,从 320px (iPhone) 到 2560px (大型显示器),甚至更大。用户也不只是使用台式电脑访问web站点了,他使用手机、笔记本电脑、平板电脑。所以传统的设置网站宽度为固定值,已经不能满足需要了。web设计需要适应这种新要求,页面布局需要能够根据访问设备的不同分...

2014-04-09 07:14:01

阅读数 1175

评论数 0

HTML5的localStorage本地化存储

在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了,两者调用方式完全相同。 localStorage是以键值对的方式存在本地化数据库,其使用非常简单,这里列举几个使用...

2014-03-24 10:51:24

阅读数 1311

评论数 0

关于js中断ajax请求

停止javascript的ajax请求,一种是设置超时时间让ajax自动断开,另一种为手动去停止ajax请求,其核心是调用XMLHttpRequest对象上的abort方法,这里,我们以jquery举例说明: jquery的ajax对象的abort方法 调用abort后jquery...

2014-02-21 16:10:48

阅读数 12596

评论数 1

sql root账户密码忘记怎么办?最简单的sql语句修改方法

原理是通过修改MySQL的登录授权设置,然后直接使用sql语句更新root管理员账户的密码,这么做的话在修改期间,任何人就可以直接链接你的数据库了,如果有重要数据,最好是做好安全准备,在更新好密码后立即设置回来。步骤如下: 1.修改MySQL的登录设置: 打开sql配置文件: # vi...

2013-12-19 10:36:43

阅读数 1216

评论数 0

值得收藏的右侧固定,左测自适应的css排版解析

反过来也可以:左侧宽度固定,右侧自适应。不管是左是右,反正就是一边宽度固定,一边宽度自适应。 这种布局比较常见,博客园很多默认主题就是这种。一般情况下,这种布局中宽度固定的区域是侧边栏,而自适应的区域是主体内容区——相信把侧边栏搞成自适应的人很少吧? 要实现这种布局,也算比较简单。我们先给出h...

2013-12-19 10:22:37

阅读数 1198

评论数 0

八种创建等高布局的方法,非常有价值的文章

非常好的创建等高知识的文章,收藏起来。 高度相等列在Web页面设计中永远是一个网页设计师的需求。如果所有列都有相同的背景色,高度相等还是不相等都无关紧要,因为你只要在这些列的父元素中设置一个背景色就可以了。但是,如果一个或多个列需要单独设置自己的背景色,那么它的视觉完整性的设计就显得非常...

2013-11-25 10:10:37

阅读数 828

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭