- 博客(22)
- 收藏
- 关注
RSS订阅原创 Amazon EC2 + Tomcat + Ngnix + Godaddy 配置HTTPS
记录配置HTTPS过程，环境是Amazon EC2 + Tomcat + Ngnix + Godaddy。第一步：购买SSL证书传送门第二步：生成CSR买完证书之后，在账户里进行配置的时候发现GoDaddy要求输入CSR。生成CSR这一部分需要在EC2 Instance里面完成。1. 生成私钥（private key）$ openssl genrsa -des3 -out host....
2018-12-11 19:36:09
989
原创 HTTP 响应状态码
HTTP 响应状态码本篇文章主要记录一下HTTP的响应状态码。总共有五大类，如下表：Code类别原因短语1XXInformational（信息性状态码）接收的请求正在处理2XXSuccess （成功状态码）请求正常处理完毕3XXRedirection（重定向状态码）需要进行附加操作以完成请求4XXClient Error（客户端错误状态码...
2018-10-18 20:48:28
982
原创 Vue webpack-dev-server热更新失败
Vue webpack-dev-server热更新失败今天踩了一个坑，就是webpack-dev-server热更新失效 或者说vue-cli脚手架热更新失效，记录一下。错误原因： 在页面中引入一个组件，然后把组件的父级目录名开头字母写成大写（原本是小写的），但是没有报引入失败，但是webpack监听不了文件的更新。如下：// 正确引入方法import ComA from '@/compo...
2018-10-17 20:26:42
4109
原创 记录关于git 分支操作几个命令
记录关于git 分支操作几个命令查看分支：git branch创建分支：git branch 切换分支：git checkout 创建+切换分支：git checkout -b 合并某分支到当前分支：git merge 删除分支：git branch -d ...
2018-10-15 17:13:21
323
原创 Webpack 实战
Webpack 一些应用场景实战本文主要讲 Webpack 在一些应用场景下的配置，如：ES6，SCSS，Vue，React 等等。希望对大家有帮助！ES6使用 babel-loader, 可以将 ES6 源码转为 ES5安装npm i -D babel-core babel-loader实例const path = require("path");module.exports...
2018-10-13 18:32:48
887
原创 webpack 入门基本知识
webpack 入门基本知识和教程经过对 webpack 一段时间的学习，想总结一下对 webpack 的认识。本文只是 webpack 入门知识的总结，希望对想入门 webpack 的小伙伴有一定的帮助。小谈 webpack 的产生背景相信大家都记得刚入门前端的时候，都是写一些原生的 HTML，CSS，Javascript。 然而我们很难只用原生的 HTML，CSS，Javascrip...
2018-10-13 16:15:24
251
原创 Linux tree 命令，以树状列出目录
Linux tree命令，以树状列出目录之前在一些文章上看到树状展示目录，感觉这个很适合用于项目结构的讲解。后来Google查询，发现Linux系统自带这个命令。就是tree。现在对它的一些使用记录下来，正所谓好记性不如烂笔头。常规使用对我而言，常用的几个的参数有：tree -L n // 列出n层结构目录tree -d // 列出目录结构所有参数a 显示所有文件和目录。-A 使...
2018-10-13 15:27:01
4743
原创 Node 加载模块过程
Node 加载模块过程概述Node 对 ES6 模块的处理比较麻烦，因为它有自己的 CommonJS 模块格式，与 ES6 模块格式是不兼容的。目前的解决方案是，将两者分开，ES6 模块和 CommonJS 采用各自的加载方案。Node 要求 ES6 模块采用.mjs 后缀文件名。也就是说，只要脚本文件里面使用 import 或者 export 命令，那么就必须采用.mjs 后缀名。requ...
2018-10-12 10:34:31
526
原创 浏览器加载 JS 脚本流程
浏览器加载 JS 脚本流程加载传统 ES5 JS 脚本的流程在 HTML 网页中，浏览器通过<script>标签加载 JavaScript 脚本。//页面内嵌的脚本<script type="application/javascript"> // module code</script>//外部脚本<script type="appli...
2018-10-11 16:43:38
5666
翻译 理解 JSON Web 令牌（JWT）的 5 个简单步骤
理解 JSON Web 令牌（JWT）的 5 个简单步骤在本文中，将解释 JSON Web Tokens（JWT）的基本原理以及它们的使用原因。JWT 是确保应用程序信任和安全的重要部分。JWT 允许以安全的方式表示诸如用户数据之类的声明。为了解释 JWT 如何工作，让我们从一个抽象的定义开始。JSON Web 令牌（JWT）是一种 JSON 对象，在 RFC 7519 中定义为在两方之间表...
2018-10-09 11:00:11
1301
转载 浏览器工作原理探究详解
浏览器工作原理探究标签： 浏览器工作原理 / web性能优化引言最近对web的性能优化比较感兴趣，而前端代码主要在浏览器工作的。如果对浏览器的工作原理了解清楚，可以为web性能优化提供方向以及理论依据。本文主要参考浏览器的工作原理：新式网络浏览器幕后揭秘,在此基础上整理而来的。个人觉得这是一篇好文章，所以进行整理转载，希望对大家有所帮助。（文章篇幅比较长，需花点时间_）目录浏览...
2018-09-28 18:33:36
790
转载 关于JavaScript单线程的一些事
关于JavaScript单线程的一些事标签： JavaScript 单线程摘录地址：关于JavaScript单线程的一些事首先，说下为什么 JavaScript 是单线程？总所周知，JavaScript 是以单线程的方式运行的。说到线程就自然联想到进程。那它们有什么联系呢？进程和线程都是操作系统的概念。进程是应用程序的执行实例，每一个进程都是由私有的虚拟地址空间、代码、数据和其它系...
2018-09-28 10:37:34
131
原创 Vuex学习笔记
Vuex 学习笔记记录vuex的一些使用方法，包括：核心概念，模块化，辅助函数，热重载，项目结构等。参考Vuex官网 核心概念 const store = new Vuex.Store({ //Vuex使用单一状态树�� ，使用一个对象来保存整个应用层级的状态。 //state就是这个对象，state里面的属性会保存整个应用需要保存的状态。 state...
2018-09-08 09:31:30
264
原创 vue-router导航守卫
vue-router导航守卫总共有三种模式全局守卫``` const router = new VueRouter({ ... }) 1. 全局前置守卫 router.beforeEach((to, from, next) =&amp;gt; { //do something }) 三个参数解释： to(type: Route): 即将要进入的目标 路...
2018-09-06 16:35:11
205
原创 信用卡格式
信用卡格式defaultFormat = /(\d{1,4})/g;cards = [ { type: 'amex', pattern: /^3[47]/, format: /(\d{1,4})(\d{1,6})?(\d{1,5})?/, length: [15], cvcLength: [4], luhn: t...
2018-09-05 18:19:47
1673
原创 sass学习笔记
sass学习笔记Sass 允许将一套 CSS 样式嵌套进另一套样式中，内层的样式将它外层的选择器作为父选择器 #main p { color: #00ff00; width: 97%; .redbox { background-color: #ff0000; color: #000000; }}编译为#m...
2018-09-05 18:08:11
555
原创 web前端开发性能优化
性能优化 优化原则 多使用内存、缓存或其他方法 多使用CPU计算，减少网络请求 入手方面： 加载页面和资源 资源压缩合并使用CDN静态资源缓存使用SSR后台渲染，数据直接渲染成HTML 页面渲染 CSS在前，JS在后，这跟渲染的过程有关懒加载减少DOM查询，DOM查询前可以先做缓存减少DOM操作，尽量合并操作事件节流，比如设置一定时间才监听尽早操作，比
2017-09-05 21:07:00
308
原创 JavaScript一个通用于代理和不代理的绑定事件函数
这篇文章主要关于js一个通用的绑定事件函数。绑定事件在我们开发的过程中会经常用到。写一个通用的函数是很必要的。 这里先讲一下代理。如一下代码，ul中有很多个li，而且li还有可能增加。如果要为每个li添加一个点击事件，操作起来将比较麻烦，代码量大不简洁，占内存。这时可以将事件代理到ul上，当点击li时，由于事件冒泡，ul上也起作用，之后再判断是点击那个li即可。<ul id="uid">
2017-09-04 00:18:00
398
原创 JavaScript异步和单线程经典的例子setTimeout
这篇文章主要讲一下js的异步和单线程以及一个经典例子。 JavaScript是单线程和异步执行的。单线程的意思是一次只干一件事，所有要执行的任务都是排队一个个来。 异步和同步是相对的，同步是说执行任务时要阻塞，上一个任务没有执行完，下一个任务不会执行。而异步会有所不同，当上一个任务需要等待时，会把该任务暂存起来，不会立即执行，等到所有程序执行完，处于空闲状态时，会立即查看有没有暂存的任务
2017-09-02 23:14:19
310
原创 a标签实现当前页面跳转某个位置
今天在做项目时，需要实现跳转到某个页面的功能。记录一下，也希望对大家有用。 主要是利用a标签和div的id，在a的href属性那写上"#div_id",点击链接即可跳到页面中对应id的div。代码如下： <a href="#ch_title">文章标题</a> <div id="#ch_title">这是文章标题</div>如上代码，点击连接“文章标题”，即可跳到div“这是
2017-08-15 23:13:53
11581
原创 node.js 之express入门学习
nodejs 之express模板入门学习，主要介绍了在Windows下安装nodejs、sublime Text 代码编辑器、express、nodemon等。
2017-04-11 17:54:54
282
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人