预备知识： 必须：Git，GitHub，Jekyll，Markdown 可选：HTML，JavaScript，CSS，XML 工具： 可选：VSCode+Markdown Preview Github Styling，GitHub Desktop 操作： 注册一个GitHub的账号，可以使用GitH... ...
分类：
其他好文 时间：
2019-01-06 13:33:11
阅读次数：
234
结合本文场景，需要安装Nginx和Java环境（运行SpringBoot项目）。1.什么是动静分离？在弄清动静分离之前，我们要先明白什么是动，什么是静。在Web开发中，通常来说，动态资源其实就是指那些后台资源，而静态资源就是指HTML，JavaScript，CSS，img等文件。一般来说，都需要将动态资源和静态资源分开，将静态资源部署在Nginx上，当一个请求来的时候，如果是静态资源的请求，就直接
分类：
其他好文 时间：
2019-01-02 19:30:43
阅读次数：
210
基本介绍 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源，它可以将多种静态资源 JavaScript、css、less 等转换成一个静态文件，减少了页面的请求。 React 起源于 Facebook 的内部项目，用来架 ...
分类：
Web程序 时间：
2019-01-01 21:15:58
阅读次数：
245
什么是webpack？ 简单来说，就是模块打包机，主要分析项目的结构，根据你的配置将源代码转换发布到线上可执行的代码。 代码转换：TypeScript 编译成 JavaScript、SCSS 编译成 CSS 等。 文件优化：压缩 JavaScript、CSS、HTML 代码，压缩合并图片等。 代码分 ...
分类：
Web程序 时间：
2018-12-27 22:50:27
阅读次数：
233
1、单页面应用（SPA）的概念：1、single-page application是一种特殊的Web应用。它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript、CSS。一旦页面加载完成，SPA不会因为用户的操作而进行页面的重新加载或跳转，而是利用Ja ...
分类：
其他好文 时间：
2018-12-17 16:08:23
阅读次数：
215
java模板引擎。能够处理HTML、XML、JavaScript、CSS甚至纯文本。类似JSP、Freemarker 自然模板。原型即页面。 语法优雅易懂。OGNL、SpringEL 遵从Web标准。支持HTML5. 如何识别标准方言 <span th:text="..."> <span data- ...
分类：
其他好文 时间：
2018-12-07 21:04:44
阅读次数：
274
性能优化：一：css，js语法层面优化。二：HTTP协议网络性能优化三：用户体验优化（发力点） 1.使用 CDN2.图片懒加载3.使用外部 JavaScript 和 CSS4.压缩 JavaScript 、 CSS 、字体、图片等5.优化 CSS Sprite6.减少 HTTP 请求数7.减少 DN ...
分类：
其他好文 时间：
2018-11-16 23:35:23
阅读次数：
224
Thymeleaf是用于Web和独立环境的现代服务器端Java模板引擎。Thymeleaf的主要目标是将优雅的自然模板带到您的开发工作流程中—HTML能够在浏览器中正确显示，并且可以作为静态原型，从而在开发团队中实现更强大的协作。Thymeleaf能够处理HTML，XML，JavaScript，CSS甚至纯文本。
分类：
编程语言 时间：
2018-11-06 23:30:05
阅读次数：
274
Thymeleaf是一个Java模板引擎开发库，可以处理和生成HTML、XML、JavaScript、CSS和文本，在Web和非Web环境下都可以正常工作。 Thymeleaf可以跟Spring boot很好的集成。 整合步骤 1.修改pom.xml 增加下面代码片段： 2.修改 applicati ...
分类：
编程语言 时间：
2018-10-14 23:01:08
阅读次数：
274
原生 JavaScript 实现 state 状态管理系统 Build a state management system with vanilla JavaScript | CSS-Tricks 在软件工程中，状态管理已经不是什么新鲜概念，但是在 JavaScript 语言中比较流行的框架都在使用 ...
分类：
编程语言 时间：
2018-08-01 19:44:05
阅读次数：
415
