single15的博客

原型和原型链

ES6与模块化

继上一篇《JavaScript核心技术开发解密》读书笔记（三）下面是第九章–面向对象对象： 无序属性的集合，其属性可以包含基本值、对象或者函数。对象是由一系列无序的key-value对组成。创建对象的方式有：使用new关键字来创建、通过字面量的形式创建、通过构造函数的方式创建。new关键字在创建实例时经历如下过程：先创建一个新的、空的实例对象；将实例对象的原型，指向构造函数的原型；将构造函数内部的this，修改为指向实例；最后返回该实例对象。原型链原型对象其实也是普通对象，几乎所有的

继上一篇《JavaScript核心技术开发解密》读书笔记（二）下面是第八章–函数与函数式编程函数函数形式大概有四种，分别是函数声明、函数表达式、匿名函数与自执行函数1、函数声明函数声明是指利用关键字 function 来声明一个函数。在变量对象的创建过程中，function声明的函数比var声明的变量有更加优先的执行顺序，即函数声明提前（提升）。因此在同一执行上下文中，无论在什么地方声明了函数，都可以直接使用。function fn() { console.log('function') ;

作用域；闭包；this

《JavaScript核心技术开发解密》读书笔记一、三种基础数据结构 【 栈（stack ）、堆 (heap）、队列（queue）】JavaScript 作为一门高级程序语言，并没有同其他语言那样区分栈区或堆区，因此这里不做扩展 我们可以简单粗暴地认为在JavaScript中，所有的数据都是存放在堆内存空间中的。1、栈： 栈表达的是一种数据在内存中的存储区域，通常叫作栈区。（先进后出）[数组的push，pop]2、堆：堆数据结构通常是一种树状结构。[对象的访问，不用关心对象的属性的顺序]3、队列：

1px像素问题（解决方法记录）在web移动端开发中，当我们 css 里写的 1px 的时候，由于它是逻辑像素，导致我们的逻辑像素根据这个设备像素比（dpr）去映射到设备上就为 2px，或者 3px，由于每个设备的屏幕尺寸不一样，就导致每个物理像素渲染出来的大小也不同，这样如果在尺寸比较大的设备上，1px 渲染出来的样子相当的粗矿，实现的效果会与UI设计稿的差别比较大，这就是经典的一像素边框问题。解决方法1、伪类+transform使用伪类(:before或:after)结合绝对定位来绘制border

Sass 是一个 CSS 的扩展，它在 CSS 语法的基础上，允许使用变量 (variables), 嵌套规则 (nested rules), 混合 (mixins), 导入 (inline imports) 等功能，令 CSS 更加强大与优雅。使用 Sass 以及 Compass 样式库 有助于更好地组织管理样式文件，以及更高效地开发项目

这是一个关于h5的video视频播放标签来做视频播放截取视频画面的问题。需求是这样的：要渲染一个视频资源列表，在列表中获取视频的画面来做列表的封面。看到这个需求就想，为什么要在列表里截取视频画面做封面，为什么不是后端返回图片url呢？没有那么多为什么，做出来就是了。首先是找百度，怎么截取h5视频的画面，搜了一遍，大都是通过canvas来画出来的。基本实现过程是：通过video标签把视频加载...

学了那么一段时间的前端了，下面是对自己所认知（然而并不会）的前端知识点的一个小总结：前端的主要知识点有HTML、css、JavaScript…当然，这是废话。下面要写的是前端的各种框架（我认识的）的总结。ta们分别是Angular.js、vue.js、react.js。