SkioFox Blog

Thinking will not overcome fear but action will.

前端模块化总结

前端模块化总结

前端的模块化开发也经历过很长时间的发展, 今天来对模块化的发展和使用进行总结,加深理解和记忆。 模块化开发 JS模块化 命名空间 // 库名.类别名.方法名=>解决命名冲突的问题 var NameSpace = {} NameSpace.type = NameSpace.type || {} NameSpace...

ES6模块和Node模块

理解ES6模块和node模块及其用法

在前端开发中使用ES6的模块化和node模块化总会有所混淆,今天深度解析下它们之间的区别 node模块化 node模块中的exports对象,用来创建对象 // rocker.js exports.name = function() { console.log('My name is Lemmy Kilmis...

HTML元信息标签

HTML元信息标签

所谓元信息,是指描述自身的信息,元信息类标签,就是HTML用于描述文档自身的一类标签,它们通常出现在head标签中,一般都不会在页面被显示出来 head标签 head标签本身并不携带任何信息,它主要是作为盛放其它语义类标签的容器使用。head标签规定了自身必须是html标签中的第一个标签,它的内容必须包含一个title,并且最多只能包含一个base。如果文档作为if...

CSS知识总结

CSS知识总结

CSS 知识点汇总 画一条0.5px的线 // 采用meta viewport的方式 // 1px像素线条 <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0"> // 0.5像素线条 ...

详解JS函数柯里化

详解JS函数柯里化

函数柯里化 定义:什么是函数柯里化? 专业术语解释:把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。 看这个解释有一点抽象,看如下add函数实现。 // 普通的add函数 function add(x, y) { return x + y } // Currying后 function ...

常见的BOM对象

常见的BOM对象

常见的BOM属性对象方法 什么是Bom? Bom是浏览器对象。有哪些常用的Bom属性呢? location对象 location.href– 返回或设置当前文档的URL location.search – 返回URL中的查询字符串部分。例如 http://www.dreamdu.com/dreamdu.php?id=5&name=dreamdu 返回包括(?)...

css sticky-footer 布局

css sticky-footer 布局

css sticky-footer 布局 什么是 css sticky-footer 布局 ? 在页面展示中如果页面内容不够长的时候,页脚块粘贴在视窗底部;如果内容足够长时,页脚块会被内容向下推送。保证footer永远在页面底部位置。 方法1:将内容部分的底部外边距设为负数 这是个比较主流的用法,把内容部分最小高度设为100%,再利用内容部分的负底部外...

es6 的class的静态方法、属性和实例属性

es6 的class的静态方法、属性和实例属性

类相当于实例的原型,所有在类中定义的方法,都会被实例继承。如果在一个方法前,加上static关键字,就表示该方法不会被实例继承,而是直接通过类来调用,这就称为“ 静态方法”。 class Foo { static classMethod() { return 'hello'; } } Foo.classMethod() // 'hello' var foo = new F...

移动端web常见问题

移动端web常见问题

移动端布局 媒体查询+rem(适配方案) 为使得页面布局不管在什么设备上都是正常,协调的情况,就会采用媒体查询 + rem,来根据不同的设备去相应的改变元素的大小。(很多时候为了方便宽度会去%单位) rem 字体单位 值根据html根元素大小而定,同样可以作为宽度/高度的单位。 ...

深拷贝与浅拷贝

深拷贝与浅拷贝

讲解Object.assign API的使用和原理 Object.assign(target, …sources) 函数参数为一个目标对象(该对象作为最终的返回值),源对象(此处可以为任意多个)。通过调用该函数可以拷贝所有可被枚举的自有属性值到目标对象中。 浅拷贝,利用Object.assign可以对只有一层的对象实现深拷贝 这里我们需要强调的三点cop...