Express结合webpack实现HMR
webpack dev serverWebpack dev server 是一个轻量的node.js express服务器,实现了 webpack 编译代码实时输出更新。在前后端分离的前端项目开发中经常用到。
webpack-dev-middlewareWebpack dev middleware ...
http和https
前言最近, 个人博客想加上小绿锁, 也就是安全连接的标识, 但是自己的http相关知识太匮乏了, 所以想去了解一下 http 的相关知识
所以带着一下几个问题去查资料:
HTTP是什么
HTTP通信存在什么问题
HTTPS如何改进HTTP存在那些问题
HTTPS工作原理是什么
HTTP是什么HT ...
webpack的plugin
generate-json-webpack-plugin最近在接触一个新的vue项目的时候, 发现项目初始化的时候回去请求一个json配置文件,但是我在开发本地目录找不到对应的 json 配置, 只有几个内容相似的 js 文件, 遂想是否是 webpack 将 js 文件转换成了 json 文件了, ...
nginx基础知识
nginx在应用程序中的作用
解决跨域
请求过滤
配置gzip
负载均衡
静态资源服务器
首先先来了解一下一些基础知识, nginx是一个高性能的反向代理服务器那么什么是反向代理呢?
正向代理与反向代理代理是在服务器和客户端之间假设的一层服务器,代理将接收客户端的请求并将它转发给服务器,然后将服务 ...
TTFB时间过长
背景最近项目中的某个页面的加载时间过长, 从第一个接口开始到最后一个接口调用结束一共用了 5.5s ~ 6s.
通过浏览器调试工具的 Network 页签, 仔细查看每一个接口的调用时间, 抛开调用后端的resful接口, 静态资源(.js/.html/.json)的加载及解析花了大量的时间.
查看 ...
解构赋值
记录稍微复杂一点的解构赋值1234567891011let obj = { p: [ 'Hello', { y: 'World' } ]};let { p, p: [x, { y }] } = obj;x ...
javascript回流和重绘
一. 什么是DOMDOM: Document Object Model 文档对象模型
只有JavaScript才能调用DOM这个API吗?
答案是否
Python也可以访问DOM
PS: 实质上还存在CSSOM: CSS Object Model, 浏览器将CSS代码解析成树形的数据结构,与DOM ...
nodejs一些学习
process1234process.cwd(); // 返回进程的当前工作目录process.env; // 返回用户的环境信息process.execPath; // 返回启动进程的可执行文件的绝对路径(node的路径)process.argv; // 返回进程启动时的命令行参数。 第一个元素是 ...
this
一. 全局执行1console.log(this); // Window
二. 函数中执行
非严格模式中
12345function func () { console.log(this);}func();// Window
严格模式123456"use strict" ...
vue-router
一. 单页应用以前我们的网页应用都是输入一个url, 前端会请求后台, 后台返回一个新的html文件, 让前端进行渲染, 现在很多单页应用在浏览器地址栏输入url后, 都是不经过后台的, 仅仅是前端的javascript去处理路由的跳转, 那么我们就需要一个称职合理的路由工具来帮我们完成前端路由跳转 ...