yyl50-CSDN博客

原创 boostrape 栅栏总结

栅栏格针对不同的设备设置了不同的样式,在比如,在同一个元素上使用了两个不同的class,那么bootstrap会根据设备屏幕的大小来选择合适的样式使用,如果设备的屏幕大小不在类的范围内,那么它会忽略这两个类; 通常栅栏格的每个样式类依附在.row类的基础之上,而row通常都会在.container类中进行; 通过控制浏览器的宽度可以发现堆叠和水平排列的效果变化,在浏览器的宽度比较小的话,栅

2015-08-08 18:55:32 1090

原创前端优化总结

前端开发工作者可以控制的是什么呢？那就是xhtml，css，js的代码及相应的修饰（背景）图片。下面我就根据我自己的经验来说说：一、提倡前端开发工程师在书写xhtml的时候做到结构语义化。结构中主要包括了head和body两个部分，但是我们经常说的是结构语义化主要是body中的标签，但是我在这里还是简单的说一下head，head中其实包括了一些对于我们seo很有用的一些东西，比如t

2015-08-08 16:56:43 282

原创 web前端优化

一、html页面优化 1.css文件放在head，js文件放在html尾部（的前面即可）因为：下载某一个js时其他任务是暂停的，需要等这个JS下载并执行完毕后再下载其他的。 2.尽量减少标签，不多用一个标签比如:clear清除浮动用:after 3.减少dns查询每引用一个来自外部的文件，就会有一个dns查询，一般对首次访问网站的速度会有影响。 4.

2015-06-20 21:43:25 369

原创 WebApp开发之--"rem"单位

一、rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。区别：它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。二、为什么web

2015-06-20 21:14:54 374

原创 web前端优化总结

一、html页面优化 1.css文件放在head，js文件放在html尾部（的前面即可）因为：下载某一个js时其他任务是暂停的，需要等这个JS下载并执行完毕后再下载其他的。 2.尽量减少标签，不多用一个标签比如:clear清除浮动用:after 3.减少dns查询每引用一个来自外部的文件，就会有一个dns查询，一般对首次访问网站的速度会有影响。 4.

2015-06-20 21:03:41 306

原创 js技术

1、考察this var length = 10; function fn() { console.log(this.length); } var obj = { length: 5, method: function(fn) { fn(); arguments[0]();

2015-04-04 16:53:40 411

原创个人对aop的理解

此前对于AOP的使用仅限于声明式事务，除此之外在实际开发中也没有遇到过与之相关的问题。最近项目中遇到了以下几点需求，仔细思考之后，觉得采用AOP 来解决。一方面是为了以更加灵活的方式来解决问题，另一方面是借此机会深入学习Spring AOP相关的内容。本文是权当本人的自己AOP学习笔记，以下需求不用AOP肯定也能解决，至于是否牵强附会，仁者见仁智者见智。对部分函数的调用进行日志记录，用于观

2015-03-22 18:29:24 485

原创 directive小demo

分享directive小demo Directive Html var app = angular.module('Demo', [], angular.noop); app.directive('ysBlock', function(){ return { compile: angular.noop,

2015-03-16 21:33:04 326

转载个人对ui-router的理解

路由 Route 为什么用 Route AJAX 请求不会留下 History 记录用户无法直接通过 URL 进入应用中的指定页面(保存书签、链接分享给朋友) AJAX 对 SEO 是个灾难 var bookStoreApp = angular.module('bookStoreApp', [ 'ngRoute', 'ngAnimate', 'bookS

2015-03-15 21:59:27 546

原创 phoengap百度云推送插件（android）

该插件是基于百度云推送而定制开发。需要您到百度云推送网站去注册申请百度云推送的appkey。如何申请可以去百度开发者中心查看。 1.下载百度云推送的 sdk包 2.解压sdk包把相应的lib文件夹下的库文件拷贝到你当前项目的lib文件夹下面。并将该库文件引入到你的项目中。jar包添加到工程的Java Build Path。 3.下载百度推送提供的de

2015-03-13 21:20:50 937

原创浅谈 Mobile Angular UI

这是一个让我蛋疼的轻量级框架，用Mobile Angular UI +phoneGap+angularjs+bookstrap来进行webapp移动开发，首先在phonegap环境下来进行开发，运用Mobile Angular UI 的组件来进行开发能够方便的运用自带的组件，其实用jquerymobile+phoneGap也可以用来进行webapp开发，开个人喜好罢了，个人认为angularj

2015-03-12 21:59:36 2632

转载 angularjs用于移动开发

最近几个月,我一直在分享不同版本的“员工目录”示例应用程序，使用不同技术堆栈,不同的框架,和不同的后端(REST服务)实现。最新版本包括: Employee Directory with Backbone.js, RequireJS, and Twitter BootstrapEmployee Directory with Backbone.js, RequireJS, Topcoat an

2015-03-11 22:31:28 552

转载 mina框架详解

Apache Mina Server 是一个网络通信应用框架，也就是说，它主要是对基于TCP/IP、UDP/IP协议栈的通信框架（当然，也可以提供JAVA 对象的序列化服务、虚拟机管道通信服务等），Mina 可以帮助我们快速开发高性能、高扩展性的网络通信应用，Mina 提供了事件驱动、异步（Mina 的异步IO 默认使用的是JAVA NIO 作为底层支持）操作的编程模型。Mina 主要有1.x

2015-03-09 22:38:22 501

原创浅谈Ionic

原生应用通常跑起来会更快、更平稳，带给用户的体验也更出色。然而Web设计者/开发者也一直在寻找着一种工具，将原生应用的体验带到Web技术中。Ionic是一个前端的框架，帮助开发者使用HTML5、CSS3和JavaScript做出原生应用。 Ionic不能完全取代PhoneGap和JavaScript框架的作用，但是它在前端的交互设计功能十分强大。这个框架除了带有SASS服务和各种各样的Angul

2015-03-09 20:21:20 359

yyl50的专栏