0%

本文介绍通过npm来演示webpack入门的示例。

webpack为JavaScript应用提供了静态绑定,当webpack处理我们的应用时,其递归地处理应用中每一个模块的依赖,然后打包这些模块到一个或者多个bundles,我尽可能地时本篇教程易于理解。

Webpack4 的改进之处

  • 性能改进和更快的构建时间
  • 零配置小应用程序(我们也可以看看ParcelJS教程)
  • 针对纯模块更好的tree shaking,没有副作用
  • <script async>支持
  • 默认的,我们可以导出导入网页集合(Rust, C++, C, etc)
  • 介绍可以在developementproduction下选择的mode属性,默认为production

Webpack4 的开始

刚开始,我们只需要理解以下四个核心概念

  • Entry
  • Output
  • Loaders
  • Plugins
阅读全文 »

https://css-tricks.com/introduction-mo-js/

Mo.js致力于移动端的Javascript库,其有着一些惊人的特性,作者提供了一些经验的示例和教程。在这篇文章中快速了解其特性已经使用它。

基本前提

Mo.js提供了两种方式移动物件,可以做到其它的库所做的在DOM和SVG DOM内部并可以移动它,或者可以创建mo.js对象。

阅读全文 »

Information Technology

Machine Learning

Software Engineering

Containerization

BlockChain

HTML

Editor

Emacs

Graphic

manning.com

Elisp in Files

介绍

~/.emacs.d/.omars-dir/下编辑文件myomar.el

(defun omar-hip ()
(interactive)
(message "hip, hop, don't stop"))
(defun omar-hotel ()
(interactive)
(message "hotel, motel, holiday inn"))

为了让文件生效,我们需要在init.el添加路径:

(add-to-list 'load-path "~/.emacs.d/omars-dir")
阅读全文 »

在Emacs中编写Elisp

介绍

Emacs是一个提供一些列强大工具的支持多种语言程序开发的编辑器,它当然在Elisp方面的支持也是非常的优秀。

这一节我们来了解一下在Emacs下编写Elisp。

当打开*.el结尾的文件后,将看到Emacs菜单栏多了Emacs-Lisp菜单。

![](https://github.com/hypernumbers/learn_elisp_the_hard_way/raw/master/images/emacs-lisp.png)
阅读全文 »

编写函数

脚本模式的Elisp

建立一个脚本文件,然后通过命令行运行该脚本,比如:
first_programme.el

(message "Bonjour Tout Le Monde")

运行:

emacs --no-site-file --script message.el
阅读全文 »

First Elisp Programme

开始

本课将展示如何执行第一个Elisp程序

  • 开启Emacs
  • 进入scratch缓存(在菜单Buffer -> *scratch*)

输入下面的内容:

(+ 1 2)

然后将光标置于表达式的后面,按下快捷键C-j执行:

3

如果按下组合键C-x C-e,结果则会出现在minibuffer栏。

阅读全文 »