概述 作为一个前端,我觉得必须要学会使用 nginx 干下面几件事: 代理静态资源 设置反向代理(添加https) 设置缓存 设置 log 部署 smtp 服务 设置 redis 缓存(选) 下面我按照这个节奏一一研究一遍,把心得记录下来,供以后开发时参考,相信对其他人也有用. 设置 log nginx 的日志分为访问日志和错误日志,在配置中加入如下命令即可开启日志: access_log /Users/zhouyang/Documents/tencent/test/local-nginx/ng…

概述 作为一个前端,我觉得必须要学会使用 nginx 干下面几件事: 代理静态资源 设置反向代理(添加https) 设置缓存 设置 log 部署 smtp 服务 设置 redis 缓存(选) 下面我按照这个节奏一一研究一遍,把心得记录下来,供以后开发时参考,相信对其他人也有用. 设置缓存 缓存一般是设置在 location 块里面,示例代码如下: events { # worker_connections 1024; ## Default: 1024 } http { server { list…

概述 作为一个前端,我觉得必须要学会使用 nginx 干下面几件事: 代理静态资源 设置反向代理(添加https) 设置缓存 设置 log 部署 smtp 服务 设置 redis 缓存(选) 下面我按照这个节奏一一研究一遍,把心得记录下来,供以后开发时参考,相信对其他人也有用. 参考资料: 前端工程师学习 Nginx 入门篇 设置反向代理 为什么叫反向代理?因为一般的代理是代理客户端,而如果我们要代理服务器的话,就好像反向一样,所以叫反向代理.所以我们把代理服务器的代理都叫反向代理. nginx…

概述 作为一个前端,我觉得必须要学会使用 nginx 干下面几件事: 代理静态资源 设置反向代理(添加https) 设置缓存 设置 log 部署 smtp 服务 设置 redis 缓存(选) 下面我按照这个节奏一一研究一遍,把心得记录下来,供以后开发时参考,相信对其他人也有用. 参考资料: nginx 基本入门 Beginner's Guide nginx 重要点 (nginx 的安装我就不介绍了,自己按文档安装就行) 1.如果 nginx 已经开启,那么可以使用如下命令控制 nginx ngi…

原文技术胖的 nginx 技术胖 专注于前端开发 deepin Linux Deepin 是一个基于 DEB 包管理的一个独立操作系统,和那些 Ubuntu(下个大版本是基于 debian 开发) 的衍生版仅仅只是换主题.调整 ISO 预置的软件包不同.Linux Deepin 在大量吸纳 Debian/Ubuntu 仓库的软件包之外,构建了更大的 Deepin 软件仓库.Linux Deepin 的软件仓库不但包含 Debian/Ubuntu 的软件包,还包含了大量深度原创的软件以及第三方优质…

摘要: 最常用的Web服务器 -- Nginx 原文:前端开发者必备的Nginx知识 作者:ConardLi Fundebug经授权转载,版权归原作者所有. Nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源服务器 nginx是一个高性能的HTTP和反向代理服务器,也是一个通用的TCP/UDP代理服务器,最初由俄罗斯人Igor Sysoev编写. nginx现在几乎是众多大型网站的必用技术,大多数情况下,我们不需要亲自去配置它,但是了解它在应用程序中所担任的角色,…

Nginx一直跟我们息息相关,它既可以作为Web 服务器,也可以作为负载均衡服务器,具备高性能.高并发连接等. 1.负载均衡 当一个应用单位时间内访问量激增,服务器的带宽及性能受到影响, 影响大到自身承受能力时,服务器就会宕机奔溃,为了防止这种现象发生, 以及实现更好的用户体验,我们可以通过配置Nginx负载均衡的方式来分担服务器压力 当有一台服务器宕机时,负载均衡器就分配其他的服务器给用户,极大的增加的网站的稳定性 当用户访问web时候,首先访问到的是负载均衡器,再通过负载均衡器将请求转发给后…

遇到的问题表现出来就是如题所述,因此作为题目. 我们知道,前端有很多方便的构建和打包工具,如webpack等,通常我们会把前端文件打包到dist目录下,部署到服务器上,如nginx等. 这次遇到的问题是我下载了别人的一个代码压缩包,是一个vue.js+webpack的项目,构建好后上传服务器,可以保证的是服务器上的nginx配置完全正确,但是在浏览器上怎么访问都是403 forbidden. 仔细观察项目结构与文件权限,发现项目下所有文件都是755的权限,所有文件夹都是700的权限,构建出来的文…

遇到的问题表现出来就是如题所述,因此作为题目. 我们知道,前端有很多方便的构建和打包工具,如 webpack 等,通常我们会把前端文件打包到dist目录下,部署到服务器上,如 nginx 等. 这次遇到的问题是我下载了别人的一个代码压缩包,是一个 vue.js + webpack 的项目,构建好后上传服务器,可以保证的是服务器上的 nginx 配置完全正确,但是在浏览器上怎么访问都是 403 forbidden . 仔细观察项目结构与文件权限,发现项目下所有文件都是 755 的权限,所有文件夹都…

转:https://juejin.im/post/5b01336af265da0b8a67e5c9 学到老活到老 前端圈一直很新,一直要不停的学习,而且在进入大厂的路上,还要求熟悉一门后台语言等等.用一句别人开玩笑的话来说,java十年前的技术现在还能用,而前端的技术就不是这样的了 突然想起了deno项目发布的时候,一个搞笑的issue,“求别更新了,老子学不动了”.虽然看起来是一个玩笑的issue,但却道出了前端们不得不表现出来的疲态,知识点越来越庞大,学习的内容越来越多 也听到一些朋友们说,…

HTTP协议概念原理说明 1. 当用户访问一个网站时经历的过程 # ①. 利用DNS服务,将输入的域名解析为相应的IP地址 a 本地主机输入域名后,会查询本地缓存信息和本地hosts b 本地主机会向远程LDNS服务器,发送递归查询请求 LDNS是网卡配置的DNS服务(223.5.5.5 114.114.114.114) c LDNS服务器会向根域名服务器发出请求,将请求响应给LDNS服务器 d LDNS服务器会向顶级域名服务器发出请求,将请求响应给LDNS服务器 e LDNS服务器会向二级域名…

最近在做我的小爱ADMIN后台管理系统,结合当前市场后台管理系统对相关功能的需求,我又开始新增了一些新的功能和组件,如分享功能组件,项目国际化功能:项目完成后,部署在nginx服务器,发现首次访问的速度特别慢,严重的影响了用户体验,因此,我又开始进行了一系列的前端性能优化;以及将优化后的项目部署到nginx服务器二级子目录的注意细节. 效果演示地址 github地址 分享功能 背景说明 用微信,微博等做网站的第三方登录及用微信和支付宝进行支付,都需要注册开发者账号和添加网站应用,比较麻烦.另外,…

多服务接口nginx反向代理 ```js server { listen 80; server_name xx.xx.xx.com; // 前端部署的域名 root /med; index index.html index.htm; client_max_body_size 40M; access_log /med/log/access.log main ; location ~ /api/v1 { proxy_set_header Host xx.xx.xx.com; // 服务端服务域名 p…

概述 作为一个前端,我觉得必须要学会使用 docker 干下面几件事: 部署前端应用 部署 nginx 给部署的 nginx 加上 https 使用 docker compose 进行部署 给 nginx 加上 redis 使用 kubernetes 下面我按照这个节奏一一研究一遍,把心得记录下来,供以后开发时参考,相信对其他人也有用. 参考资料: docker nginx Beginner's Guide 注意:因为我正在申请域名和云服务器,所以暂时还不能给部署的 nginx 加上 https…

概述 作为一个前端,我觉得必须要学会使用 docker 干下面几件事: 部署前端应用 部署 nginx 给部署的 nginx 加上 https 使用 docker compose 进行部署 给 nginx 加上 redis 使用 kubernetes 下面我按照这个节奏一一研究一遍,把心得记录下来,供以后开发时参考,相信对其他人也有用. 参考资料: docker nginx Beginner's Guide 部署 nginx 1.拉取 nginx 镜像.输入下面的命令远程拉取最新版本的 ngin…

概述 作为一个前端,我觉得必须要学会使用 docker 干下面几件事: 部署前端应用 部署 nginx 给部署的 nginx 加上 https 使用 docker compose 进行部署 给 nginx 加上 redis 使用 kubernetes 下面我按照这个节奏一一研究一遍,把心得记录下来,供以后开发时参考,相信对其他人也有用. 部署前端应用 (安装 docker 的过程就略去了,请自行查看官方文档安装) 1.我们设置国内镜像,方便以后下载镜像文件. 1.点击屏幕上方的鲸鱼 docker…

web前端开发需要具备以下7种技能: 1.页面标记(HTML) HTML页面固定,标签不多,相对来说学起来比较容易.编写HTML代码需遵循HTML代码规范(http://www.cnblogs.com/webDriver/p/7050911.html).HTML是页面结构的基础组成部分,是网站的基础,臃肿混乱的HTML代码不但会影响 其本身的表现,而且与其对应的css和javascript代码也会变得难以编写和维护. 2.页面样式css(Cascading Style Sheet) 在标准的页面…

他山之石,可以攻玉. 话说本人从毕业到现在一直在某 B 公司工作,前些年折腾过不少开发方式和工具,但总觉得或许有更好的方案,所以很好奇其它公司内部是如何工作的,我曾经浏览过某 Y 公司内部无所不包的 TWiki,也拜访过某 F 总部了解他们的开发流程,但对某 G 公司却了解不多,只零零碎碎知道一些,这两天抽空梳理了之前收集到的各种资料,希望能给 FEX 后续改进提供参考. 注意:以下内容主要信息来自网上收集.『In The Plex』这本书及闲聊,纯粹为了技术交流和讨论,仅代表个人观点,本人从未…

这几天天某的公司给了在下一个需求,让我修改一个后端大佬用PHP写的一个官网,虽然说修改的内容还是很简单,但是毕竟之前还是没接触过PHP,于是开始了漫长的爬坑之旅,话不多说,这次就给大家介绍一下我配置安装这三个服务的过程吧. 首先呢,我觉得作为一个小白来说,如果你只是刚开始学习后端开发,或者只是为了启动某些服务,并不准备深入了解这些的话,这里还是给大家推荐wamp一键安装服务,只要下载好了wamp之后,他就会自动为大家配置环境,下载方式见下方. 1)首先打开wamp官网,在首页我们就可以看到如下图…

本文学习资料:https://www.jspang.com/detailed?id=39 Nginx官网:https://www.nginx.com/ Nginx:轻量级HTTP服务器: 采用事件驱动的异步非阻塞处理方式框架,这让其具有极好的IO性能,时常用于服务端的反向代理和负载均衡. 文中使用的是Centos7 yum -y install gcc gcc-c++ autoconf pcre-devel make automake yum -y install wget httpd-tool…

/******************************************** 学习时间:2015年12月21日 学习者:易天曦 学习目的:掌握切图技巧 学习目标:1.学会从网页设计师的PSD文件中提取素材 2.对PS有一定的了解 3.对审美有一定的提高 *******************************************/ 学习内容: 1.网页设计中初始化尺寸参数和一些快捷键. 2.选择和移动元素. 3.常见的Web切图界面设置.…

入门必备的技能: 第1项技能:HTML超文本标记语言: 技能要点: HTML文件的结构    HTML文件的编写方法     HTML基本标记    文字与段落标记     框架    使用表单     XHTML页面结构 第2项技能:JavaScript脚本 技能要点: JavaScript基本语法    流程控制    函数    对象与数组    程序调试与错误处理    事件处理    处理文档对象    文档对象模型    window窗口对象 第3项技能:CSS网页样式布局 技能要点…

前言Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢?看小编来为你揭开谜底的. 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又是一次革新.有些人认为前端开发要掌握的技能简单,不就是制作网页嘛,其实不然,web前端需要掌握的核心语言xHTML+CSS+JavaScript,JavaScript作为最难的语言之一,许多编程高手也不敢妄自菲薄自封精通.由于JavaScript与html的差异性,以及静…

nginx主要是公司运维同学必须掌握的知识,涉及到反向代理.负载均衡等服务器配置.前端开发尤其是纯前端开发来说对nginx接触的并不多,但是在一些情况下,nginx还是需要前端自己来搞:例如我们公司的开发环境和测试环境,虽然qa可以帮助搞定配置,但是每新增一个前端模块或者模块nginx配置经常变更都求着qa搞,麻烦别人还不如自己来搞,这样更能理解自己的需求.这些都需要前端开发对nginx有所理解,下面我们来说说nginx最基础的server和location匹配规则. 1. server匹配规则…

导读: 你或许会认为前端开发是一个非常easy的工作,对呀,你就是刚刚从网页设计转型过来的.但当你深入当中时,一定会发现好像前端开发不是那么简单,光站点性能优化.响应式.框架就让你焦头烂额, 确实,做前端开发就是先易后难,想成为一个优秀的前端开发,没有那么简单. 只是,天下事难则不会,会则不难,你仅仅须要掌握11项技能就能够成为前端"大拿",以下,就告诉你这11项技能是什么?以及每项技能的要点,最后是相关的专业图书. 入门必备的技能: 第1项技能:HTML超文本标记语言: 技能要点:…

Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢? 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又是一次革新.有些人认为前端开发要掌握的技能简单,不就是制作网页 嘛,其实不然,web前端需要掌握的核心语言xHTML+CSS+JavaScript,JavaScript作为最难的语言之一,许多编程高手也不敢妄 自菲薄自封精通.由于JavaScript与html的差异性,以及静动态分开处理的一些好处.…

一.nginx是什么 NGINX is a free, open-source, high-performance HTTP server and reverse proxy, as well as an IMAP/POP3 proxy server. 直译:NGINX是一个免费的.开源的.高性能的HTTP服务器和反向代理,也是一个IMAP/POP3代理服务器. 我自动忽略掉所有的定语后,理解NGINX就是一个HTTP服务器(web服务器),反向代理服务器,或者说邮件服务器. 以前的时候对tom…

提到代理,分为:正向代理和反向代理. 正向代理:就是你访问不了Google,但是国外有个VPN可以访问Google,你访问VPN后叫它访问Google,然后把数据传给你. 正向代理隐藏了真实的客户端. 反向代理:你访问baidu.com,后面有成千上万台服务器,具体访问哪一台,你不知道,只需要知道反向代理器是谁,让它帮你去请求真实的数据服务器,然后把数据返回给你. 反向代理隐藏了真实的服务端. Nginx是一个web服务器,可以做反向代理,负载均衡器,HTTP缓存.前端开发一般用Nginx解决跨…

前端工程师是做什么的? 前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色.从狭义上讲,前端工程师使用 HTML.CSS.JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端.移动端网页,处理视觉和交互问题.从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域.(web前端学习交流群:328058344 禁止闲聊,非喜勿进!) 2005年的时候大多数网页长这样: 现在的网页一般是这样的: 前端工程师的发展之路和前景是怎么样的?…

##2017.10.30收集 面试技巧 5.1 面试形式 1)        一般而言,小公司做笔试题:大公司面谈项目经验:做地图的一定考算法 2)        面试官喜欢什么样的人 ü  技术好.自信.谦虚.善于沟通.表达. ü  喜欢追究原理 5.2 面试内容 1.2.1简历上的项目 ü  介绍下你的项目吧? 1)        第一步:介绍你项目是干嘛的 2)        第二步:介绍下你负责的是哪块 3)        第三步:介绍下里面都有什么功能,你是怎么实现的,怎么分层的? 1…