尘飞不到-CSDN博客

原创微信小程序案例：获取微信访问用户的openid

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

2017-01-06 17:00:58 87743 13

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

用ionic开发，遇到些奇怪的症状。记录一下1.升级到cordova 5.0后，在android表现为链接无法打开cordova 5.0需要手动添加whitelist插件，控制对外部链接的访问权限cordova plugin add cordova-plugin-whitelist设置白名单即可。2.打开外部链接没有回退按钮，非常不方便

2015-07-10 11:36:32 8866

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

最近的ionic项目，在打包后发布到手机端测试，却奇怪的发现，只要涉及使用api网络请求的地方，全部无法获取数据了，$http请求返回的代码状态status是0。原来，是cordova新版本导致的问题，cordova 5.0增加一个叫cordova-plugin-whitelist的插件，是用来做白名单过滤的，按以下步骤，即可修复情况：1.执行命令 cordova plugin a

2015-06-04 09:35:14 2668

转载通过CORS实现跨域方案

Angular推崇的时前后端分离,所以跨域由哪一方实现成为一个问题.这个就不得不说前端技术上的局限性,即使是相对好用的JSONP对于非GET请求也是无能为力的,因为它本质上还是通过script去get一些资源. JSONP这种只能GET的限制,在Angular推崇RESTful风格接口的API场景下,就完全制约了它的使用,总不能弃POST和PUT那些不管.并且JSONP的错误处理很弱

2015-04-23 08:37:48 812

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

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

2015-04-22 21:33:07 8239

原创学习ionic的资源和案例

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

2015-04-21 22:16:58 5791

转载使用SASS修改iconic样式

iconic使用了sass来快速更改UI样式，通过修改sass，能够编译生成我们要的样式。所以有必要了解学习好sass，来更方便的更改ionic成为我们要的UI。学过CSS的人都知道，它不是一种编程语言。你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只

2015-04-21 17:21:20 2023

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

什么是ngCordovangCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展，让开发者可以方便的在HybridApp开发中调用设备能力，即可以在AngularJs代码中访问设备能力Api。ngCordova是结合cordova和angular包装了许多插件，诸如访问文件，摄像头，GPS等等，这些插件只需要简单配置就可以在ionic中使用。

2015-04-19 22:59:57 1901

转载 'use strict' - Javascript 的严格模式

一、概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个：　　- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;　　- 消除代码运行的一些不安全之处，保证代码运行的安全；　　- 提高编译器

2015-04-19 08:12:50 1075

转载关于Ionic

什么是Ionic，Ionic适合怎样的开发？Ionic是一个HTML5的移动应用开发框架，针对构建混合的移动应用程序。混合应用程序从本质上来说，是运行在浏览器内壳里面的小网站，它可以访问本地平台层。混合应用程序有许多超过纯原生应用的好处，特别是在平台支持，发展速度，还有第三方代码支持方面。想像一下，Ionic作为前端UI框架，它会帮助你处理所有你的App需要的外观和UI交互，你的app将变

2015-04-18 08:31:54 3072

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

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

2015-04-17 22:38:02 971

原创 ionic的样式布局简单入门

ionic的样式布局主要依赖于 ionic.css 文件，该css文件框架主要提供预定义的CSS类，来帮助我们快速构建适用于手机端的UI。ionic的预定义CSS类主要分以下四类：基本布局类 ionic将手机页面的布局模式基本抽象为三块：头、内容、尾。基本布局类提供了这几个区域的CSS类。手机App开发实践中，用户界面通常划分为几个区域 - 标题/header

2015-04-17 18:35:24 4350

转载 ionic 环境配置

参考文章Cordova 3.x 基础（1） -- 环境搭建（Windows / Android） http://rensanning.iteye.com/blog/2016364phoneGap之Android环境搭建 http://haomou.net/2014/08/06/2014_phonegap_android/ionic框架配置 http://haomou.net/201

2015-04-17 18:04:49 753

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

使用css3想要设置元素垂直居中，使用盒布局，并且设置box-pack和box-align既可以让div里面的元素垂直居中，如下 display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center;但很多人使用了此代码却无法生

2015-02-10 12:08:23 1200

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

现在屏幕分辨率的范围很大，从 320px (iPhone) 到 2560px (大型显示器)，甚至更大。用户也不只是使用台式电脑访问web站点了，他使用手机、笔记本电脑、平板电脑。所以传统的设置网站宽度为固定值，已经不能满足需要了。web设计需要适应这种新要求，页面布局需要能够根据访问设备的不同分辨率自动进行调整。本教程将会向你介绍，如何使用html5和CSS3 Media Queries完成

2014-04-09 07:14:01 1313

原创 HTML5的localStorage本地化存储

