3 juan_taylor

尚未进行身份认证

本菜鸟此博客只是做记录用,个人博客欢迎访问: https://git.zhangxiaojuan.club/

等级
博文 298
排名 7k+

HTTP协议

http协议个人理解http协议http就是超文本传输协议,他规定了客户端和服务器之间如何传输数据。页从输入网址到渲染完成经历了哪些过程?输入url,enter本地hosts查找对应的地址并访问找不到的话去向DNS服务器查找域名对应IP地址找到IP地址后,创建tcp连接发送http请求解析发送的http请求,并返回数据浏览器渲染返回的数据,显示到页面上tcp连接的三次握...

2019-07-17 17:34:44

【系统优化】系统首页及文件加载速度优化的几种方式

vue项目打包后vendor.js太大,如果加上mapping的话,该文件可能有1M+,这样的话会导致页面第一次加载运行过慢,vendor.js是node_modules里所用到的modules的打包后的集合js文件.。一、分开打包使用webpack中的config.optimization.splitChunks分开打包二、gzip开启gzip压缩功能,在后端配置,在nginx配置,见...

2019-07-17 15:13:25

vue项目上传图片到Linux服务器并预览

.vue<formaction="/api/upload"method="post"enctype="multipart/form-data"><inputtype="file"name="logo"><inputtype="submit"value="提交"></form>app.jsco...

2019-07-16 16:00:31

element ui中table的v-show失效,但是v-if正常

v-show起作用的本质是display:none,而因为td的display:table-cell;权限高于display:none,所以v-show失效

2019-07-15 17:01:27

nginx配置访问服务器上的图片

