- 博客(79)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 css 清楚浮动的8种方式
清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全，共8种方法。 浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。下面总结8种清除浮动的方法（测试已通过 ie
2015-08-24 10:36:39
2565
原创 SEO 优化注意事项
一．站内优化1.做好HTML头标签标题（title）：标题是网页优化中相当有分量，一般网页title主要包含一些关键词、网站名称等。关键词（keyword）：重要性大家都知道！关键词设定要参考热度、百度指数等一些手段，当然选择这些的前提要与自己网站的主题相关。关键词不宜多，一般就是1-3个。描述（description）：主要是对网站的一个介绍，虽然没有前两个标签在搜索引擎蜘蛛眼中
2015-08-12 09:13:49
756
转载 CSS hack
什么是CSS hack由于不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时，我们为了获得统一的页面效果，就需要针对不同的浏览器或不同版本写特定的CSS样式，我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程，叫做CSS h
2015-08-12 07:50:38
488
原创 HTTP请求详解
1. HTTP请求格式 做过Socket编程的人都知道，当我们设计一个通信协议时，“消息头/消息体”的分割方式是很常用的，消息头告诉对方这个消息是干什么的，消息体告诉对方怎么干。HTTP协议传输的消息也是这样规定的，每一个HTTP包都分为HTTP头和HTTP体两部分，消息体是可选的，而消息头是必须的。每当我们打开一个网页，在上面点击右键，选择“查看源文件”，这时看到
2015-08-11 20:41:36
8906
原创 js实现继承的多种方式
1：原型链方式，即子类通过prototype将所有在父类中通过prototype追加的属性和方法都追加到Child，从而实现了继承 function Person(){ } Person.prototype.hello = "hello"; Person.prototype.sayHello = function(){ alert(this.hello);
2015-08-08 22:32:08
899
原创 javascript中 addEventListener和attachEvent以及element.onclick的区别
attachEvent是ie添加事件处理程序，接收两个参数，其中事件类型名称要加"on"，可以添加多个事件处理程序，按照添加顺序相反的顺序触发;addEventListener是给非ie添加事件处理程序，接收三个参数，第一个是事件名，不需要加“on”，第二个是绑定的函数，第三个参数是一个布尔值，是事件的方式，意思是是否使用useCatch方式，如果是false，就使
2015-08-02 09:32:13
1849
原创 从JavaScript 数组去重看兼容性问题，及性能优化（摘自玉伯博客）
缘由JavaScript 数组去重经常出现在前端招聘的笔试题里，比如：有数组 var arr = ['a', 'b', 'c', '1', 0, 'c', 1, '', 1, 0]，请用 JavaScript 实现去重函数 unqiue，使得 unique(arr) 返回 ['a', 'b', 'c', '1', 0, 1, '']作为笔试题，考点有二： 正确。别小看这个考点...
2015-08-01 19:53:16
2245
原创 js预加载/延迟加载
js预加载/延迟加载 博客分类： · javascript浏览器面试Chrome腾讯jQuery 在面试中问道了问题，虽然也看过相关资料，但是还是需要增强和梳理下，这些方式出现的需求和实现上的区别。 Pre loader 预加载一般有两种常用方式：xhr和动态插入节点的方式。动态插入节点是最为简单也最为广泛的一种异步加载方式，然后使用动态插入节点方法加载的文件都会在加载后立
2015-08-01 16:58:56
1483
原创 spa（单页面应用）的优缺点
优点：spa（单页面应用）1、用户体验好、快，内容的改变不需要重新加载整个页面，避免了不必要的跳转和重复渲染。2、基于上面一点，SPA相对对服务器压力小。缺点：1： seo 不利于搜索引擎优化2： 初次加载页面更耗时3：前进、后退、地址栏等，需要程序进行管理；4、书签，需要程序来提供支持；
2015-08-01 12:23:15
9323
原创 http各种状态码详解
1XX （临时响应） 100(继续) 请求者应当继续提出请求。 101（切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换2XX（成功） ·200（成功） 服务器已成功处理了请求。 ·201（已创建） 请求成功并且服务器创建了新的资源。·202（已接受） 服务器已接受请求，但尚未处理。·203（非授权信息）服务器已成功处理了请求，但返回的信息
2015-08-01 08:27:59
701
原创 常见兼容性问题集合
* png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.也可以引用一段脚本处理.* 浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。* IE6双边距bug:块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大。 * 浮动ie产生的双倍距离（IE6双边距问题：在IE
2015-07-31 09:42:33
643
原创 angular2.0新特性总结
1:$scope将从Angular 2.0中移除，取而代之的是ES6类。2：双向数据绑定：因双向数据绑定在大型应用中带来的问题 Angular 2.0引入了无回路有向图的单向结构概念。3: 依赖注入 2.0还希望通过懒加载来引入依赖注入。4: 模块化 将肯定使用ES6的模块语法5:组件通信 ：除了$broadcast 和 $emit，2.0还有一些小得变化，1）你可以
2015-07-31 09:09:04
1963
原创 输入url发生了什么
1.浏览器查询缓存，如果有缓存，则直接跳到第9步2.浏览器询问操作系统服务器ip3.操作系统做dns查询，返回ip地址给浏览器4.浏览器打开对服务器的tcp连接(如果是https的话则更复杂)5.浏览器通过tcp发送http请求6.浏览器接收响应并且可能关掉Tcp连接，或者是重新使用连接处理新请求7.浏览器检查响应是否为一个重定向(3xx结果状态码)，或者是重新使用连接处理
2015-07-31 09:01:19
1332
原创 Html5 与CSS3中的新特性
Html5 绘画 canvas 元素 用于媒介回放的 video 和 audio 元素 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失； sessionStorage 的数据在浏览器关闭后自动删除 语意化更好的内容元素，比如 article、footer、header、nav、section 表单控件，ca
2015-07-31 08:59:40
15870
1
原创 cookie 与html5 中的localstorage 与sessionstorage的异同
Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。Web Storage拥有setItem,getItem,removeItem,clear等方法，操作简单 不像cookie需要前端开发者自己封装setCookie，getCookie。Cookie的作用
2015-07-30 20:10:21
1088
原创 es6 新特性
1: 引入了class 定义方法可以不用function了 class Project { constructor(name) { this.name = name; }2：支持继承 extends 是js原型继承 OO面向对象的福音 class WebProject extends Project { constructor(name, tech
2015-07-25 22:30:06
473
转载 构建自己的AngularJS
Angular是一个成熟和强大的JavaScript框架。它也是一个比较庞大的框架，在熟练掌握之前，需要领会它提出的很多新概念。很多Web开发人员涌向Angular，有不少人面临同样的障碍。Digest到底是怎么做的？定义一个指令（directive）有哪些不同的方法？Service和provider有什么区别？Angular的文档挺不错的，第三方的资源也越来越丰富，想要学习一门新的技术，
2015-07-24 21:07:47
618
转载 chrome developer tool 调试技巧
这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异.常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-ex
2015-07-11 08:23:03
561
原创 js闭包理解
一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一方面，在函数外部自然无
2015-06-25 11:18:58
436
原创 大数据和云计算
大数据和云计算大数据是指那些超过传统数据库系统处理能力的数据。它的数据规模和转输速度要求很高，或者其结构不适合原本的数据库系统。举个列子：某Q的聊天记录，每天都有上亿的聊天记录产生，于是有商家就找到它通过大数据分析得出他们想要的一些用户的行为习惯。如果一个酒厂想要生产某种酒，它就可以找到某Q提取某个地区内的人的聊天记录得出他们平常聊天时所提到的最多的酒，然后进行针对性的销售。
2015-06-25 10:07:52
829
转载 试试 ECMAScript 6
原文地址：http://www.2ality.com/2014/08/es6-today.html 原文作者：Dr. Axel Rauschmayer （ 译者： 可以在此处了解 ES5.1 的情况 ） ECMAScript 6 （ES6）听起来依旧感觉离我们很远。毕竟，它要到2015年中旬才能成为标准。但是，它的一些特性逐渐出现在一些浏览器中，有其内置的
2015-06-24 18:14:41
867
转载 js中几种实用的跨域方法原理详解
js中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题，我们可以
2015-06-22 16:35:58
467
转载 十个JavaScript中易犯的小错误，你中了几枪？
在今天，JavaScript已经成为了网页编辑的核心。尤其是过去的几年，互联网见证了在SPA开发、图形处理、交互等方面大量JS库的出现。如果初次打交道，很多人会觉得js很简单。确实，对于很多有经验的工程师，或者甚至是初学者而言，实现基本的js功能几乎毫无障碍。但是JS的真实功能却比很多人想象的要更加多样、复杂。JavaScript的许多细节规定会让你的网页出现很多意想不到的bug，搞懂这些
2015-06-08 11:22:28
537
转载 使用 AngularJS 从零构建大型应用
0、导言1、准备工作2、构建框架3、丰富你的directives4、公用的services5、用controllers组织业务导言纵览线上各种AngularJS教程，大部分都是基础与一些技巧分析。如果你已经能运行你的ng-app，但又找不到实际案例可以参考。那么本文应该对您有所帮助。本文将以电商产品：友好速搭 其中的 店铺后台 作为的实际案例，裸奔展示如何从零构建“自以为大
2015-05-15 14:44:02
2640
原创 为什么 HTTP 有时候比 HTTPS 好？
做为一家安全公司,我们在站点Stormpath上经常被开发者问到的是有关安全方面最优做法的问题。其中一个被经常问到的问题是:我是否应当在站点上运行HTTPS？很不幸，查遍整个因特网，你大多数情况下会得到同样的建议：加密所有的东西！对所有站点进行SSL加密等等！然而，现实情况表明这通常不是一个好的建议。许多情况下使用HTTP比使用HTTPS
2015-04-29 15:55:47
428
转载 用angularjs遇到的坑们
最近在用angularjs做一些东西，由于学艺不精，对angularjs了解不够，导致经常会不小心掉进一些自己挖的坑里(⊙_⊙)，在这里记下来，谨防又踩。1、angularjs ng-show not working在页面中用到了pagination 分页插件pagination total-items="bigTotalItems" page="bigCurrentPage" m
2015-04-28 20:05:58
452
原创 限定$scope的范围
限定$scope的范围Javascript基于原型的继承与面向对象中基于类的继承有着微妙的区别，这通常不是什么问题，但这个微妙之处在使用$scope时就会表现出来。在AngularJS中，每个$scope都会继承父$scope，最高层称之为$rootScope。（$scope与传统指令有些不同，它们有一定的作用范围i，且只继承显式声明的属性。）由于原型继承的特点，在父类和子类间共享
2015-04-15 20:29:58
636
原创 最常见的 20 个 jQuery 面试问题及答案
毫无疑问，jQuery给了JavaScript急需的提振，这是一门如此有用，但同时总是常常被低估的语言. 在 jQuery 粉墨登场之前，我们曾经会写出冗长的JavaScript代码，不仅仅为更大型的应用程序，有时即使是更小的应用程序也要如此. 那种代码常常是既难以阅读又难以维护的.在使用这个优秀的库之前写过原生的JavaScript，仅仅在用过它的一个月之后，我就能意识到jQ
2015-04-15 19:01:54
457
原创 java正则表达式
众所周知，在程序开发中，难免会遇到需要匹配、查找、替换、判断字符串的情况发生，而这些情况有时又比较复杂，如果用纯编码方式解决，往往会浪费程序员的时间及精力。因此，学习及使用正则表达式，便成了解决这一矛盾的主要手段。 大 家都知道，正则表达式是一种可以用于模式匹配和替换的规范，一个正则表达式就是由普通的字符（例如字符a到z）以及特殊字符（元字符）组成的文字模式，它 用以描述在查找文字主体时待匹配
2015-04-10 18:04:47
515
原创 AngularJS的学习 $on、$emit和$broadcast的使用
AngularJS中的作用域有一个非常有层次和嵌套分明的结构。其中它们都有一个主要的$rootScope(也就说对应的Angular应用或者ng-app)，然后其他所有的作用域部分都是继承自这个$rootScope的，或者说都是嵌套在主作用域下面的。很多时候，你会发现这些作用域不会共享变量或者说都不会从另一个原型继承什么。那么在这种情况下，如何在作用域之间通信呢？其中一个选择就是在应用程序
2015-04-06 11:20:29
1158
原创 javascript中的全局变量，局部变量，this易错点
var foo = 1; function main(){ alert(foo); var foo = 2; alert(this.foo) this.foo = 3;} main();//结果undefined和1，第一个undefined是因为虽然 var foo = 1，为全局变量，但是在函数体main（）中，要调用此全局变量需加w
2015-04-02 20:58:41
606
转载 java延时设置
延时执行 间隔某段时间之后，再去执行某段代码，实现这种结果有两种方式： 1）使用Sleep方法，就是去新建一个线程，然后里边放一个Thread.sleep()方法，这也是比较通俗的做法。 new Thread(){ public void run(){ try {
2015-03-29 16:25:37
1643
转载 javascript 闭包
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码 var n=999; fun
2015-03-19 21:18:15
555
转载 Oracle各种不正常现象解决方法
windows 2008上启用防火墙后Oracle tnsping不通的解决办法1、解决方法：很简单，windows2008防火墙将Oracle 1521端口给封了，新建并开启就行了。当然，如果你的listener是其他端口，按照下述方法把其他的端口开了，也就可以了。在cmd中，输入：C:/Users/Administrator>netsh firewall set p
2015-03-15 17:25:41
813
原创 关于oracle11g数据库的安装，创建实例，创建表空间，授权完整版
安装教程详见：http://jingyan.baidu.com/article/d45ad148f299e969552b8094.html创建实例详见：http://jingyan.baidu.com/article/ca2d939d2c4baceb6c31ceb4.html 1.假如现在已经建好名为'news'的数据库，此时在F:\oracle\product\10.1.0\
2015-03-15 17:17:57
5684
原创 关于spring hibernate连接oracle数据库的配置
jdbc.properties文件配置如下driverClassName=oracle.jdbc.driver.OracleDriverurl=jdbc\:oracle\:thin\:@localhost\:1521\:database=OAusername=oapassword=oainitialSize=2maxActive=10maxIdle=2minIdle=2rem
2015-03-12 22:14:35
9529
原创 Spring @Resource
当你需要定义某个类为一个bean，则在这个类的类名前一行使用@Service("XXX"),就相当于讲这个类定义为一个bean，bean名称为XXX;当需要在某个类中定义一个属性，并且该属性是一个已存在的bean，要为该属性赋值或注入时在该属性上一行使用@Resource(name="xxx")，相当于为该属性注入一个名称为xxx的bean。@Resource装配顺序 1
2015-03-09 22:30:07
547
转载 angularJs HTTP响应拦截器
为何要用拦截器？任何时候，如果我们想要为请求添加全局功能，例如身份认证、错误处理等，在请求发送给服务器之前或服务器返回时对其进行拦截，是比较好的实现手段。 angularJs通过拦截器提供了一个从全局层面进行处理的途径. 拦截器允许你:通过实现 request 方法拦截请求: 该方法会在 $http 发送请求道后台之前执行，因此你可以修改配置或做其他的
2015-03-08 14:25:24
3200
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人