03 2018 档案

javascript:异步操作 回调函数
摘要：另一篇讲解异步编程不错的文章：https://segmentfault.com/a/1190000002938132 第二篇：更加通俗易懂 单线程是JavaScript的一大特性。 JavaScript不像其他语言比如Java一样多线程，就不必去考虑线程同步的问题。 JavaScript是浏览器用来 阅读全文
posted @ 2018-03-22 16:32 LittleGirl_MyBaby 阅读(441) 评论(0) 推荐(0)
前端开发方法论总结
摘要：1：如何页面之间多个区域的数据请求之间有一定的依赖关系，如果保证请求的数据保证一定的先后顺序？ javascript 加载顺序和异步加载 javascript文件引入的三种方式： 按照先后顺序执行，阻塞，待脚本下载并执行完后，再执行标签后面的代码 顺序：保证先后顺序；不阻塞，脚本将被异步下载，待文档 阅读全文
posted @ 2018-03-22 15:10 LittleGirl_MyBaby 阅读(708) 评论(0) 推荐(0)
http缓存策略
摘要：缓存什么？一般会缓存，图片、css文件、js文件这些静态文件，更新频率不高的文件 为什么缓存？有效减少http请求数量，提升网站的性能。 什么是http缓存策略？ http缓存主要由两种：本地缓存和缓存协商。优先使用本地缓存，本地缓存不起作用时使用缓存协商。http缓存主要是头部信息header来决 阅读全文
posted @ 2018-03-22 13:01 LittleGirl_MyBaby 阅读(301) 评论(0) 推荐(0)
前端性能优化
摘要：很好地一篇文章，转过来。 前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ? 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用 阅读全文
posted @ 2018-03-22 12:43 LittleGirl_MyBaby 阅读(132) 评论(0) 推荐(0)
javascript:离线应用与客户端存储
摘要：离线检测 首先检查设备是否在线，html5定义了navigator.onLine属性，html5还定义了两个事件：online和offline，在线和离线状态切换变化时会触发。这两个事件在window对象上触发。 应用缓存 html5的应用缓存，或者简称为appcache，专门为开发离线应用而设计的 阅读全文
posted @ 2018-03-20 16:39 LittleGirl_MyBaby 阅读(163) 评论(0) 推荐(0)
javascript:使用canvas绘图2D图形
摘要：HTML5最少欢迎的一个新功能就是canvas元素，这个元素负责在页面中设定一个区域，然后就可以使用javascript进行动态的绘图。 基本用法 设定了画布后，要去的绘图上下文,通过get.Context("2d")方法 使用toDataURL(),参数为图像的MIME类型格式，如toDataUR 阅读全文
posted @ 2018-03-20 14:06 LittleGirl_MyBaby 阅读(1615) 评论(0) 推荐(0)
html5:表格
摘要：table元素有caption元素、th元素、td元素、tr元素构成。 scope属性表明当前的th是列的标题单元格还是行的标题单元格。 通过使用colspan=n 或 rowspan=n ,从而让单元格横跨多列或者多行。 阅读全文
posted @ 2018-03-19 15:42 LittleGirl_MyBaby 阅读(141) 评论(0) 推荐(0)
html5：音频、视频和其他多媒体
摘要：视频文件格式 html5支持三种视频文件格式（即编解码器）：.ogg .mp4或.m4v .webm 。 编解码器是使用压缩算法对数据的数字流进行编码和解码，使之更适合播放的计算机程序。在有的浏览器中如果没有正确地设置MIME类型，媒体文件就不会播放。 要获得所有兼容html5浏览器对媒体播放的支持 阅读全文
posted @ 2018-03-19 15:30 LittleGirl_MyBaby 阅读(347) 评论(0) 推荐(0)
表单
摘要：html5对表单的改进 html5一个重要的特性就是对表单的改进，html5引入了新的表单元素、输入类型和属性以及内置的对必填字段、电子邮件地址、URL以及定制模式的验证。 1）添加的新类型 电子邮件地址：<input type="mail"> 搜索框：<input type="search"> U 阅读全文
posted @ 2018-03-19 14:40 LittleGirl_MyBaby 阅读(200) 评论(0) 推荐(0)
css:列表
摘要：有三种列表：无序列表：ul--li 有序列表：ol-li 定义列表：dl dt dd 选择标记 list-style-type: disc(圆点) circle(圆圈) square(方块) upper-alpha(大写字母) lower-alpha(小写字母) decimal(数字) upper- 阅读全文
posted @ 2018-03-16 17:21 LittleGirl_MyBaby 阅读(183) 评论(0) 推荐(0)
使用css3进行增强
摘要：渐进增强 什么是渐进增强：较弱的浏览器和较强的浏览器功能和行为不一样要一样，但是一定要保证页面内容是可以访问的，渐进增强的理念就是为现代浏览器使用更丰富的样式。 为不支持某些属性的浏览器使用polyfill（垫片） polyfill为较弱的浏览器提供一定程序的对html5和css3 api 的支持 阅读全文
posted @ 2018-03-16 16:39 LittleGirl_MyBaby 阅读(221) 评论(0) 推荐(0)
css: 使用web字体
摘要：@font-face{ font-family:"" ; src:url(); src:url(); font-weight: font-style: } @font-face 的作用是告知浏览器，添加了web字体，从而可以为元素设置字体。 为web字体设置斜体样式 font-style:itali 阅读全文
posted @ 2018-03-16 15:40 LittleGirl_MyBaby 阅读(361) 评论(0) 推荐(0)
css：构建响应式网站
摘要：创建可伸缩的图像 img标签省略设置width和height , 在样式表中设置max-width:100% , 创建弹性布局网格 创建弹性布局的关键是使用百分数来设置width,而不要指定固定的宽度值 媒体查询 定义的方式：1）<link rel=''' href="" media=""> 2) 阅读全文
posted @ 2018-03-16 15:30 LittleGirl_MyBaby 阅读(164) 评论(0) 推荐(0)
css进行布局
摘要：在旧版浏览器中为HTML5元素添加样式 IE9以下的IE浏览器会忽略它们不原生支持的元素的css。解决方法是使用htm5-shiv的javascript文件，可以从github上下载，加载到本地。 在head元素内，link后面添加以下代码： css盒状模型 盒状模型是指，盒子是有元素内容、padd 阅读全文
posted @ 2018-03-16 15:14 LittleGirl_MyBaby 阅读(146) 评论(0) 推荐(0)
css:为文本添加样式
摘要：字体样式 font-family //字体 font-size //字体大小 font-style //字体样式，可以创建斜体 font-weight //=bold,可以创建粗体样式，取消粗体：font-weight:normal 简写法：font: 设置行高 line-height 设置颜色 c 阅读全文
posted @ 2018-03-16 13:02 LittleGirl_MyBaby 阅读(457) 评论(0) 推荐(0)
css：选择器
摘要：上下文选择器 div p { } //表示所有div 下 的 p 元素 类名选择器 ID选择器 直接子元素选择器 div > p 相邻同袍元素 div p+p 普通同袍元素 div p~p 伪类：选择第一个元素 和 最后一个元素 ：first-child :last-child 选择元素的第一个字母 阅读全文
posted @ 2018-03-16 12:26 LittleGirl_MyBaby 阅读(149) 评论(0) 推荐(0)
html：链接
摘要：链接有两个主要的部分：目标和标签。 <a href="" rel=""></a> href : 可以指向同网站的页面，也可以指向另一个网站的页面(请使用绝对url) rel：表示页面与目标页面的关系 创建锚并链接到锚：href="....#id值"，可以是本页面的，也可以是其他网站中的页面 打开电子 阅读全文
posted @ 2018-03-16 11:41 LittleGirl_MyBaby 阅读(130) 评论(0) 推荐(0)
html5与html4的区别
摘要：1. HTML5推出的理由 解决Web上存在的问题： Web浏览器间的兼容性低:在一个浏览器中可以运行的HTML、Css、Javascript，在另一个浏览器中不能运行。 原因：各浏览器规范不统一，没有被标准化。 解决方案：使各浏览器的功能符合通用标准。 文档结构不够明确：HTML4中元素不能把文档 阅读全文
posted @ 2018-03-14 21:28 LittleGirl_MyBaby 阅读(223) 评论(0) 推荐(0)
javascript:表单脚本
摘要：一：表单的基础知识 在javascript中表单对应的HTMLFormElement类型，该类型有如下属性和方法： 1）acceptCharset -- 服务器可接受的字符集 2）action -- 接受请求的URL 3）elements -- 表单内部所有元素的集合 4）enctype -- 请求 阅读全文
posted @ 2018-03-14 12:30 LittleGirl_MyBaby 阅读(232) 评论(0) 推荐(0)
javascript：Ajax与Comet
摘要：一：使用XMLHttpRequest对象 ajax的核心是XMLHttpRequest对象。IE7以下的浏览器XHR定义方法不同。对于较高级的浏览器 var xhr = new XMLHttpRequest(). xhr.open接收三个参数，第一个为发送方式get或者post。第二个参数是URL, 阅读全文
posted @ 2018-03-12 18:48 LittleGirl_MyBaby 阅读(189) 评论(0) 推荐(0)
前端常见跨域解决方案
摘要：转载自：https://segmentfault.com/a/1190000011145364 什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。 什么是同源策略？同源策略/S 阅读全文
posted @ 2018-03-12 17:41 LittleGirl_MyBaby 阅读(144) 评论(0) 推荐(0)
浏览器兼容性问题
摘要：为什么会有兼容问题？ 由于市场上浏览器种类众多，而不同浏览器其内核亦不尽相同，所以各个浏览器对网页的解析就有一定出入，这也是导致浏览器兼容问题出现的主要原因，我们的网页需要在主流浏览器上正常运行，就需要做好浏览器兼容。 使用Trident内核的浏览器：IE、Maxthon、TT； 使用Gecko内核 阅读全文
posted @ 2018-03-12 17:30 LittleGirl_MyBaby 阅读(174) 评论(0) 推荐(0)
javascript:面向对象的程序设计
摘要：一：理解对象属性 对象有两种属性：数据属性和访问器属性。 1）数据属性 数据属性有四个描述其行为的特性，[[configurable]] [[enumerable]] [[writable]] [[value]],修改属性的特性使用Object.defineProperty 2)访问器属性 访问器属 阅读全文
posted @ 2018-03-12 16:57 LittleGirl_MyBaby 阅读(145) 评论(0) 推荐(0)
javascript：引用类型
摘要：一：使用对象 引用类型的值（对象）是引用类型的实例，引用类型是一种数据结构，将对象的数据和功能放在一起，javascript没有类的概念。 1：原生的引用类型 Object类型 创建Object实例有两种方式:第一：object构造函数，new 第二：对象字面量 Array类型 1）创建Array实 阅读全文
posted @ 2018-03-12 13:48 LittleGirl_MyBaby 阅读(156) 评论(0) 推荐(0)
javascript：变量、作用于和内存问题
摘要：一：理解基本类型和引用类型的值 javascript变量有两种不同的数据类型值：基本数据类型和引用数据类型。基本数据类型有undefined、null、boolean、number、string。引用类型是保存在内存中的对象，javascript规定不能直接操作内存中的对象，在操作对象时，其实是操作 阅读全文
posted @ 2018-03-12 12:12 LittleGirl_MyBaby 阅读(197) 评论(0) 推荐(0)
javascript知识点1---函数
摘要：一：理解函数参数 javascript函数参数在函数内部是已数组的形式来表示的，因此不关心是什么类型的参数和有多少个参数，只关心这个数组。这个数组使用arguments对象表示，在函数内部通过方括号形式可以arguments对象来形成参数的访问，例如arguments[0]，表示第一个参数，argu 阅读全文
posted @ 2018-03-12 11:19 LittleGirl_MyBaby 阅读(193) 评论(0) 推荐(0)