2017年03月_梦颖飞燕

转载 css最核心的几个概念

本文将讲述 CSS 中最核心的几个概念，包括：盒模型、position、float等。这些是 CSS 的基础，也是最常用的几个属性，它们之间看似独立却又相辅相成。元素类型HTML 的元素可以分为两种：块级元素（block level element）内联元素（inline element 有的人也叫它行内元素）两者的区别在于以下三点：块级元素会独占一行（即无

2017-03-30 22:15:05 201

转载原型对象

一、理解原型对象创建的每一个函数都有一个prototype属性，它指向这个函数的原型对象。利用原型模式创建的方法和属性是被所有实例所共享的。function Person(){}Person.prototype.name="dwqs";Person.prototype.age=20;Person.prototype.sayName=function(){ alert(t

2017-03-30 21:56:36 258

原创响应式布局

响应式布局就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。做法：就是在样式中用media属性做法一：内嵌样式中做法二：链接样式中//HTML Document //main //css中 *{margin:0;padding:0;}#box{ width:500px; height:500px; b...

2017-03-29 16:26:18 189

转载 JavaScript初学者应注意的七个细节

每种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节，与大家分享。（1）简化代码 JavaScript定义对象和数组非常简单，我们想要创建一个对象，一般是这样写的： 12

2017-03-29 15:50:20 265

原创 JavaScript数据类型

ECMAScript中，变量可以存放两种类型（简单数据类型和引用类型）的值，即原始值和引用值。原始值是存储在栈中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。引用值是存储在堆中的对象，也就是说，存储在变量处的值是一个指针，指向存储对象的内存处。如果一个值是引用类型，那么它的存储空间将从堆中分配。如图。一、ECMAScript中有五种简单数据类型：undefined、

2017-03-28 15:13:14 506

原创 CSS3--弹性盒模型flex

一、用途CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。二、flex设置1.任何一个容器都可以指定为Flex布局。 eg： .box{display:flex}

2017-03-27 08:50:54 424

原创 JavaScript事件

1.事件：js和HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的。2.JavaScript可以处理的事件类型为：鼠标事件、键盘事件、HTML事件鼠标事件的事件处理函数为：（4组）｛click,dblclick｝，｛mousedown,mouseup｝，｛mouseover,mouseout｝，｛mousemove｝（1）click：用户单击鼠标按钮或按下回车键时触发 d...

2017-03-24 11:00:29 274

一、何为浏览器兼容性问题？是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。二、解决方法：css3特效可以用JS去实现，根据产品的需求，也可以采用这个浏览器动态的，那个浏览器静态的。IE使用hack解决，hack网址：http://baike.baidu.com/item/css%20hack?fr=aladdin三、常见的浏览器兼容及解决方案：1.不同浏览器默认的mar...

2017-03-24 10:00:49 237

原创不同浏览器的特性

谷歌浏览器chrome：webkit内核，开源。稳定性强，搜索功能强大，启动快，速度最快。其缺点就是需要大内存才能使用流畅。ie：trident内核，非开源。兼容性好。银行只支持IE。不安全，拦截广告功能差，内存、CPU占用最大，易崩溃，火狐浏览器foxfire：gekco内核，开源。魅力就在于强大的扩展功能；插件定制方便。缺点就是加载网页的速度

2017-03-24 09:29:12 989

转载前端性能优化

转载地址：http://blog.csdn.net/qq_37810594/article/details/641216601.使用简洁的HTML文档2.恰当放置css文件: css文件放在head部分，用链接样式3.优化css性能：很多 CSS 需要通过 HTTP 请求来引入（除非使用内联 CSS），所以你要努力去除累赘的 CSS 文件，但要注意保留其重要特征。4.

2017-03-22 10:30:58 130

原创《锋利的jQuery》笔记---jQuery中的Ajax

jQuery中的ajax：1.load()方法：能载入远程HTML代码并插入到DOM中。它是jQuery中最为简单和常用的ajax方法。通常用来从服务器上获取静态的数据文件。 (1)只需要将要加载的文件的URL作为参数传递给load()方法即可。eg：$("#wrap").load("test.html");如果只加载某页面的某些元素，使用load()方法的URL参数达到目的。

2017-03-22 09:53:52 548

原创 Ajax

1.这一技术实现的是：不用刷新整个页面就能更新部分内容。2.Ajax技术的核心是XMLHttpRequest对象。3.它的工作原理：（3步）（1）创建XMLHttpRequest对象（2）xhr发送请求（3）xhr取得响应代码如下： var xhr = new XMLHttpRequest();//创建一个ajax的对象

2017-03-22 09:18:30 157

原创 HTML语义化和W3c标准

首先说一下HTML语义化1.何为语义化？语义化的HTML就是写出的HTML代码，符合内容的结构化（内容语义化），选择合适的标签（代码语义化），能够便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2.用途 a.为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构 b.优秀的用户体验 3.有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取

2017-03-21 15:28:42 494

转载 JSONP

转载地址：http://kb.cnblogs.com/page/139725/本来想自己总结JSONP的知识呢，发现这位大神讲解的非常透彻，我就转载过来再稍微整理一下，并进行相关补充。一、首先说一下它的用途：JSONP是用于解决主流浏览器GET请求跨域数据访问的问题。二、它的产生： 1、Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web

2017-03-18 10:39:24 229

原创 JSON

主要从下面几个部分展开：概念、语法、解析与校验、格式约定1.概念：它是存储和交换文本信息的语法，一种结构化的数据表达方式，类似于XML 采用键值对进行组织任何语言都可以对其进行解析2.语法：（1）语法规则书写格式为：键 / 值 eg："name" : "小红"

2017-03-16 21:52:09 216

原创 HTTP

1.HTTP 它是计算机通过网络进行通信的规则，使得浏览器向服务器请求信息与服务它是一种无状态协议，即不建立持久连接。也就是说，服务器不保留相关信息2.完整的HTTP请求过程：7个步骤（1）建立TCP连接（2）web浏览器向web服务器发送请求命令（3）web浏览器发送请求信息

2017-03-16 20:50:28 360

原创 oringin9.2使用方法（2）

如何做出这种图（1）将所有数据（.txt文件）导进oringin中 File --> import --> Multiple ASCII --> 找数据 --> Add Files --> OK（2）画图若是一张：点击图 --> 左下方有“/（li

2017-03-02 10:29:15 824

原创 oringin9.2使用方法（1）

1.如何在坐标轴旁输入希腊字母？例如在坐标轴旁右击 --> Add Text --> 点击 --> 再按A-Z的字母一一找出需要的希腊字母扩展：（1）下面的“c”：先点击进行撤销，再点击输入"c"即可（2）调整输入字母的角度：左击

2017-03-01 22:05:21 811

梦颖飞燕--博客