Swan

# 少食多餐 VS 8小时集中摄入？ 最近一个月的减脂计划还在进行，尝试这两种不同的饮食方式，记录一下优缺点吧~ ## 少食多餐 这个是相对传统的方式了，总体热量控制好，分配到全天不同时段摄入，我自己通常是按以下规划进行： | 时间 | 摄入 | | --- | --- | | 早上七点起床 | 少量碳水 部分蛋白质 | | 11点半左右 | 部分碳水 蛋白质 脂肪...

# 一件蛋疼的事 v-click 之前写完博客的响应式布局就在想怎么优化移动端300ms 问题，简单搜索以后觉得自己写个 touchstart-touchend/click 自动判断绑定的插件吧，然后就写了，写了就蛋疼了。。。 **vue-router 的 v-link 默认绑定 click 事件**，根本不给机会。。。意味着这个插件的写法没法和 vue-router 一起使用，博客上只好上 fastclick 了，虽然我觉得我这么 low的博客根本没必要用这么高大上的东东，不过压缩后只有不到4k，**(哎呦这个库还不错！)**嗯。 写都写了，发出来吧~主要是抄袭了网红二哲的 v-tap，尤大大的 v-touch,自己写插件来练练手，又给上帝交了学费。 ## v-click 简介 思路就是根据 navigator.userAgent 信息判断是否是 pc 端，从而绑定相应的事件。暂时只有 touchstart...

昨天在byr 论坛上看到一个帖子，关于 jQuery 初始化以及原型和 extend 方法的疑问，一直以来使用 jQuery 觉得方便的紧，那么是如何做到的呢？带着这些疑问对 jQuery 源码进行一些分析整理和小测，记录下~ ## jQuery构造器 jQuery使用非常方便，其中一个原因就是我们在调用的时候并不需要使用关键字new来创造一个jQeury对象，直接使用`jQuery(“#id”)`或`$(“.class”)`就可轻松得到一个新的jQuery对象。原因就是jQuery使用工厂方法，利用构造器创造一个新的jQuery对象并返回，省去了用户的new操作。 来看一下 jQuery 的构造代码： ``` javascript (function (window, document, undefined) { var w = window, doc = document;...

#2016.07训练计划 六月的计划效果不是很好，因为之前准备5个月的马拉松，力量下降很多，这个月就以恢复力量为主。 目前深蹲100kg，卧推80kg，硬拉120kg，目标一个半月三大项增长40kg。 ## 腿 | 动作 | 安排(set x rm) | | --- | :-: | | 史密斯深蹲 | 6 x 8 | | 坐姿腿屈伸 | 4 x 12...

# Vue.js + LeanCloud（node.js）前后端分离开发样板 LeanCloud 作为国内领先的 Baas 云服务提供者，简化了很多相对复杂的操作，使得前端工程师 hold 住一个完整项目变得简单。 > 通过 LeanEngine 云引擎部署前后端代码，配合高效的数据存储完全解放了生产力，尤其是2015年 LeanCloud 推出的 LeanEngine-Full-Stack 解决方案，它整合了当前 Web 技术的通用方案，并与 LeanEngine 紧密结合，将基础架构、自动化构建、国际化方案等底层技术解决方案组织成一个整体。用户可以通过最简单的方式，直接开始业务开发，不必再纠结那些底层的技术选型了。 但是，**这个项目已经好久没有更新过了。。。**最新的 LeanEngine 云引擎都升级到3.0，很多 api 都有变化，之前的全栈项目却是没人维护了。 最近学习 Vue.js 感觉真的好用，所以配合最新的云引擎写一个...

# Vuex 计算器构建实例 最近想熟悉一下这个状态管理的神器，写了一下尤大大的小 demo，文档中说**增加一个表单组件和之前的按钮比起来相对棘手**，这里把遇到的小问题记录一下。 如果对你有帮助的话,欢迎 star~ [我的github ^_^](https://github.com/jiangjiu/blog-md/issues/11)  ## 安装 环境还是使用官方的 vue-cli 脚手架进行搭建，废话不多说。 ``` bash // 克隆这个项目后输入以下命令进入开发模式 npm install npm run dev ``` ## Vuex数据流 1. Action决定了对 store...

2015.06 BUPT健身房训练计划

1

#2016.06训练计划 ## 腿 腹 | 动作 | 安排(set x rm) | | --- | :-: | | 史密斯深蹲 | 6 x 8 | | 坐姿腿屈伸 | 4 x 12 |...

# 事件 ## 冒泡和捕获阶段  - 一图流解释：IE 事件流叫做事件冒泡，从元素逐级向上传递，所有现代浏览器支持事件冒泡。 - 事件捕获是网景团队提出，虽然规范要求应该从 document 对象开始，但浏览器基本都从 window 对象开始。特殊需求才会使用。 ## 目标阶段 - 需要注意的是，你以为点击蚊子，事件目标节点在div上，其实实际触发会在最深的节点，比如 p 或者 span 等子节点上。 ## DOM 事件流 - _DOM2级事件_规定的事件流包括三个阶段：事件捕获，目标事件阶段和事件冒泡阶段。 - 规范要求：捕获阶段不触发目标元素事件，然后目标事件处理，再进行冒泡阶段。 -...

# DOM 扩展 - 对 DOM 的两个主要的扩展是 Selectors API 和 HTML5. ## 选择符 API - Selectors API Level 1的核心是两个方法: querySelector()和 querySelectorAll().兼容性 IE8+。 ### querySelector方法 - querySelector()方法接受一个 CSS 选择符，返回与该模式匹配的第一个元素，没有匹配返回 null。 ```...

# DOM对象 ## 节点层次 - 文档节点 document 是每个文档的根节点。文档节点只有一个子节点，即 `` 元素,称之为文档元素。在 HTML 中，文档元素始终是``元素。 - HTML 元素通过元素节点表示，特性通过特性节点表示，文档类型通过文档类型节点表示，注释则通过注释节点表示。总共有12种节点类型，这些类型都继承于一个基类型。 ## Node 类型 - 每个节点都有一个 nodeType 属性，用于表明节点类型。12个数值常量表示，任何节点类型必居其一。例如： 1. Node.ELEMENT_NODE(1) 2. Node.ATTRIBUTE_NODE(2) 3. Node.TEXT_NODE(3) - 为了确保浏览器兼容，最好还是将...