fredaouyang-CSDN博客

原创三栏布局的几种实现方式

三栏布局的几种实现方式三栏布局顾名思义就是两边固定，中间自适应。三栏布局在开发中十分常见，比如淘宝首页。常见的三栏布局：即左边导航和右边导航固定宽度，中间的主要内容随浏览器自适应。1.流体布局左右模块各自向左右浮动，中间主体部分设置margin值使左右模块不遮挡住主体部分，中间宽度随浏览器自适应。缺点是主体内容无法最先加载，当页面内容较多时影响用户体验<!DOCTYPE html><htm

2017-07-27 20:55:53 743

转载 jQuery插件开发的模式和结构

原文地址jQuery插件开发一般来说，jQuery插件的开发分为两种：一种是挂在jQuery命名空间下的全局函数，也可称为静态方法；另一种是jQuery对象级别的方法，即挂在jQuery原型下的方法，这样通过选择器获取的jQuery对象实例也能共享该方法。一、在讲解jQuery插件基本结构和模式前，先介绍下两个重要的方法，还有不知啥原因，代码无法折叠，导致整体篇幅稍微有点长，阅读时请加

2017-07-26 15:00:21 340

原创 CSS3便利贴色号

分享几种便利贴色，觉得挺舒服的，收藏一下背景色是：#666666便利贴色从左直右依次是：#FFFFCC;#CCFFCC;#CCCCFF;#CCFFFF;#FFCCFF;

2017-05-04 20:30:06 787

原创 js数组去重

Document //数组去重 //构建一个新数组，将结果放在新数组中 //方法1：建构一个为false的标志，将原数组中的元素与结果数组中的元素进行循环比较，如果一发现重复，则马上标志为true，退出此次循环，如果原始数组中某个元素与结果数组中的元素一轮比较下来，标志还为false，则证明此元素不重复，则将那个元素放入结果数组中 function removeDuplicat

2017-04-19 20:16:26 233

转载 JSON和JSONP

原文地址前言：说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。而这就是本文将要讲述的内

2017-04-13 16:56:14 199

转载图片Base64编码

【前端攻略】：玩转图片Base64编码原文：http://www.cnblogs.com/coco1s/p/4375774.html?utm_source=tuicool&utm_medium=referral引言　　图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生，本文不是从纯技术的角度去讨论图片的 base64 编码

2017-04-12 20:47:43 373

原创写一个通用的事件侦听器函数

