S_liuxin_S-CSDN博客

原创前端性能优化

开发网站的过程中我们会经常遇到各种性能优化问题，有时候会因为一些前端代码冗余或者请求过多的问题导致页面加载过慢或者交互不友好等情况的出现。所以怎么样优化前端性能就是一个必须要考虑的问题。前端优化可以从以下几个方面入手：（1）减少http请求，合理设置 HTTP缓存在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服务器发

2017-09-04 00:31:37 363

原创 xml相关知识简介

可扩展标记语言，标准通用标记语言的子集，是一种用于标记电子文件使其具有结构性的标记语言。在电子计算机中，标记指计算机所能理解的信息符号，通过此种标记，计算机之间可以处理包含各种的信息比如文章等。它可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。XML：（1）XML 指可扩展标记语言（EXtensible Markup Langu

2017-09-03 23:52:00 348

原创 svg绘制简单图形

网页开发过程中我们会经常使用svg绘制图形，svg具有非常强大的图形构建能力。SVG 有一些预定义的形状元素，可被开发者使用和操作：矩形圆形椭圆线折线多边形路径（1）标签可用来创建矩形，以及矩形的变种。svg PUBLIC "-//W3C//DTD SVG 1.1//EN""http://www.w3.org/Graphi

2017-09-03 23:11:08 785

原创 svg相关知识简介

在网页开发过程中，我们可能会用到一下图形化的操作，如构建一个2d模型或者3d模型，或实现一个画布等，此时我们可能会用到canvas或者svg这些前端图形操作的插件。那么svg和canvas的区别在于哪里呢？canvas：Canvas是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等。svg：SVG 指可伸缩矢量图形 (Scalabl

2017-09-03 22:43:06 436

原创 css浮动和清除浮动

Css样式的float浮动属性，用于设置标签对象（如：标签盒子、标签、标签、标签等html标签）的浮动布局，浮动也就是我们所说标签对象浮动居左靠左（float:left）和浮动居右靠右(float:right)。一般情况是一个盒子里使用了CSS float浮动属性，导致父级对象盒子不能被撑开，这样CSS float浮动就产生了。本来两个黑色对象盒子是在红色盒子内，因为对两个黑色

2017-09-03 22:25:12 558

原创 ajax 的过程

我们在开发网站的过程中会用经常用到异步请求，也就是所谓的ajax请求，一般前端发送一个ajax请求需要经历以下过程：(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象不同的浏览器使用的异步调用对象也有所不同在IE浏览器中创建XMLHttpRequest对象的方式如下所示: var xmlHttpRequest = new ActiveXObject("Mi

2017-09-03 20:55:00 263

原创 jQuery的事件委托方法bind、live、delegate,on之间的区别

jQuery中提供了四种事件监听方式，分别是bind、live、delegate、on，对应的解除监听的函数分别是unbind、die、undelegate、off。1，bindbind()向匹配元素添加一个或多个事件处理器。$(selector).bind(event,data,function)bind是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听

2017-09-03 19:29:19 1809

原创 CSS Hack

CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要

2017-09-03 19:07:03 318

原创 js闭包

闭包，顾名思义就是将某个东西包装起来，在js中则是通过包装来限定变量的作用域，可将变量分为全局变量和局部变量，当然，不仅仅是变量，也可限定函数的作用域，如内联函数等。全局变量：（1）在web页面中全局变量属于 window 对象。（2）全局变量可应用于页面上的所有脚本。（3）它的作用域是全局的。var a = 4;function myFunction() {

2017-09-03 15:50:36 341

原创 js原型，原型链

原型：在JavaScript中，原型也是一个对象，通过原型可以实现对象的属性继承，每个函数都有一个prototype属性，当一个函数被用作构造函数来创建实例时，这个函数的prototype属性值会被作为原型赋值给所有对象实例（也就是设置实例的`__proto__`属性），也就是说，所有实例的原型引用的是函数的prototype属性。那么prototype和__proto__的区别是什么

2017-09-03 14:36:00 318

原创 js构造函数

在JavaScript中，创建对象的方式包括两种：对象字面量和使用new表达式。对象字面量是一种灵活的创建方式，如下：var obj = { name:"I'm tom", getName:function(){ return this.name; }}这样就创建了一个obj对象，它具有一个成员变量name以及一个成员方法getName，这

2017-09-03 13:44:15 494

原创 js事件捕获或和事件冒泡

js的事件捕获和事件冒泡发生在dom节点绑定事件触发的过程中，事件捕获指的是从document到触发事件的那个节点，即自上而下的去触发事件。相反的，事件冒泡是自下而上的去触发事件，事件捕获和事件冒泡属于两个相反的过程。一般的，事件分为三个阶段：捕获阶段、目标阶段和冒泡阶段。（1）捕获阶段事件从文档的根节点流向目标对象节点，途中经过各个层次的DOM节点，并在各节点上触发捕获事件，直到

2017-09-02 18:29:05 351

原创 HTML5新特性

HTML5 是下一代的HTML,将成为 HTML、XHTML 以及 HTML DOM 的新标准。主要是关于图像，位置，存储，多任务等功能的增加，主要有以下特性：(1)绘画 canvas;是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对

2017-09-02 17:12:03 307

原创 JavaScript解决跨域的几种方式

js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。一般情况下浏览器会阻止这些请求，认为这是不安全的，有以下几种解决措施。一、通过jsonp跨域在js中，我们直接用XMLHttpRequest请求不同域上的数据时，是不可以的。但

2017-09-02 16:47:17 595

原创网页布局，绝对定位和相对定位

开发网页的过程中我们会经对dom元素定位，一般有一下几中定位方式：1，static：,对象遵循正常文档流。top，right，bottom，left等属性不会被应用，通过margin，padding等属性来设置元素的位置 2，relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。3， a

2017-09-02 14:17:31 1698

在网页设计中，我们经常会用各种块内元素或者行内元素来搭建整个页面，传统的网页就是一个一个的块堆叠起来的，我们可以把这些块状结构抽象成为一个又一个的盒子，盒子有内容(content)、填充(padding)、边框(border)、边界(margin)这些属性，而用css来控制这些属性来布局页面是在日常开发网页中最常用的一中方式，我们称之为css盒子模型。但css盒子模型有分为标准盒子模型和ie盒子模型。

2017-08-31 20:51:16 302

原创 form表单的多种提交方式

在项目开发中自己总结的form表单的集中提交方式：1，提交按钮提交表单。例：html>lang="en"> charset="UTF-8"> action="" method="post" onsubmit="return checkForm()"> type="text" name="username" id="name"> type=

2016-03-30 10:20:46 11956 1

S_liuxin_S的博客