sanakey / sanakey.github.io Goto Github PK

https://sanakey.xyz/2018/06/25/hello-world/

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick

http://sanakey.xyz/about/

前端，博客

https://sanakey.xyz/tags/

前端，博客

https://sanakey.xyz/about/

前端，博客

http://sanakey.xyz/2018/06/25/hello-world/

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick

https://sanakey.xyz/2018/07/08/%E4%BD%A0%E4%B8%8D%E7%9F%A5%E9%81%93%E7%9A%84JavaScript-%E9%97%AD%E5%8C%85/

前言继续上次的<你不知道的JavaScript>读书笔记，这次是闭包部分。

https://sanakey.xyz/2018/06/25/My-First-Post/

#HelloWorld我的第一篇博文

https://sanakey.xyz/collection/

免费图床简单图床 SM.MS Chuantu 思维导图百度脑图 ProcessOn 程序员工具在线工具 在线工具2 浏览器内核检测 Web前端助手 网址缩短 文件处理ico在线制作 在线图像优化器 pdf格式互转 生活历史价格查询 爱电子产品 素材爱给网

https://sanakey.xyz/2018/07/01/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%85%A5%E9%97%A8-%E4%BA%8B%E4%BB%B6/#more

前言前面我曾写过一篇介绍微信小程序实现二级菜单的小教程，里面留下了一个坑，那就是关于小程序里的事件，当时并没有过多介绍。 对于新人来说，bind与catch、event对象里的target与currentTarget是一道门槛，需要我们花点心思去搞明白它们的区别，在工作中才能灵活运用，提高开发效率。 好了，接下来开始详细介绍它们的区别。

https://sanakey.xyz/2018/06/26/Github-Pages-Hexo%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E7%9A%84%E5%85%8D%E8%B4%B9%E5%BB%BA%E7%AB%99%E6%95%99%E7%A8%8B/

Github Pages和Hexo简介Github Pages 其实就是 Github 提供的博客服务。 你可以理解为github免费提供给你的服务器，而Hexo就是你可以快速发表博客的工具。 有过建站经验的小伙伴应该都清楚，如果自己想搭建一个属于自己的网站，首先得有一个服务器给你保存数据，购买了服务器之后，服务提供商会给你提供一个服务器的ip地址，此时你只能通过ip地址对你的服务器进行访

https://sanakey.xyz/2018/07/02/Git%E4%B8%8EGithub%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/#more

工作中经常会使用到git命令来进行代码托管于备份，总结了一些常用场景下的命令，在此分享出来。

https://sanakey.xyz/2018/07/03/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F-%E8%87%AA%E5%AE%9A%E4%B9%89tabBar%E7%BB%84%E4%BB%B6/

前言用过微信提供的tabBar组件就会发现，局限性不少，样式上的局限性不说，tabBar是写在app.json配置文件中的，这就意味着不能动态改变tabBar的个数，不能在tabBar上面添加函数等等。 加上最近客户有需求，要求tabBar动态改变个数，于是折腾许久写了一个，分享出来。

http://sanakey.xyz/2018/06/27/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%85%A5%E9%97%A8-%E4%BA%8C%E7%BA%A7%E8%8F%9C%E5%8D%95/#comments

前言在前端开发中，我们经常会遇到样式切换操作。 在浏览器环境下，使用原生JS或jQuery可以很方便的对dom进行操作，从而达到基本的样式切换效果。但是在微信小程序中没有dom，我们不能直接对dom进行操作。 这应该会让之前一直在浏览器环境开发且没有接触过数据驱动类框架的朋友很不习惯，每当遇到样式切换操作时，清除其他样式，给当前点击元素添加样式的**已经深入骨髓，这种情况下去接触小程序，确实一时半

https://sanakey.xyz/2018/07/19/ES6%E5%B8%B8%E7%94%A8%E6%96%B0%E7%89%B9%E6%80%A7%E4%B8%80/

前言ES6增加了不少新特性，灵活运用可以大幅提高工作效率，下面总结了一下比较常用的新特性。 let const 解构赋值 模板字符串 数组拓展 箭头函数 对象拓展

http://sanakey.xyz/2018/06/25/My-First-Post/

#HelloWorld我的第一篇博文

https://sanakey.xyz/2018/08/08/Vue%E7%BB%84%E4%BB%B6%E4%B9%8B%E9%97%B4%E7%9A%84%E4%BC%A0%E5%80%BC/

前言组件系统是vue系统中非常重要的一个概念，我们可以利用vue提供的组件系统把一个复杂的项目，拆解成若干个小组件，组件不仅利于我们开发时对代码的编写，也利于对代码后期的维护。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。 组件的好处很多，但也带来了一

https://sanakey.xyz/2018/07/06/%E4%BD%A0%E4%B8%8D%E7%9F%A5%E9%81%93%E7%9A%84JavaScript-%E4%BD%9C%E7%94%A8%E5%9F%9F/#more

前言最近在看<<你不知道的JavaScript>>系列书籍，这套书在Github上是star数超过8W的开源书籍。 久仰大名，前不久趁着618打折，买了一整套。目前读了一下上册，重点正是JS的几个主要难点之一：作用域与闭包，this、原型与原型链。 作者循序渐进，由浅入深讨论了让人困惑的这些难题，加上幽默的讲解方式并不会让人感到无聊。 我整理了一下自己看书时的笔记，方便复习

https://sanakey.xyz/2018/08/01/Vue%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F/

前言 Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。

https://sanakey.xyz/2018/07/16/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E4%B8%8E%E9%9D%A2%E5%90%91%E8%BF%87%E7%A8%8B/

前言作为编程初学者，经常会听到人们说面向对象编程，而自己平常写的代码都是面向过程的，根本不懂：面向对象到底是什么东西，有什么好处，我们为什么要使用面向对象编程以及什么时候使用面向对象编程等一系列问题。看完这篇文章，你或许会有所体会。

https://sanakey.xyz/2018/07/14/%E4%BD%A0%E4%B8%8D%E7%9F%A5%E9%81%93%E7%9A%84JavaScript-%E5%AF%B9%E8%B1%A1/

前言继续整理<你不知道的JavaScript>读书笔记，本文是对象部分。

https://sanakey.xyz/2018/08/15/Vuex%E7%AE%80%E4%BB%8B/

前言之前提到过几种组件之间传值的方法，可以解决一般的组件传值问题。但是当组件内的传值关系过于复杂时，比如在单页面应用内，使用bus总线也会变得很麻烦，这时vue官方给我们提供了一个工具，它就是Vuex，专门用来解决复杂的组件传值问题。

https://sanakey.xyz/2018/07/22/ES6%E5%B8%B8%E7%94%A8%E6%96%B0%E7%89%B9%E6%80%A7%E4%BA%8C/

前言ES6增加了不少新特性，下面继续整理了一下比较常用的新特性。 Set Map Promise Class Module

https://sanakey.xyz/2018/07/13/%E4%BD%A0%E4%B8%8D%E7%9F%A5%E9%81%93%E7%9A%84JavaScript-this%E7%BB%91%E5%AE%9A%E8%A7%84%E5%88%99/#more

前言this是JavaScript里面老生常谈的问题，因为其诡异的机制，基本每个初学者都会迷惑于this的指向问题，而this又是面向对象编程的基础，所以弄明白this的指向是提高自己编程能力的重要一环。《你不知道的JavaScript》上册第二部分详细讲解了this的几种指向问题，如果你还不懂this的指向，下面的文章应该能帮你解决这个难题。