- 博客(162)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 HTML5开发移动web应用——SAP UI5篇(3)
我们开始系统的进行SAP UI5的学习。SAP UI5采用的也是MVC的基础架构模型。在index.html中，我们需要做的内容如下：①引入相关的SAP UI5库文件②html标签编辑组件的盛放容器： class="sapUiBody" id="content">③编写相关的js代码（这个以后要放到单独的文件中）sap.ui.getCore().attachInit(fun
2016-02-07 11:02:09
1482
原创 HTML5开发移动web应用——Sencha Touch篇(9)
DataView用于数据展示，我们来看看具体是如何将数据应用于该组件实现可视化的。 Sencha Touch支持XML和JSON的数据格式。二者虽然数据类型不同，但是在Sencha Touch中的操作都是类似的。我们来以XML举例。因为之前接触的XML比较少，下面给出XML数据的基本格式：文件名：bookInfo.xml1image/html51.jpgH
2016-02-06 19:46:45
2736
原创 HTML5开发移动web应用——SAP UI5篇(2)
我们通过网上的一个小demo，学习一下SAP UI5基本代码的编写流程。这里在前面讲过的基本文件引入等这里就不重复介绍了。我们最后要做的是一个SAP UI5风格的表格，并添加了一些交互性很好的功能。首先在HTML中，编写如下简单内容即可： 这只是为了给UI5组件一个容器，让它们找到自己的位置。js代码实现主要功能。var oTable = new
2016-02-06 08:40:38
1409
原创 HTML5开发移动web应用——Sencha Touch篇(8)
DataView是Sencha Touch中最重要的组件，用于数据的可视化。数据可视化的重要性不言而喻，可以讲任何数据以形象的方式展示给用户。目前，如何更好地可视化是许多公司或框架都在追求的。通过数据的可视化可以发现数据之间的规律，预测未来的情况。下面我们就看看Sencha Touch中是怎么进行数据可视化的。 由于DataView组件内容非常多，所以将在以后的一段时间内持续这一部分的学
2016-02-05 20:14:38
2745
原创 HTML5开发移动web应用——Sencha Touch篇(7)
Sencha Touch中的Ext.DomHelper组件可以方便的实现对元素的追加或重写操作示例：launch:function(){function appendDom(){Ext.DomHelper.append(‘my-div’,{id:’url-list’,tag:’ul’, //指定追加的元素种类cn:[//或children，使用数组形式定义数组内的
2016-02-04 16:47:29
2969
原创 HTML5开发移动web应用——Sencha Touch篇(6)
本次我们来接触一下Sencha Touch中的AJAX以及 相应的后台PHP程序。实现表单的AJAX异步提交需要设定的参数：url:表单提交时的目标URL地址standardSubmit:使用布尔值指定表单提交方式（true为同步，false为异步，默认为false） baseParams属性可以在表单中指定var formPanel = Ext.create(‘E
2016-01-31 20:09:11
1313
转载 三层架构
三层架构已经学了一段时间,一直想做一个比较完整、比较完美的总结。但是左思右想，不知道如何下笔。都说万事开头难嘛，今天整理了一下凌乱的思路，哎，还是没整理好，想到哪就说到哪吧。 初学者很不理解：1，什么是三层？2，为什么使用三层？3，三层与以往使用的两层相比有什么不同？它的优势在哪里？4，如何学好三层？如何应用三层？……这篇博客里我会给
2015-12-30 21:18:06
909
转载 浅谈三层架构与MVC模式的区别
三层架构介绍:（点击链接即可见三层架构） MVC模式介绍：MVC全名是Model ViewController，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用于组织代码用一种业务逻辑和数据显示分离的方法，这个方法的假设前提是如果业务逻辑被聚集到一个部件里面，而且界面和用户围绕数据的交互能被改进和个性化定制而不
2015-12-30 21:17:01
1064
原创 jquery实现全文检索与鼠标滑过工具栏特效
1、鼠标滑过工具栏特效 lang="en" xmlns="http://www.w3.org/1999/xhtml"> charset="utf-8" /> 鼠标移动到div上时出现随鼠标移动的提示框 .hover{ widt
2015-12-15 22:34:38
1430
原创 js字符串主要操作方法
string.indexOf()//返回字符串中第一个与给定子串匹配的子串序号字符串的IndexOf()方法搜索在该字符串上是否出现了作为参数传递的字符串,如果找到字符串,则返回字符的起始位置 (0表示第一个字符,1表示第二个字符依此类推)如果说没有找到则返回-1 string.lastIndexOf()//同上，从结尾开始string.match()//在一个字符串匹
2015-11-26 14:03:25
897
原创 HTML5能为我们带来什么
说起HTML5，表面上是说它是HTML更新的第五个版本，而实际上，HTML5有很多内在的东西。正是因为HTML5的出现，使得web应用的开发变得更加方便快捷，更加标准化，提高了web应用的性能。可以说HTML5是web应用现在能够被广泛接受。
2015-11-20 22:52:04
1384
1
原创 ionic—基于web的移动端app开发框架(CSS篇1)
ionic是一款可以利用html5+css3+javascript搭建移动原生应用的一个工具。
2015-11-17 23:20:12
1210
原创 HTML5开发Web移动端APP技巧笔记——入门篇
一、以配置移动开发环境的方法很多初学者都因为不知道怎么才能将自己在电脑上写的页面放到手机中测试，其实很简单，只要有以下几个原材料就可以了：1、XAMMP或其他集成环境2、自己能用电脑开一个WiFi热点
2015-10-26 08:38:35
2753
原创 jQuery插件实战：slider.js/jquery.validate/jRating介绍
jquery三款实用插件介绍：slider.js/jquery.validate/jRating
2015-10-24 12:50:43
1123
原创 豆瓣API使用介绍及通过ajax跨域获取url的json数据的方法
一、豆瓣API简介及快速入门：例如想获取ID为1220562的图书相关信息，则请求如下：http://api.douban.com/v2/book/1220562，返回的为json，其中的信息包括：id;alt/rating(评分)/author/image/title/summary(简介)/attrs(包含一组jason数据，里面有出版社、出版日期、坐等、价格、书名、页数等等一些列
2015-09-19 22:31:45
8487
原创 CSS中flexbox的使用技巧及相关的移动web布局优化
Flexbox通常能让我们更好的操作他的子元素布局。1、开始使用flexbox布局的方法，代码如下：footer{display:flex;}2、接下来为footer添加flex-flow属性：flex-flow:row wrap; row表示按行显示，wrap设置当父元素过小时是否换行。注意flex-flow是flex-direction和flex-wrap两个
2015-09-18 19:04:09
1320
1
原创 grunt使用笔记
1、安装grunt:在项目目录下 npm intall grunt -g2、安装grunt-clinpm install grunt-cli -g3、安装插件npm install grunt-contrib-watch --save-dev......4、配置grunt建立grunt.js文件module.exports = function(grunt){
2015-09-13 21:31:36
723
原创 PHP面向对象的mysql数据库函数封装
PHP4.0之后的版本很大的优势更加注重面向对象的编程。一般情况下，我们用一般方法进行数据库操作要分开写很多方法。用面向对象的方法会增强开发效率。下面给出面向对象编程的mysql数据库操作相关代码： class mysql{private $host;private $root;private $pwd;private $database;private $c
2015-09-08 22:19:32
3160
原创 SEO优化方式
内容上的SEO方法（1）设计网站标题、关键字、描述（2）网站内容优化（增加关键字密度）（3）Robot.txt文件（4）网站地图（5）增加外链接引用代码：（1）网站结构布局优化（2）网站代码优化 网站结构布局优化：扁平化结构（层次结构比较清晰简介）（1）控制首页链接数量：增加数量也不能太多（中小型100个以内）（2）扁平化的目录层次（最好三层以内，及
2015-09-04 18:10:21
847
原创 PHP开发app接口（2）
用interface关键字定义，示例：interface video(){public function getVideos();public function getCount();//这都是虚拟的方法}接口的实现：【接口中给的所有方法都必须在示例中实现】class movie implements video{public function getVideo(){
2015-09-03 16:25:37
624
原创 Jquery Mobile入门笔记
1、初始化移动浏览显示2、引入jquery mobile的css文件和js文件 3、HTML5 date=*属性用于通过jquery mobile为移动设备创建交互外观示例：标题内容页脚在一个html文件中可以放多个date-page，但默认显示第一个data-page可以通过href的形式进行跳转，示例：页面跳转
2015-09-01 13:33:06
1664
1
转载 jQuery 常用方法总结
$("标签名") //取html元素 document.getElementsByTagName("")$("#ID") //取单个控件document.getElementById("")$("div #ID") //取某个控件中 控件$("#ID #ID") // 通过控件ID取其中的控件 $("标签.class样式名") //通过class来取控件
2015-09-01 07:50:47
720
原创 jquery一些方法总结
1、find()find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。示例：$("p").find("span").css('color','red');//搜索所有p标签中的后代 span 元素，并将其颜色设置为红色2、html()html() 方法返回或设置被选元素的内容 【就相当于修改el.innerHTML】3、ajax
2015-08-31 19:42:28
929
原创 用node.js+express.js+mongodb+jade开发一个完整的项目笔记（1）【页面即页面之间逻辑的制作】
用node.js+express.js+mongodb+jade开发一个完整的项目笔记之页面即页面之间逻辑的制作
2015-08-29 21:41:16
1820
原创 bootstrap常用功能快速入门以及常见问题解决方案
1、图片轮播：官网上的代码已经给的很清楚了，但是经常会出现问题。要做的很简单，首先引入jquery和bootstrap文件，再将官网上的html代码加上，最后加上一行js代码$('.carousel').carsousel();用于启动图片轮播，就可以了。要注意的问题：（1）js文件引入顺序：一定要先引入jquery.js文件再引入bootstrap.js文件，因为后者依赖前者，引用反
2015-08-29 14:38:00
1384
1
空空如也
关于ajax使用外部接口的问题
2016-11-02
问一个关于php传值问题在线等挺急的
2015-12-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人