SkioFox Blog

Thinking will not overcome fear but action will.

generator生成器

generator生成器

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

实现自己的jquery封装

实现自己的jquery封装

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

JS中的this

解析JS中this指向

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

浏览器相关

浏览器相关

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

防抖和节流函数

防抖和节流函数

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

跨域解决方案

跨域解决方案

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

你不知道的JS

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

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

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...

移动端ppi和pdr

移动端ppi和pdr

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

常见布局和页面结构技巧

常见布局和页面结构技巧

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