var EventUtil ={ // 得到事件 getEvent:function(event){ return event?event:window.event; }, //添加事件 addEvent:function(element,type,handler){ //DOM2级事件处理程序，false表示在冒泡阶段处理事件程序 if(element.ad

2017-04-12 15:33:55 1145

转载 http缓存

HTTP 缓存缓存并重用之前获取资源的能力是性能优化的一个关键方面转载自：https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching?hl=zh-cn通过网络获取内容既速度缓慢又开销巨大。较大的响应需要在客户端与服务器之间进行多次往返通信，

2017-04-12 10:01:47 396

原创如何对网站进行性能优化

1、尽可能减少HTTP请求：图片合并（css sprites），Js脚本文件合并、css文件合并2、减少DNS查询DNS查询服务指域名查找，指将请求的域名转化为对应的IP地址，就如姓名和门牌号的关系。如输入www.baidu.com DNS系统会将此域名转化为119.75.217.109，然后将IP地址返回给浏览器，这个过程会花费一定的时间，影响页面的加载，所以要尽可能减少DNS查询。

2017-04-12 09:53:30 6796

转载页面渲染之重排reflow和重绘repaint

页面是怎么把html结合css等显示到浏览器上的：、1、浏览器把获取到的HTML代码解析成1个DOM树，HTML中的每个tag都是DOM树中的一个节点，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。2、浏览器把所有样式（用户定义的css和用户代理）解析成样式结构体。3、DOM Tree和结构体组合后构建render tree

2017-04-11 21:17:01 678

原创 cookie、localStorage、sessionStorage

Cookie大小限制为4kb左右，它的主要用途是保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。HTML5 Web存储一个比cookie更好的本地存储方式使用HTML5可以在本地存储用户的浏览数据。早些时候，本地存储使用的是cookie，但是Web存储需要更加的安全与高速，这些数据不会被保存在服

2017-04-11 12:55:21 316

原创 js数组排序sort方法

sort() 方法在适当的位置对数组的元素进行排序，并返回数组。 sort 排序不一定是稳定的。默认排序顺序是根据字符串Unicode码点。var fruit = ['cherries', 'apples', 'bananas'];fruit.sort(); // ['apples', 'bananas', 'cherries']var scores = [1, 10, 21, 2];

2017-03-31 16:27:03 1159

原创 Node.js初识

Node.js：Node.js是构建在Chrome上的js运行时的一个平台，Node.js使用事件驱动的、非阻塞式的I/O模型。node.js是单进程单线程。关于node.js使用事件驱动以及非阻塞式，可以理解为下面的例子：当你去肯德基点餐，当轮到你的时候，你点好餐，如果收银员此时等到你的食物给你之前都只为你服务，那么这个进程就是阻塞式的。而如果收银员让你点好餐后，让你拿好号码牌在旁边等着

2017-03-23 10:33:09 282

原创 replace()结合正则表达式

为了简化替换字符串的操作，ECMScript提供了replace()方法，这个方法提供两个参数，第一个参数可以使一个字符串或RegExp对象，第二个参数可以是一个字符串或者一个函数。基础知识$& 匹配整个模式的子字符串。与RegExp.lastMatch的值相同$' 匹配的子字符串之前的字符串，与RegExp.leftContext的值相同$` 匹配的子字符串之后的字符串，与Reg

2017-03-10 16:34:53 11024

原创百度前端学院小薇学院task7笔记

1、纯css拉菜单默认样式 hahaha honghonghong heihei 默认样式如图： select{ /*设置边框*/ border: 2px solid s

2017-03-10 09:52:10 314

原创在浏览器地址栏输入一个URL后回车,将会发生的事情

当用户在搜索框输入URL后一：浏览器通过域名查找对应的IP地址，是通过负责域名解析的DNS服务来实现的二：浏览器向Web服务器发送一个HTTP请求，请求的方式主要分为四种：get、post、put、delete（查、改、增、删）。get：向服务器查找某些数据，请求访问资源post：向服务器发送应该被保存的数据put：传输文件delete：删除文件head：获得报文头部（

2017-02-28 22:06:05 467

原创 Javascript中的apply()、call()以及伪数组

每个函数都包含两个非继承而来的方法，call()和apply()call和apply用途这两个方法的用途都是使函数能在特定的作用域中运行（改变函数运行时的作用域），换言之就是可以设置函数中this对象的值。apply()方法接收两个参数，一个是在其中运行函数的作用域，另一个是参数数组，举一个例子： function product(){} product.prototype=

2017-02-26 15:34:04 404

原创引用类型和值类型

在js中，值类型有：undefined、number、Boolean、string等基本类型引用类型有：函数、数组、json类型{“a”:5,”b”:20}等都是对象，都是引用类型值类型内存分配和引用类型内存分配是不同的值类型：创建一个变量，新建一个内存区域引用类型：创建一个变量，内存中保存的是变量入口地址。引用类型会分配两个区域，一个保存地址，一个保存内

2017-02-26 12:35:37 283

原创动态生成HTML元素并为元素追加属性

动态生成HTML元素的方法由三种：第一种：document.createElement()创建元素，再用appendChild( )方法将元素添加到指定节点;添加a元素： var link = document.createElement('a'); link.setAttribute('href','#'); li

2017-02-22 11:14:45 10034 1

原创正则表达式

ECMscript通过RegExp类型来支持正则表达式。创建正则表达式：var reg = /pattern/ flags;（pattern代表任一正则表达式，每一正则表达式带有一个或多个flag，表明正则表达式的行为），正则表达式的匹配模式支持下列三个标志。g：表示全局,模式应用于所有字符串。/*匹配字符串中所有a*/var pattern1 = /a/g;i:不区分大小写模式

2017-02-21 21:16:47 321

转载单位rem

rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位

2017-01-11 10:13:43 406

原创 2017.1.08用bootstrap构造响应式轮播图

要求：利用bootstrap中的carousel插件创建一个响应式轮播图，轮播图要求是：1、当屏幕为大屏幕时让轮播图中的图片大小为2000px*410px大小，当屏幕宽度小于768px时，轮播图中的图片大小为640px*340px；2：当屏幕为小屏幕时，:屏幕进行缩放时，高度并不固定，高度能随着水平缩放进行缩放；3：当浏览器是手机模式时，是轮播图能够跟随用户手指的触摸进行滑动。HTML

2017-01-08 16:53:06 1778

原创 2017.1.4 jQuery中的data()方法和each（）方法

jQuery中的data（）方法用于向被选元素提取数据，或者向被选元素附加数据向被选元素提取数据语法：$(selector).data(name),name为规定要提取的数据名称向被选元素附加数据语法：$(selector).data(name,value)例如： jQury.data()$(function(){ var $me=$(".me

2017-01-04 15:11:30 432

原创 2016.12.30 加号选择器

加号选择器：相领兄弟选择器，假如有a、b两元素，b元素紧跟在a元素的后面，且a、b元素拥有相同的父元素。如果想选择b元素，此时可以用加号选择器。例如：为导航栏加入右边框，除第一个元素外： Document li{ list-style: none; float: left; margin-left: 10px; } li+li{

2016-12-30 20:47:30 284

原创 2016.12.21

window.onload与jQuery(document).ready()区别：1.window.onload()方法必须等网页中所有的元素（包括外联元素，如图片、音频等）都加载到浏览器才能执行，即Javascript此时才可以访问网页中的任何元素，jQuery(document).ready()方法只需要等到网页中DOM结构绘制完毕后就执行，不需要等到与网页中相关联的文件都下载完毕。2

2016-12-21 22:04:45 197

转载 JSONP

JSON和JSONP （含jQuery实例）（share）来源：http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.htm说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定

2016-12-13 12:58:34 301

转载 HTTP中POST请求与GET请求的区别

转载了博客园中的文章~~　Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符，我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的查，改，增，删4个操作。到这里，大家应该有个大概的了解了，GET一般用于获取/查询资源信息，而POS

2016-12-09 09:23:51 492

原创计算机中一些简单的概念

客户服务器模式（Client Server Model）：简称为C/S结构，把客户端与服务器区分开来。客户端：浏览网页、听音乐、看视频......服务器端：网页服务、文件下载服务、邮件服务、视频服务。比如在百度上浏览文章，此时的电脑和浏览器就是客户端，组成百度的电脑、数据库和应用程序就是服务器，当浏览器向百度请求一片文章时，百度从百度的数据库中搜索文章，然后组成一个网页返回

2016-12-07 19:03:19 360

fredaouyang的博客