fi3ework's Studio.

fi3ework's Studio.

it's better to burn out than to fade away

Redux的工作流程教程
redux的工作流程 使用createStore创建一个管理数据的store。 1let store = createStore(reducer) store的实现: 123456789101112131415161718192021222324const createStore = (reducer) => { let state; let listeners = []; const getState = () => state; const dispatch = (action) => { state = reducer(state...
页面生命周期:DOMContentLoaded, load, beforeunload, unload
原文地址:http://javascript.info/onload-ondomcontentloaded HTML页面的生命周期有以下三个重要事件: DOMContentLoaded — 浏览器已经完全加载了HTML,DOM树已经构建完毕,但是像是 <img> 和样式表等外部资源可能并没有下载完毕。 load — 浏览器已经加载了所有的资源(图像,样式表等)。 beforeunload/unload – 当用户离开页面的时候触发。 每个事件都有特定的用途 DOMContentLoaded – DOM加载完毕,所以js可以访问所有DOM节点,初始化界面。 load...
client/scroll/offset width/height总结
Element.clientHeight & Element.clientWidthelement.clientHeight(只读) 返回元素内部的高度(单位像素),包含内边距,但不包括水平滚动条、边框和外边距。 clientHeight 可以通过 CSS height + CSS padding - 水平滚动条高度 (如果存在)来计算. Element.clientWidth(只读)Element.clientWidth 属性表示元素的内部宽度,以像素计。该属性包括内边距,但不包括垂直滚动条(如果有的话)、边框和外边距。 Element.clientLeft(只读)&a...
SASS的map
今天在看SASS中文网时发现Maps没有翻译,就顺便翻译一下。 6.3.3. MapsMaps represent an association between keys and values, where keys are used to look up values. They make it easy to collect values into named groups and access those groups dynamically. They have no direct parallel in CSS, although they’re syntactically ...
CSS常用布局方式
高度相等的列 思路:三列浮动布局,给每列一个很大的padding-bottom,然后每列的margin-bottom比padding-bottom稍小,外面包裹的wrapper就会被最高的一列撑起来。 代码: 12345678910111213.box { width: 250px; margin-left: 20px; float: left; padding: 10px; background-color: orange; padding-bottom: 520px; margin-bottom: -500px;}.wrapper &...
CSS TIPS
html 当网页中的内容较少时,html元素可能无法覆盖整个浏览器的高度,通过设置 123html{ height: 100%;} 即可将整个页面撑开到浏览器的高度。 CSS高速缓存 CSS被缓存之后,可以通过如下方法,使之前的缓存失效 1<link rel="sytlesheet" type="text/css" href="main.css?v=1"> 只要每次更新样式表的时候v=后面的数字不同,就可以下载新的样式表了。 @import的缺点 在IE678中,import会被link阻塞,无法并行加载。 1234<link rel='s...
HTML5大纲及计算方法
HTML5大纲及计算方法HTML5的好处 在HTML4中定义章节性段落往往需要<div>,但<div>有时又扮演着表达样式的作用,所以在HTML4中章节的定义和范围都是不精确的。在HTML5中,<div>不再计入大纲算法。 如果在主文档中嵌套了子文档(比如在一个h2文档中又出现一个h1文档),会造成大纲的混乱。引入新的元素<article>,<section>,<nav>和<aside>,他们总是成为其最近祖先章节的子章节。 <aside>元素不会插入到大纲当中,可以用来容纳广告或者解释区...
AJAX跨域请求分析
AJAX跨域请求分析引出首先看一段原生调用AJAX的代码, 1234567891011121314//原生调用AJAXlet xhr = new XMLHttpRequest();let url1 = "https://free-api.heweather.com/v5/now?city=beijing&key=dce751438a22402b9c8c1fcb95e3ce82"let url2 = "http://api.k780.com/?app=weather.future&weaid=1&appkey=25688&sign=f1b67fe3f11c6...
JavaScript高程3笔记
Chapter11.21.2.2 DOM核心(DOM Core)和DOM HTML。其中,DOM核心规定的是如何映射基于XML的文档结构,以便简化对文档中任意部分的访问和操作。 DOM HTML模块则在DOM核心的基础上加以扩展,添加了针对HTML的对象和方法。 DOM2 级在原来 DOM 的基础上又扩充了(DHTML 一直都支持的)鼠标和用户界面事件、范围、遍历(迭代 DOM文档的方法)等细分模块,而且通过对象接口增加了对 CSS(Cascading Style Sheets,层叠样式表)的支持。 DOM1 级中的 DOM 核心模块也经过扩展开始支持 XML 命名空间。 ...
CSS中的float和clear
CSS中的float和clear引言float是CSS中相当重要的属性,很惭愧只学了个皮毛,找个机会认真的学习一下float,以后就不要再在float的坑中摔倒了,那么开始。 1. float的定义从网上搜了一个中文版对float的定义,出处已无法考证 CSS样式的float浮动属性,用于设置标签对象的浮动布局,浮动也就是我们所说标签对象浮动居左靠左和浮动居右靠右。 从MDN中找了一个相对“官方”的定义。 The float CSS property specifies that an element should be taken from the normal flow and...
fi3ework
witness me