Fork me on GitHub

发表于 | 分类于

基本介绍

  • ThinkJS 是一款使用 ES6/7 特性全新开发的 Node.js MVC 框架，使用 ES7 中 async/await，或者 ES6 中的 */yield 特性彻底解决了 Node.js 中异步嵌套的问题。同时吸收了国内外众多框架的设计理念和思想，让开发 Node.js 项目更加简单、高效。
  • 使用 ES6/7 特性来开发项目可以大大提高开发效率，是趋势所在。并且新版的 Node.js 对 ES6 特性也有了较好的支持，即使有些特性还没有支持，也可以借助 Babel 编译来支持。
  • 本次是基于ThinkJS 2.2 版本进行学习。
    阅读全文 »

发表于 | 分类于

基本介绍

  • Promise对象是异步编程的一种解决方案，它表示一个尚未完成且预计在未来完成的异步操作。它有三种状态，分别是pending-进行中、resolved-已完成、rejected-已失败。
  • 当Promise的状态由pending转变为resolved或rejected时，会执行相应的方法，并且状态一旦改变，就无法再次改变状态，这也是它名字Promise-承诺的由来。
    阅读全文 »

发表于 | 分类于

前言

  • 前端工程师除了UI重构外，还有一个非常重要的职责就是在正确的区域渲染出服务端的数据。要构建一个大的web应用，不只是普普通通的由静态页面构成。

前后端如何实现交互

前端请求数据URL由后台来写

  • 在开发中，URL主要是由后台来写好给前端。
  • 若后台在查询数据，需要借助查询条件才能查询到前端需要的数据时，这时后台会要求前端提供相关的查询参数（即URL请求的参数）。
    阅读全文 »

发表于 | 分类于

Hexo简介

  • Hexo 是一个简单的、轻量的、基于Node.js的一个静态博客框架。
  • 通过Hexo我们可以快速创建自己的博客，仅需要几条命令就可以完成。
  • Hexo特性：
    • Hexo基于Node.js，支持多进程，几百篇文章也可以秒生成。
    • 支持GitHub Flavored Markdown和所有Octopress的插件。
    • Hexo支持EJS、Swig和Stylus。通过插件支持Haml、Jade和Less。
      阅读全文 »

发表于 | 分类于

jQuery动画及jQuery事件

jQuery动画

隐藏和显示
  • show()：显示动画
    • 原理：show()从上到下增加元素的高度，从左到右增加元素宽度，从0到1增加透明度，直至内容完全可见。
    • 语法：$(selector).show(speed,callback);
    • 可选的 speed 参数规定隐藏/显示的速度，可以取以下值：”slow”、”fast” 或毫秒。
    • 可选的 callback 参数是显示完成后所执行的函数名称。
  • hide()：隐藏动画
    • 原理：hide()通过改变元素的高度宽度和不透明度，直到这三个属性值到0。隐藏动画后将display设置为none。
    • 语法：$(selector).hide(speed,callback);
  • 显示和隐藏是一对密不可分的动画形式。
    阅读全文 »

发表于 | 分类于

jQuery中DOM操作

  • DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松的访问页面中的所有的标准组件。

DOM操作的分类：

DOM Core
  • DOM core并不专属于JavaScript，任何支持DOM的程序都可以使用。
  • JavaScript 中的getElementById()、getElementsByTagName()、getAttribute()、setAttribute()等方法都是DOM Core的组成部分。
HTML-DOM
  • HTML -DOM的出现比DOM-Core还要早，它提供一些更简明的标志来描述HTML元素的属性。
  • 比如：使用HTML-DOM来获取某元素的src属性的方法：element.src。
CSS-DOM
  • 针对CSS的操作。在JavaScript中，主要用于获取和设置style对象的各种属性，通过改变style对象的属性，使网页呈现不同的效果。
    阅读全文 »

发表于 | 分类于

this相关问题及jQuery选择器

this的相关问题

this指代
  • this指代当前操作的DOM对象。
  • 在jQuery中，this可以用于单个对象，也可以用于多个对象。
    阅读全文 »

发表于 | 分类于

jQuery概述

jQuery概念

  • JavaScript：基于JS语言的API和语法组织逻辑，通过内置window和document对象，来操作内存中的DOM元素，同时能用来动态操作样式css、数据访问、控制响应事件等。

    阅读全文 »