代码

A collection of 8 posts

Webpack2 学习记录 — 第二章·模块热替换/兼容配置
JavaScript

Webpack2 学习记录 — 第二章·模块热替换/兼容配置

前言 上一章我们完成了 Webpack 的基础配置。对项目常用的资源都进行了模块化,这一章主要说明在基于 Webpack 的项目上实现模块热替换 (HMR)。模块热替换表现在开发上,就是当我们修改某段 html 或者 js 时。浏览器会自动完成代码的替换切不需要刷新浏览器。别看这个事情很小,一旦习惯了这种设定,就很难回到传统的开发方式了。它对开发效率上的提升是肥肠有必要的,所以我们今天就在基于 Webpack 的项目上来实现这一特性。Webpack 里实现 HMR 有两种方式: webpack-dev-server 自带服务器、配置简便。

  • TangCuXa
    TangCuXa
Webpack2 学习记录 — 第三章·开发/生产配置优化
JavaScript

Webpack2 学习记录 — 第三章·开发/生产配置优化

上一章我们完成了 Webpack HMR 的配置,这也是在前端工程化开发后的标配。相信这些新的东西能让你体会到一些不一样的感觉。这一章我们主要把上一章的配置进行一些优化,并且添加一些打包压缩之类的配置。我们在第一章完成了基本的配置,能够打包输出静态文件。在第二章完成了 HMR 的配置,但是我们会发现在第二章里并不会输出静态文件。所以这里引出一个概念,在前端工程化的项目里,开发与生产并不一定会用同一套配置。开发时我们需要自带服务器、需要 HMR ,但是在生产环境并不需要这些,我们只需要一些静态文件,往 nginx 一丢就可以了。接下来主要就会讲这一部分! 配置优化 项目需要同时具备 dev 和

  • TangCuXa
    TangCuXa
Webpack2 学习记录 — 第一章·最小可用配置
JavaScript

Webpack2 学习记录 — 第一章·最小可用配置

在大前端的路上,总有那么些坑需要去踩。 相比于 14 年初刚出来工作,那时对前端的感觉远没有现在敏感,也不会想到现在的前端会发生天翻地覆的变化。细数自己对前端领域的技能,不懂的还有很多。NodeJs 也是后来粗略看了些,略微了解。前端自动化方面则一直没有时间去学习,例如 Gulp 、Grunt 都一窍不通。而前端模块化方面,之前略微了解 RequireJS ,Webpack 也曾手动写过配置。如今 Webpack 已升级到 2.0 + ,感觉是一个系统的学习并记录下过程的好时机。基于这个原因,就有了这个系列。

  • TangCuXa
    TangCuXa
Java

SSM 整合教程,献给新人们的礼物 - 第二章

前情回顾 在第一章里,我们完成了一个基于 Spring + Spring MVC 的 Web 应用程序。但在我们现实中,一个具有一定业务能力的 Web 系统往往都需要进行数据的持久化。接下来,我们会在第一章的基础上,整合 ORM 框架 — Mybatis 。 ORM: Object Relational Mapping 对象关系映射 添加 Mybatis 依赖 <!-- Mybatis --> <dependency> <groupId>org.mybatis</groupId> <

  • TangCuXa
    TangCuXa
Git

Github Pages & Hexo 博客搭建教程

为什么要写博客? 之所以以这个标题开头,正是因为这篇文章主要讲的便是基于 Github Pages 服务与 Hexo 静态博客框架搭建博客的教程。博客是什么?在现在这个信息爆炸的时代,我们每天接收到的信息多不胜数。在这海量的信息里有大部分是无用的,我认为在吸收这些信息的同时,能够表达出自身想法、整合并输出优秀的内容正是我们所欠缺的。所以便在这里献上这篇文章,拥有一个博客也是你表达自身想法的第一步。权当抛砖引玉了 ^_^ 环境要求 Github 账户 Git 客户端 NodeJS 文本编辑器 使用 Github Pages 服务 创建一个以自己 Github 用户名加上 github.io 的仓库 例:jjandxa 是我的 Github 用户名,所以需要创建一个名为 jjandxa.github.io

  • TangCuXa
    TangCuXa
Java

SSM 整合教程,献给新人们的礼物 - 第一章

前言 大半年没有更新过博客,最近在水神的鼓动下又弄起了 Hexo ,想想还是写篇博客抒发下。 初入 Java Web 的童鞋第一个门槛就是创建一个 Web 应用程序,尽管可以使用 Servlet 编写,但那也显得太过**“原始“**了。为了优化应用架构、提高效率、代码可控,所以我们需要用到各种框架来辅助我们构建应用程序。目前我主要使用的便是 Spring MVC、Spring、Mybatis—简称 SSM 。 接下来会使用 Maven 来管理依赖与构建项目,不懂的童鞋也可以等我后面专门讲解 Maven 的文章。 项目使用 JetBrains 家族的 Intellij Idea 开发。 创建 Maven Web 项目

  • TangCuXa
    TangCuXa
Git

部署Docker Gitlab

Gitlab 由于公司现在 Git 私有服务使用的是 Gitblit ,虽然只有我们一个项目组在用 Git ,但使用下来问题不断,基本有以下几点: 团队成员对 Git 的使用不熟悉,目前只有我一个人长期使用 GitHub 、 Coding 等服务。 缺少 Git 工作流程的规范化。 由第二点引起的缺少代码评审机制 对于第一点,引入 SourceTree 可以解决大部分问题,在操作上使用图形界面相对于 Bash 上敲命令容易的多。 对于第二点,起先打算引入 Git Flow 工作流,然而相对来说还是较为复杂,成员不一定能够理解其中奥妙。 对于第三点,如果使用 Git Flow 工作流的话实现不了强制性代码评审,直到后来看到了 Gitlab 。 基于以上几点,我在 Ubuntu

  • TangCuXa
    TangCuXa
JavaScript

RequireJS 填坑

什么是 RequireJS — 自己 Google 去。 Start 点我去官网 刚认识用 RequireJS 之前,我还不知道前端还能这样模块化编程,尽管我是个渣,但当我第一次用上之后就回不去以前了,模块化管理你的 JS 是很有必要的,有利于前端工程的规范化管理,页面也不用写很多 link 标签和 script 标签了。 AMD 由于 RequireJS 是基于 AMD 规范的,我们需要来了解它是怎么使用的。 //hello.js define(['jquery'],function($) { //$('body') }) 这是一个基于的 AMD 规范定义的模块,它接收两个参数,第一个为依赖的字符串数组,第二个为回调的函数。这个例子表明它依赖于 jquery ,RequireJS

  • TangCuXa
    TangCuXa