Fork me on GitHub
最新文章

【web】css权重

web 2017-02-21 web css

什么是CSS权重?

当很多的规则被应用到某一个元素上时,com权重决定了哪一条规则会被浏览器应用在元素上。

两个选择器权重值相同,则最后定义的规则被计算到权重中,后面的取代前面的。引入的样式表( @import )中的规则被认为出现在样式表本身的所有规则之前。

两个选择器权重值不同,则权重大的规则被计算到权重中。

内联样式表含有比别的规则更高的权重。

通用选择器(*) < 元素(类型)选择器 < 类选择器 < 属性选择器 < 伪类 < ID 选择器 < 内联样式

!important允许强制应用某样式,会覆盖所有样式规则,用法是写在该样式的某属性值后,结束分号前,以便强制应用该样式。

!important没有上下文可言,避免使用。

显示全文

【web】javascript-this

web 2017-02-19 web javascript

部分翻译内容,完整内容请查看You-Dont-Know-JS,仅作为笔记参考。

什么是this

在 JavaScript 中,this 表示当前上下文,即调用者的引用。this是运行时绑定而不是创建时绑定。即函数在调用时是基于其上下文来绑定的。

this is neither a reference to the function itself, nor is it a reference to the function’s lexical scope.

this is actually a binding that is made when a function is invoked, and what it references is determined entirely by the call-site where the function is called.

当函数调用,一个活动记录也称为执行上下文被创建。记录信息包括函数调用栈,函数如何调用,传递的参数等。当函数执行时,this引用这个活动记录其中的一个属性。

显示全文

【web】HTML DOM

web 2017-02-14 web

什么是DOM?

The Document Object Model is a platform- and language-neutral interface that will allow programs and scripts to dynamically access and update the content, structure and style of documents.

文档对象模型 (DOM) 是针对HTML文档、XML等文档的一套API。DOM提供了对文档的结构化的表述,允许程序和脚本动态地访问和更新文档的内容、结构和样式,将web页面和脚本或程序语言连接起来。DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。

一个web页面是一个文档。这个文档可以在浏览器窗口或作为HTML源码显示出来。但上述两个情况中都是同一份文档。DOM提供了对同一份文档的另一种表现,存储和操作的方式。

显示全文

【web】javascript基础

web 2017-02-11 web javascript

JavaScript 语言特性

JavaScript是一门动态的,弱类型,基于原型的脚本语言。

动态性

//定义一个对象 
var obj = new Object(); 
//动态创建属性
name obj.name = "an object"; 
//动态创建属性
sayHi obj.sayHi = function(){ 
    return "Hi"; 
} 
obj.sayHi();
显示全文

【web】vuejs

web 2017-02-06 web javascript

Vue

A progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Approachable

  • Versatile

  • Performant

Vue.js only supports ES5-compliant browsers (IE8 and below are not supported)

关于vue,直接看官方文档和github仓库即可。

显示全文

【linux】操作系统

linux 2017-02-06 linux

记录不完全操作系统相关内容

计算机组成

硬件由运算器、控制器、存储器、输入设备和输出设备组成,运算器和控制器集成在一起统称为中央处理器(CPU)。计算机各部件通过总线连接形成有机整体,总线有三种:地址总线、控制总线和数据总线。

cpu.png

显示全文

【web】web performance

web 2017-02-04 web

网页的性能指标

首屏加载时长

DOM加载时长

页面白屏时长

关键性的数据指标 RAIL模型

rail.png

  • Respond:0 - 100ms,视窗一般需要在这个时间段响应用户,超过这个时间段,用户就会感觉到延时。

  • Animation:0~16ms,屏幕每秒刷新60次,16ms 代表的是每一帧的时间。用户是非常关注动画的,当动画失帧很容易引起用户察觉。所以动画一般要控制在60FPS。

  • Idle:最大化主进程的空闲时间,这样可以及时响应用户输入。

  • Load:内容需要在1000ms 内加载出来,超过1000ms 会觉得加载缓慢。

显示全文

【算法】排序算法

算法 2017-01-31 算法

排序算法

排序算法(Sorting algorithm)是一种能将一串数据依照特定排序方式进行排列的一种算法。

sort_wiki.png

sort.png

显示全文

【web】web-layout

web 2017-01-30 web

display

  • block,块元素,例如:div、p、form、header、footer、section等

  • inline,行内元素,例如:span、a等

  • none,一些特殊元素的默认 display 值,例如script。用来在不删除元素的情况下隐藏或显示元素。

  • 其他display值,例如:list-item、flex详细列表

每个元素都有一个默认的display类型,可以重写。

显示全文

【web】OpenResty

web 2017-01-27 web

OpenResty

OpenResty - Turning Nginx into a Full-Fledged Scriptable Web Platform. OpenResty is a full-fledged web application server by bundling the standard nginx core, lots of 3rd-party nginx modules, as well as most of their external dependencies.

显示全文