Mac下利用Alfred与七牛搭建markdown图床

| 字数 1038

        在使用hexo与gitpage完成个人博客搭建后,在写博客时想插入图片总是需要外链,感觉很繁琐。刚好在利用alfred的workflow后觉得能不能把整套手动获取图片外链的动作变成自动化的动作,来用热键触发。搜了下相关的文章自己踩了不少坑最终还是完成了,总结出来避免大家后面踩坑。

前期准备:

  • 可以使用workflow的alfred(能支持正版最好不过我还是准备了链接,位置在文章最后)

为git page开通https踩坑实录

| 字数 747

        利用hexo与gitpage开通博客后,无论是pc&mobile登陆时总会发现地址栏前有个感叹号。强迫症表示真的看不下去,所以就去了解了下https。

HTTPS的优点

  • 了解到https是以安全为目标的HTTP通道,简单讲是HTTP的安全版。即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细内容就需要SSL。
  • 最重要的一点,https可以避免dns挟持,就是可以避免在浏览网页时出现一些小广告弹窗!

手撕值传递&对象深浅拷贝

| 字数 1491

值传递

  1. JS 中的基本类型&引用类型分别是什么?
  2. 基本类型&引用类型如何存储?
  3. 值传递的由来&举例说明值传递的过程
  4. 扩展阅读(call-by-sharing)

JS 中的基本类型

JS 中的基本类型分别是:Number、String、Boolean、undefined、null;引用类型分别是:Function、Object、Array 等。

基本类型&引用类型存储

基本类型均存储在栈中而且

手撕闭包

| 字数 1190

既然说到了手撕那么我们就按照下列顺序一步步来看。

  1. 闭包是什么?
  2. 闭包产生过程详解
  3. 闭包常用场景示例

闭包是什么?

  1. 高程三:闭包是指有权访问另一个函数作用域中的变量的函数。
  2. Javasript Ninja:闭包是一个函数在创建时允许该自身函数访问并操作该自身函数之外的变量时所创建的作用域。

  3. 总结一下,闭包是有权操作除自己外函数作用域中变量的函数。

手撕作用域与上下文

| 字数 3156

 先来抛出结论:

  1. 作用域与上下文肯定不是一回事
  2. 作用域是由 function 进行声明的而非代码块({ })。
  3. 除了全局作用域,函数只要被声明(创建了),它就有了独立的作用域。
  4. 我们常说的上下文指的是 this,这里其实对 this 更准确的说法应该被称为函数上下文(function context)
  5. 各大网文与部分书籍中所讲解的上下文,其实是执行环境(execution context)有的地方也称为执行上下文/执行上下文环境。这个执行环境不仅确定了 this (即我们常说的上下文对象),还确定了将各个作用域联系起来的作用域链
  6. 执行环境并不是我们常说的上下文,而是用来确定它的指向。
  7. 本文中将采用高程3的说法 — 执行环境。

作用域

在 Javascript 中,作用域是由 function 声明的,而不是代码块。声明的作用域创建于代码块,但不终于代码块(其他语言终于代码块)。查看以下代码:

1
2
3
4
if (window) {
 var x = '123';
}
alert(x);

在其它语言中,x 终结于大括号关闭处,alert 弹出 undefined。

css水平垂直居中

| 字数 896

水平垂直居中

水平垂直居中是老生常谈的话题,也是面试官比较喜欢问的问题。下面我对在实际中常常运用的几种方式做总结。HTML结构如下(这里我默认wrapper水平垂直居中):
  

1
2
3
  <div class="wrapper">
<div class="goal"></div>
 </div>

webpack笔记

| 字数 2043

  
webpack 2.0 用了小一个月了,一直都是照猫画虎。这俩天开始细读官网的部分文章结合一些讲解视频,深入学习一下。小结一发来汇总知识点。   

  1. webpack 的由来?

已存在的模块打包器对于大型应用(大型的SPA)来说并不适合。发展另一个模块打包器最迫切的原因那就是代码分割(Code Splitting)并且可以让静态资源能够无缝的适用于模块化。

  1. webpack 可以做的事情?
  • 将项目间的依赖分割成代码块并按需加载

浅谈响应式布局&自适应布局

| 字数 1889

一、响应式布局

1、什么是响应式页面?响应式布局可以一统pc&mobile吗?响应式与自适应式布局的区别?

  • 响应式简单来说是一个网站的布局 能够兼容多个不同终端, 而并不是传统的pc端一套页面,移动端一套页面。
  • 当初Ethan Marcotte在2010年5月份提出的这个概念的时候是希望响应式可以一统pc&mobile页面,同时我们也做到了。但是这样带来的问题也越发让开发者心烦意乱,最重要的一点就是兼容各种设备会导致 大量累赘的代码,维护与重构较麻烦。
  • 响应式布局讲究的是使用一套布局代码来在不同终端展示,根据屏幕尺寸的大小对页面的布局进行改造(即当屏幕变小时,开发者可能会让标题栏中原本显示10个子标题现在只显示5个,隐藏剩下的5个或者让其在第二行出现),而