鬼神miao-优快云博客

转载怪异模式（Quirks Mode）对 HTML 页面的影响

Quirks Mode 概述定义什么是 Quirks Mode? 简单来说，Quirks Mode 就是浏览器为了兼容很早之前针对旧版本浏览器设计、并未严格遵循 W3C 标准的网页而产生的一种页面渲染模式。历史由渲染引擎产生的两种文档模式谈到 Quirks modes 首先就要从浏览器渲染引擎说起。我们知道所有的浏览器都有自己的页面渲染引擎，渲染引擎主要

2018-02-05 15:38:27 509

转载 IIFE

1 定义IIFE: Immediately Invoked Function Expression，意为立即调用的函数表达式，也就是说，声明函数的同时立即调用这个函数。对比一下，这是不采用IIFE时的函数声明和函数调用：[html] view plain copyfunction foo(){ var a

2018-02-05 10:28:18 264

转载 Flex 布局

一、Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览

2017-11-15 19:29:53 326

转载 CSS中的三种样式来源：创作人员、读者和用户代理(转载)

CSS中的样式一共有三种来源：创作人员、读者和用户代理，来源的不同会影响到样式的层叠方式，很多第一次学习CSS的朋友，对这三种来源可能会存在一些困惑，下面我写一下自己的理解，若有错误的地方还请指正。首先，创作人员（author's+style）样式应该是我们最熟悉的，如果你是一个前端开发者，那么你写的那些样式就叫做创作人员样式。然后是用户代理样式（agent's+style），用户

2017-11-14 23:54:48 1342

转载九宫格的布局你能够想到哪些办法实现？它们各自的优缺点是什么？

1.背景介绍要做九宫格，首先得明白什么是盒子模型。盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版。我们可以把所有HTML元素都可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素

2017-11-13 16:28:01 1478

转载深入浅析同源策略和跨域访问

1. 什么是同源策略理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。何谓同源: URL由协议、域名、端口和路径组成，如果两个URL的协议、域名和端口相同，则表示他们同源。同源策略: 浏览器的同源策略，限制了来自不同源的"document"或脚本，对

2017-11-13 16:27:20 368

转载 js 几种类型的事件处理程序

事件就是用户或浏览器自身执行的某种动作，如click,laod,mouseover都是事件的名称。事件流描述的是从页面中接收事件的顺序。事件处理程序就是对事件作出响应的函数。事件处理程序的名字以“on”开头，如click事件对应的事件处理程序的名称为onclick。为事件指定处理程序的方式有多种，如：HTML事件处理程序、DMO0级事件处理程序、DOM2级事件处理程序、IE

2017-11-06 17:04:04 298

转载 JavaScript 开发进阶：理解 JavaScript 作用域和作用域链

作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。JavaScript作用域　　任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和

2017-11-06 11:57:40 198

转载 JavaScript中本地对象、内置对象和宿主对象

首先解释下宿主环境：一般宿主环境由外壳程序创建与维护，只要能提供js引擎执行的环境都可称之为外壳程序。如：web浏览器，一些桌面应用系统等。即由web浏览器或是这些桌面应用系统早就的环境即宿主环境。本地对象ECMA-262 把本地对象（native object）定义为“独立于宿主环境的 ECMAScript 实现提供的对象”。再来看一下，“本地对象”包含哪些内容：

2017-11-06 10:35:15 193

转载标准模式与混杂模式

DOCTYPE 的一个重要作用就是告诉浏览器，它该以何种模式呈现。我们通过document.compatMode这个属性来检测，当前页面处于何种模式：CSS1Compat：标准模式BackCompat：混杂模式那么，问题来了，什么情况下页面会处于混杂模式呢？下面是列出的几种：（1）不写（2）前面加上xml声明 (IE6)（3）和之间加了（

2017-11-06 09:38:25 475

转载认识！[CData[ ]]

假设有如下学生成绩表：如果要求借助Ibatis在XML文件中写出分数小于72分的学生姓名，那么XML文件中相应的SQL语句为： SELECT `name` FROM student_score_table 非 SELECT `name` FROM student_score_table

2017-11-06 09:32:17 203

转载当在浏览器中输入一个域名后，会发生什么

1. 首先嘛，你得在浏览器里输入要网址:2. 浏览器查找域名的IP地址导航的第一步是通过访问的域名找出其IP地址。DNS查找过程如下：浏览器缓存 – 浏览器会缓存DNS记录一段时间。有趣的是，操作系统没有告诉浏览器储存DNS记录的时间，这样不同浏览器会储存个自固定的一个时间（2分钟到30分钟不等）。系统缓存 – 如果在浏览器缓存里没有找到需

2017-11-02 14:40:54 1112

转载渐进增强 VS 优雅降级

之前在看一些css3效果demo的时候，发现有些写css3属性时，兼容性的写法顺序不太一样，比如transition属性，有些把transition放在前面有些是放在后面，当然这也有可能包含了coder个人的习惯或是强迫性>".transition{ -webkit-transition: all .5s; -moz-transition: all .5s;

2017-11-02 14:31:50 216

一个WEB站点每天可能要接收到上百万的用户请求，为了提高系统的效率，HTTP 1.0规定浏览器与服务器只保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接，服务器完成请求处理后立即断开TCP连接，服务器不跟踪每个客户也不记录过去的请求。但是，这也造成了一些性能上的缺陷，例如，一个包含有许多图像的网页文件中并没有包含真正的图像数据内容，而只是指明了这些图像的URL地址，当WEB浏览器访

2017-11-01 16:33:56 193

转载 python之文件读写

本节内容：I/O操作概述文件读写实现原理与操作步骤文件打开模式Python文件操作步骤示例Python文件读取相关方法文件读写与字符编码一、I/O操作概述I/O在计算机中是指Input/Output，也就是Stream(流)的输入和输出。这里的输入和输出是相对于内存来说的，Input Stream（输入流）是指数据从外（磁盘、网络）流进内存，Output Strea

2017-10-25 10:19:50 619

转载 python文件读写最佳实践（with）

为了避免忘记或者为了避免每次都要手动关闭文件，我们可以使用with语句（一种语法糖，语法糖语句通常是为了简化某些操作而设计的）。with语句会在其代码块执行完毕之后自动关闭文件。因此我们可以这样来改写上面的程序：with open('song.txt', 'r', encoding='utf-8') as f: print(f.read())print(f.closed)输出

2017-10-25 09:52:36 736

转载 python sys.argv[]用法

sys.argv[]是用来获取命令行参数的，sys.argv[0]表示代码本身文件路径，所以参数从1开始，以下两个例子说明:1、使用sys.argv[]的一简单实例:以下是sample1.py文件：[python] view plain copyimport sys,os print sys.argv os.system(sys

2017-10-25 09:32:59 348

转载 Python中 sys.argv[]的用法简明解释

sys.argv[]说白了就是一个从程序外部获取参数的桥梁，这个“外部”很关键，所以那些试图从代码来说明它作用的解释一直没看明白。因为我们从外部取得的参数可以是多个，所以获得的是一个列表（list)，也就是说sys.argv其实可以看作是一个列表，所以才能用[]提取其中的元素。其第一个元素是程序本身，随后才依次是外部给予的参数。下面我们通过一个极简单的test.py程序的运行结果来说明它的

2017-10-25 09:16:43 935

转载 Dict字典

字典是另一种可变容器模型，且可存储任意类型对象。字典的每个键值(key=>value)对用冒号(:)分割，每个对之间用逗号(,)分割，整个字典包括在花括号({})中 ,格式如下所示：d = {key1 : value1,key2 :value2 }键必须是唯一的，但值则不必。值可以取任何数据类型，但键必须是不可变的，如字符串，数字或元组。

2017-09-07 15:44:11 251

转载关于python中字典的一些总结

1、获取字典中的值，但是无异常当在字典中取值的时候，可以使用如下两种方式：[python] view plain copy>>> d = {'name':'kel'} >>> d {'name': 'kel'} >>> d['name'] 'kel' >>> d.get('name') 'kel'

2017-09-07 15:29:40 316

转载 python中的dict,getattr,setattr

python class 通过内置成员__dict__ 存储成员信息（字典）首先用一个简单的例子看一下__dict__ 的用法class A(): def __init__(self,ax,bx): self.a = ax self.b = bx def f(self): print (self.__dict__)a =

2017-09-07 15:23:10 246

转载 Python中sorted函数的用法

【Python】 sorted函数我们需要对List、Dict进行排序，Python提供了两个方法对给定的List L进行排序，方法1.用List的成员函数sort进行排序，在本地进行排序，不返回副本方法2.用built-in函数sorted进行排序（从2.4开始），返回副本，原始输入不变--------------------------------s

2017-09-07 15:11:38 810

m0_37621064的博客