nginx.conf文件server{listen8088;#端口号server_namelocalhost;#设置为localhost,生产环境默认渲染为服务器地址root/jane-file/img;#图片目录#Loadconfigurationfile...

2019-07-12 17:05:27

【实用工具】treer生成项目的目录结构,帮助大家书写好的项目readme

1.安装npminstall-gtreertreer--version2.使用忽略多个文件treer-etest.txt-i"/node_modules|.git|.idea|.editorconfig|visitor|dist|test.md|server/"//-etest.txt->生成.test.txt//-i"/node_modu...

2019-07-09 14:54:31

【系统优化】优化响应速度之nginx配置gzip

压缩前Size列中有2个大小,第一个为请求实际返回数据的大小,第二个为响应内容的大小这两个大小不一定谁大谁小,下图是没压缩的加载内容,需要将近8秒才能把首页加载完毕压缩后使用了gzip,对响应的数据进行了压缩,所以上面的是压缩之后总响应的大小,大大加快了页面的加载速度,只需要不到2秒可加载完毕可以查看http相应头看到gzip属性nginx配置http{gzip...

2019-07-08 15:43:16

【阿里云服务器部署node项目(七)】服务器上https的配置

1、进入控制台-SSL证书2、选择购买证书3、选择一种购买,我选择的是免费4、购买完成后返回“证书控制台”申请并补全信息,等待审核,审核成功后5、nginx配置-下载下载后得到如图两个文件6、将这两个文件上传到服务器/jane-soft/https/目录7、然后配置nginx.conf,官网教程//通过在linux上nginx-t查看该文件所在目录8、附录...

2019-07-05 18:17:44

【阿里云服务器部署node项目】- 域名和公网IP映射

打开域名找到列表新建/修改十分钟后测试,通过直接输入域名即可进入该IP对应的网站

2019-07-05 17:17:30

Linux下搭建git服务器

服务器上设置yum-yinstallgitgit--version//查看是否成功安装useraddgit//输入用户名passwdgit//输入密码提示输入密码假如为:123456cd///切换目录mkdirjane-git//新建文件夹cdjane-git//切换目录gitinit--bareclock-out.git//cho...

2019-06-27 16:54:36

git管理代码的好仓库管理系统-gitlab如何导入、合并代码等操作

GitLab是一个用于仓库管理系统的开源项目,使用Git作为代码管理工具,并在此基础上搭建起来的web服务。安装方法是参考GitLab在GitHub上的Wiki页面。这个工具的作用是解决了我们以前对git代码进行管理都是通过输入gitclone‘XX’,gitpull,gitmerge,gitpush等命令的操作,现在通过这个工具,部分操作可以进行可视化管理。而且也便于管理合并代...

2019-06-27 11:32:17

【阿里云服务器部署node项目(6)】用webstrom直接连接服务器进行操作,可替换xshell的使用

步骤一步骤二连接成功,接下来可以进行操作服务器了

2019-06-26 19:06:27

【阿里云服务器部署node项目(五)】改进-用webstrom将本地打包的代码上传到阿里云服务器上

本地代码情况如下图我想直接将打包后的代码直接上传到服务器上,首先要配置webstrom,一、打开Deployment二、新建,选择"SFTP",自定义名称。三、Connection点击testconnection,连接成功出现如下标志四、Mapping设置完后点击“OK”,五、成功标志每次当dist下内容有变动时,打开tools会出现"uploadtoup...

2019-06-26 18:31:27

【阿里云服务器部署node项目(四)】vue-ci3打包并部署到服务器,在服务器上(CentOS7+)上配置nginx反向代理访问node后端代码

使用vue-cli3打包后的项目,如何在服务器上运行?并成功访问node后端代码前端打包后的代码在dist文件夹下,直接丢入服务器即可运行,我此处用的是nginx指定前端代码目录“/jane-code/clock-out/dist;”。后端代码用node写,nodeapp.js启动,端口号为4000,前端后端代码都在一个服务器上,不需要跨域,但是如何跨端口访问呢?我的解决思路是,当路径识...

2019-06-26 15:59:33

【阿里云服务器部署node项目(三)】在阿里云服务器上运行node项目

承接上一篇文章,服务器上如何配置git,node环境,我已经在阿里云服务器上成功部署了node,git环境先切换目录到"jane-code"可看到两个文件,左边是我项目文件夹,右边是我新建的hello.js文件夹,用来测试。vihello.js按i键输入以下内容,按"ESC"键,输入':wq'即可保存并退出//hello.jsconstserver=http.create...

2019-06-25 12:10:12

【阿里云服务器部署node项目(二)】购买阿里云,并在阿里云服务器上配置Git下载、node项目等运行环境

一、获取服务器在阿里云官网上注册后进行实名验证,验证需要几天。验证成功后购买,购买地址,初学者入门级一般选择’CentOS’,我选择的是CentOS,地域等其他的都自选,自己玩的话肯定选个最便宜的。购买成功后会受到相应的短信,信息如下在阿里云控制台中“云服务器ECS/实例与镜像/实例/实例列表中可以看到你购买的实例列表”二、连接上服务器我们想要在服务器上操作部署项目,首先要连接上服务...

2019-06-25 11:39:17

git clone提示失败:fatal: the remote end hung up unexpectedly fatal: early EOF fatal: index-pack failed

gitclone提示失败:fatal:theremoteendhungupunexpectedlyfatal:earlyEOFfatal:index-packfailed

2019-06-20 15:00:57

【阿里云服务器部署node项目(一)】用xshell6连接到阿里云服务器

1、获取你在阿里云上购买的公网IP地址,注意是公网I登录阿里云网站,云服务器ECS/实例与镜像/实例2、打开xshell,在新建会话中如图输入3、用户身份验证,输入用户名root和密码:实例密码如果不记得你的实例密码,可在下图处重置4、点击连接,如果有类型下面弹出框出现,在弹出框继续输入用户名root和实例密码...

2019-06-19 12:03:41

【阿里云服务器部署node项目(连接问题)】连接阿里云服务器管理终端出现的问题login incorrect

连接成功的标志:注意点一、远程连接密码重置远程连接密码,假设为密码1点击远程连接首先会弹出弹出框来,输入密码1成功后,在控制台中输入用户名:root,密码:“密码2”,注意,这个密码2指的是实例密码注意点二实例密码需要注意的是这个实例密码千万不要以小数点"."为密码之一,我就是用了小数点,导致一直连接不上,简直要崩溃了。。...

2019-06-19 11:14:26

element - NavMenu 导航菜单,针对于复杂的导航栏(不定级、多级)动态渲染的组件开发

针对于多级导航菜单栏的遍历的组件开发实现效果如图所示,1、router.js//Layout.vue和Main.vue都是vue容器,前者为全空的容器importVuefrom'vue'importRouterfrom'vue-router'importLoginfrom'../views/Login.vue'importLayoutfrom'...

2019-06-14 17:19:43
奖章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周上午根据用户上周的博文发布情况由系统自动颁发。