SkioFox Blog

前端模块化总结

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

Posted by SkioFox on November 7, 2017

ES6模块和Node模块

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

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

Posted by SkioFox on October 22, 2017

HTML元信息标签

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

Posted by SkioFox on October 18, 2017

CSS知识总结

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

Posted by SkioFox on October 10, 2017

详解JS函数柯里化

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

Posted by SkioFox on September 22, 2017

常见的BOM对象

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

Posted by SkioFox on September 14, 2017

css sticky-footer 布局

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

Posted by SkioFox on September 5, 2017

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

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

Posted by SkioFox on August 24, 2017

移动端web常见问题

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

Posted by SkioFox on August 18, 2017

深拷贝与浅拷贝

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

Posted by SkioFox on August 11, 2017

SkioFox Blog

前端模块化总结

前端模块化总结

ES6模块和Node模块

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

HTML元信息标签

HTML元信息标签

CSS知识总结

CSS知识总结

详解JS函数柯里化

详解JS函数柯里化

常见的BOM对象

常见的BOM对象

css sticky-footer 布局

css sticky-footer 布局

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

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

移动端web常见问题

移动端web常见问题

深拷贝与浅拷贝

深拷贝与浅拷贝

FEATURED TAGS

ABOUT ME

FRIENDS