SkioFox Blog

generator生成器

generator生成器可以控制函数内部代码块的执行，起到异步控制的作用 // function* g() { // yield "a"; // yield "b"; // yield "c"; // return "ending"; // } // console.log(g()); //返回迭代器Iterator // 持有返回的迭代器Iterator实例 ...

Posted by SkioFox on July 25, 2017

实现自己的jquery封装

为了更好的理解jquery，通过阅读源码自己封装jquery库的实现。自己动手封装加深对库底层源码的理解同时掌握基本库的封装思路（立即执行的闭包）,更好的理解模块化封装和链式编程。 (function(window, undefined) { var wjQuery = function(selector) { return new ...

Posted by SkioFox on July 23, 2017

JS中的this

解析JS中this指向

要理解this,就得先理解JS的函数作用域。js中采用的是词法作用域，也就是静态作用域，所以函数的作用域在函数定义的时候就决定了 var value = 1; function foo() { console.log(value); } function bar() { var value = 2; f...

Posted by SkioFox on July 18, 2017

浏览器相关

浏览器渲染相关知识理解浏览器如何将我们的代码解析并绘制到网页上有助于我们更好的理解浏览器的工作原理和实现，是必不可少的一部分。浏览器渲染原理浏览器工作流程渲染树 DOM树重绘(repaint) 当盒子的位置、大小以及其他属性，例如颜色、字体大小等都确定下来之后，浏览器便把这些原色都按照各自的特性绘制一遍，将内容呈现在页面上。重绘是指一个元素外观的改变...

Posted by SkioFox on July 15, 2017

防抖和节流函数

函数防抖与节流函数防抖: 函数防抖就是对于一定时间段的连续的函数调用，只让其执行一次。函数节流: 降低触发回调的频率，让一个函数不要执行得太频繁，减少一些过快的调用来节流。 // 函数防抖：延时执行：需要间隔delay时间触发才会生效 // 函数防抖的应用场景：输入框搜索自动补全事件，频繁操作点赞和取消点赞，滚动事件，resize窗口变化 // 简单的防...

Posted by SkioFox on July 3, 2017

跨域解决方案

同源策略 “同源策略”（Same Origin Policy）是浏览器安全的基础。同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。那如何判断页面是否具有相同的源呢？如果协议，端口（如果指定了）和域名对于两个页面是相同的，则两个页面具有相同的源。说到同源策略，必不可少的就是Cookie这个东西...

Posted by SkioFox on June 30, 2017

你不知道的JS

整理下自己理解的JS知识点

整理自己的JS知识点正文 JS中的数据类型(运行时类型) 运行时类型是代码实际执行过程中我们用到的类型。所有的类型数据都会属于7个类型之一。从变量、参数、返回值到表达式中间结果，任何JavaScript代码运行过程中产生的数据，都具有运行时类型。类型 ...

Posted by SkioFox on June 24, 2017

Git指令

个人整理常用的 Git 指令

随便整理的一些自用的Git指令 GitHub创建仓库提示代码 echo "# 项目名" >> README.md git init git add README.md git commit -m "first commit" git remote add origin git@github.com:qiubaiying/项目名.git git push -u orig...

Posted by SkioFox on June 15, 2017

移动端ppi和pdr

什么是媒体查询中的-device-pixel-ratio 想知道什么是媒体查询中的-device-pixel-ratio，要先从CSS像素、设备独立像素、设备像素说起。概念 CSS像素（CSS Pixel）：适用于web编程，指的是我们在样式代码中使用到的逻辑像素，是一个抽象概念，实际并不存在设备独立像素（Device I...

Posted by SkioFox on June 12, 2017

常见布局和页面结构技巧

响应式布局开发响应式网站有两个选择原则：渐进增强(progressive enhancement)和优雅降级(graceful degradation)。 meta标签移动端布局的标配meta，正确了处理了视口宽度与设备宽度的问题以及页面大小。 <meta name="viewport" content="width=device-width, in...

Posted by SkioFox on May 30, 2017

SkioFox Blog

generator生成器

generator生成器

实现自己的jquery封装

实现自己的jquery封装

JS中的this

解析JS中this指向

浏览器相关

浏览器相关

防抖和节流函数

防抖和节流函数

跨域解决方案

跨域解决方案

你不知道的JS

整理下自己理解的JS知识点

Git指令

个人整理常用的 Git 指令

移动端ppi和pdr

移动端ppi和pdr

常见布局和页面结构技巧

常见布局和页面结构技巧

FEATURED TAGS

ABOUT ME

FRIENDS