在HTML5中，本地存储是一个window的属性，包括localStorage和sessionStorage，前者是一直存在本地的，后者只是伴随着session，窗口一旦关闭就没了，两者调用方式完全相同。localStorage是以键值对的方式存在本地化数据库，其使用非常简单，这里列举几个使用小例子：1. 判断浏览器是否支持localStorageif(window.loc

2014-03-24 10:51:24 1618

原创关于js中断ajax请求

停止javascript的ajax请求，一种是设置超时时间让ajax自动断开，另一种为手动去停止ajax请求，其核心是调用XMLHttpRequest对象上的abort方法，这里，我们以jquery举例说明：jquery的ajax对象的abort方法调用abort后jquery会执行error的方法，抛出abort的异常信息，这个时候就可以执行我们中断ajax后的操作了

2014-02-21 16:10:48 21288 1

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

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

2013-12-19 10:36:43 1928 1

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

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

2013-12-19 10:22:37 1428

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

非常好的创建等高知识的文章，收藏起来。高度相等列在Web页面设计中永远是一个网页设计师的需求。如果所有列都有相同的背景色，高度相等还是不相等都无关紧要，因为你只要在这些列的父元素中设置一个背景色就可以了。但是，如果一个或多个列需要单独设置自己的背景色，那么它的视觉完整性的设计就显得非常重要了。大家都知道当初Table实现等高列布局是多么的简单，但是我们使用CSS来创建等高列布局并非是那

2013-11-25 10:10:37 1414

原创使用apache代理实现IIS和apache共享80端口

使用apache作为代理，所有通过80端口访问的站点都会先访问apache，再由apache决定访问iis的站点还是apache的站点，当然ngnix等服务器也可以实现这样的代理，这样也许iis站点性能或多或少没有直接访问来得快，不过，按我实际测试，几乎是没有影响。情景模拟：IIS网站 www.a.comAPACHE网站 www.b.comiis设置：创建iis

2013-10-26 22:54:00 962

转载 magento 安装时 Database server does not support the InnoDB storage engine 的解决办法

打开app\code\core\Mage\Install\Model\Installer\Db\Mysql4.php文件，编辑supportEngine方法，在原方法中的return前添加以下代码： if (!isset($variables['have_innodb'])) { $engines = $this->_getConnection()

2013-10-26 12:31:24 2075

原创如何检测ajax因网络断开或延时导致的错误并重连

情景：开发聊天系统的时候常常会使用长连接来保证消息的即时性，然而长连接也会不可避免的因为网络延时或断网而断开，ajax长连接如何检测到网络断开了？其实原来很简单，但可能很多人还不知道，就是为ajax设置超时时间，当ajax超过定义的时间就会抛出错误，我们就能检测到错误而做我们想要的操作了。我们以jquery的ajax为例写一个简单的原理逻辑。 //检测失败重连逻辑

2013-10-24 17:57:43 6774

转载提升magento性能的有效方法

转载一篇文章，对php性能的提升有着很大的作用！由于开发的时候被我关掉了magento默认的缓存，所以访问是乌龟般的速度，所以除了文章中所提及的，打开magento的默认缓存对访问速度也有很大的提升。一、Magento Compiler可以提高 25% 到 50% 速度Magento的性能一直是大家比较关心的焦点，现在Magento最新的版本 1.3.2.2 增加了 Ma

2013-10-19 23:41:59 741

原创 javascript数组与字符串的互转

做了这么多年的前端，该死的竟然把javascript 的原生join函数忘得一干二净，一直用自己写的数组拆分和合并方面，哎，思想得转变转变，多重温，多学习新知识，现记录下一、数组转字符串（将数组元素用某个字符连接成字符串）var a, b;a = new Array(0,1,2,3,4);b = a.join("-");二、字符串转数组（将字符串按某个字符切

2013-10-18 13:30:43 609

转载 Magento转移空间后有可能遇到的一些错误

1、域名问题。打开新网站域名错误。解决方法：update core_config_data set value="http://shop.abc.com/"where path="web/unsecure/base_url" orpath="web/secure/base_url";2、数据库配置问题。解决方法：修改app/etc/local.xml的相关内容

2013-10-18 13:00:35 1169

原创通过简单脚本保留想要的magento后台国家语言列表

magento后台可以通过切换多语言来改变后台语言，不过列表非常多，有很多语言选项都不是我们需要的，改变配置文件又会影响前台，而我只是想临时隐藏，可以通过js方法快速隐藏所有语言，仅仅保留我们需要的，代码如下： function limitLanguage(){ var opts = document.getElementById("interface_

2013-10-17 22:38:21 889

原创在magento前端显示自定义属性值

magento有强大的自定义属性的功能，允许用户对产品进行各种属性定义。在这里记录下开发过程中遇到的各种属性值的前端输出。1. 简单文本，前端显示代码如下：$_product->getAttributeName()，其中AttributeName为属性字段，比如你自定义了字段color，则用$_product->getColor() 获取2. 文本区域（可嵌

2013-10-14 00:05:40 1298

原创 magento中static block的使用

网站开发过程中，我们常常会遇到一些固定的文字块，而文字块往往分布在多个页面，如联系方式，固定链接等，这个时候我们可以通过static block来解决。如果在Magento中创建static block?1、登入后台，点击后台导航上的cms下拉菜单中的Static Block 2、点击右边的"Add New Block"按钮 3、填写如下的区域： (a

2013-10-05 11:02:06 732

转载 magento常用函数列表

获取系统的字符集： Mage::getStoreConfig('design/head/default_charset') 获取http://magentonotes.com/ echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_WEB); 获取http://mage

2013-10-03 16:38:47 649

原创对初学magento开发很有用的原理解析

一些布局标签的知识Magento通过标记决定页面中的每个区块的行为和视觉表现。在Magento中有两种类型的区块-结构区块（structural blocks）和内容区块（content blocks）。区分这两种区块最好的方式是通过分配给它的标记属性来区分。结构区块通常包含属性'as'，通过这个属性值程序可以与指定的区域（由getChildHtml方法指定）中的模板联系。你会发现

2013-10-01 17:44:08 1121

原创使用百度地图API实现轨迹回放

最近项目需要实现路线的轨迹回放功能，苦于对百度api不熟，一时想不到用什么方法实现回放，看到了网上有人分享的一个很简单例子，一下子清晰很多，总结了下，根据这个就可以实现很复杂的回放功能啦。调用百度地图API实现路线的轨迹回放功能其实很简单，只要搞懂以下几点即可：1.需要用Polyline方法先绘制好路线图2.用Marker添加标注点3.关键一步，通过

2013-09-24 09:54:32 23278 14

原创 Magento开发入门之基础要点

近期需要用magento开源针对客户需求实现b2c网站开发，苦于magento的中文资料太少，相信很多人在选择magento开发可能会退步，magento代码逻辑的确强大，而且采用mvc架构，能更好的定制自己的功能页面，如果不是复杂的功能定制，甚至与仅仅懂点入门php，只要有前端开发功底，都能定制出自己想要的一套b2cUI出来。这在里，我仅仅将一些开发中遇到的很有用的知识整理出来，献给初学者门。

2013-09-13 13:21:54 1263

原创 web实时系统的实现

随着web2.0富应用的出现，web网页的操作倾向于桌面应用程序化，很多web应用都要求能实时更新，如常见聊天对话、邮件收发、股票系统等。本文列举了我在协同项目中使用的几种实现方式的，并列举了一些优缺点。1. 常见的ajax轮询这种方法实现比较简单，通过设定定时器进行简单的ajax轮询，这种方式对服务端会造成一定的压力，在网络不通畅或者服务器端返回数据缓慢的情况下，ajax尚未返回就进行下

2013-06-13 23:32:28 1597

原创 js清除未知定时器的方法

js清除未知定时器的方法在需要有实时性更新数据的项目中，我们经常会用到很多定时器，我们可能需要一个可以一次性清除所有定时器的方法，并且不通过指定ID一个一个去清除，以下提供两种解决方案：1.定义全局变量，通过js遍历清除这种方法在项目中所使用到的定时器必须赋值记录到定义好的全局变量中，实现模拟代码如下：var pageTimer = {} ; //定义计算器

2013-05-24 11:30:56 12889 1

原创使用js框架backbone来开发单页应用程序前端开发

使用backbone框架做单页应用项目已经有一段时间了，总体来说，backbone对于有经验的前端开发来说，相对入门还是比较简单的。backbone对于单页应用这样复杂的项目，能够达到对代码很好的梳理，也能很好的实现模块间松耦合和事件驱动。近期的一点点小经验和疑问大家分享下1.backbone的架构很适合用于模块式开发，配合seajs来实现模块按需加载会很强大。2.将需

2013-05-23 11:53:39 1659

原创 input file的ui定制

input file的ui定制由于表单的file类型的外观无法通过css改变样式，加上在不同浏览器ui表现又有所不同，使得很多项目中非常需要可以自定义文件上传UI的方法。在这里，我提供两种在项目中常用的解决办法。1.模拟点击实现UI定制这种方法相对简单，原理是直接隐藏原有的file表单，直接在定制好UI的按钮上绑定单击事件，而单击事件中通过模拟点击file表单来

2013-05-22 17:56:06 1019

前端之路