基于 Hexo 键入在线聊天功能
前言
本站基于Hexo搭建,用的 🦋 hexo-theme-butterfly 主题 v3.7.1,请注意最新的🦋 hexo-theme-butterfly 版本已经更新到 v4.3.0 。如果你是 v3.7.1 之外的版本,可能有些地方会有出入,请留意。
注意:我的博客根目录路径为 【G:/hexo-blog/blog-demo】,下文所说的根目录都是此路径,将用[BlogRoot]代替 ...
基于 Hexo 键入分享功能
前言
本站基于Hexo搭建,用的 🦋 hexo-theme-butterfly 主题 v3.7.1,请注意最新的🦋 hexo-theme-butterfly 版本已经更新到 v4.3.0 。如果你是 v3.7.1 之外的版本,可能有些地方会有出入,请留意。
注意:我的博客根目录路径为 【G:/hexo-blog/blog-demo】,下文所说的根目录都是此路径,将用[BlogRoot]代替 ...
Hexo + Butterfly 自定义右键菜单
前言
本站基于Hexo搭建,用的 🦋 hexo-theme-butterfly 主题 v3.7.1,请注意最新的🦋 hexo-theme-butterfly 版本已经更新到 v4.3.0 。如果你是 v3.7.1 之外的版本,可能有些地方会有出入,请留意。
注意:我的博客根目录路径为 【G:/hexo-blog/blog-demo】,下文所说的根目录都是此路径,将用[BlogRoot]代替 ...
基于 Hexo 键入搜索功能
前言
本站基于Hexo搭建,用的 🦋 hexo-theme-butterfly 主题 v3.7.1,请注意最新的🦋 hexo-theme-butterfly 版本已经更新到 v4.3.0 。如果你是 v3.7.1 之外的版本,可能有些地方会有出入,请留意。
注意:我的博客根目录路径为 【G:/hexo-blog/blog-demo】,下文所说的根目录都是此路径,将用[BlogRoot]代替 ...
前端基础进阶(十七):详解 ES6 Modules
概述历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他语言都有这项功能,比如 Ruby 的require、Python 的import,甚至就连 CSS 都有@import,但是 JavaScript 任何这方面的支持都没有,这对开发大型的、复杂的项目形成了巨大障碍。
在 ES6 之前,社区制定了一些模块加载方案,最 ...
前端基础进阶(十六):ES6常用基础合集
变量声明方式 let/const与 var 不同,新的变量声明方式带来了一些不一样的特性,其中最重要的两个特性就是提供了块级作用域与不再具备变量提升。通过 2 个简单的例子来说明这两点。
{ let a = 20;}console.log(a); // a is not defined
而这个简单的例子,会被编译为:
{ let _a = 20;}console.log(a); ...
前端基础进阶(十五):详解 Promise对象
前言文章的开头,主要分析一下,为什么会有 Promise 出现。
在实际的使用中,有非常多的应用场景我们不能立即知道应该如何继续往下执行。最常见的一个场景就是 ajax 请求。通俗来说,由于网速的不同,可能你得到返回值的时间也是不同的,这个时候我们就需要等待,结果出来了之后才知道怎么样继续下去。
// 简单的ajax原生实现var url = 'https://hq.tigerbrokers.co ...
前端基础进阶(十四):深入核心,详解事件循环机制
推荐阅读
这个前端面试在搞事
80% 应聘者都不及格的 JS 面试题
熟悉事件循环?那谈谈为什么会分为宏任务和微任务
学习事件循环机制之前,希望你已经懂得了如下概念:
执行上下文(Execution context)
函数调用栈(call stack)
队列数据结构(queue)
Promise(将在下一篇文章专门总结Promise的详细使用)
因为chrome浏览器中新标准中的事件 ...
前端基础进阶(十三):详细图解jQuery对象,以及如何扩展jQuery插件
jQuery在前端史上有它非常超然的历史地位,许多从中学到的技巧在实践开发中仍然非常好用。简单的了解它有助于我们更加深入的理解JavaScript。如果你能够从中看明白jquery是如何一步步被取代的,那么,我想你的收益远不止学会使用了一个库那么简单。
因此,我的态度是,项目中你可以不用,但是我建议你了解了解jQuery的思想。
这篇文章的主要目的,是从面向对象的角度,跟大家分享jquery对象 ...
前端基础进阶(十二):面向对象实战之封装拖拽对象
前几篇文章,跟大家分享了JavaScript的一些基础知识,这篇文章,将会进入第一个实战环节:利用前面几章的所涉及到的知识,封装一个拖拽对象。为了能够帮助大家了解更多的方式与进行对比,在这里将使用三种不同的方式来实现拖拽。
不封装对象直接实现;
利用原生JavaScript封装拖拽对象;
通过扩展jQuery来实现拖拽对象。
本文的例子将会放置于codepen.io中,供大家在阅读时直接查看 ...