GreekMrzzJ的博客

GreekMrzzJ的博客

尝试用 vue 实现灭霸打响指英雄消失的效果 demo

写在前面 灭霸打响指的消失效果。效果来源于 Google 搜索“灭霸” 或者 “thanos”。算是蹭热度的一个 Feature, 我通过 F12 试图去查看是如何实现的,也抠了一些音频、图片资源下来。后来在 github 上找到了一个现有的项目 Thanos_Dust, 所以参考了部分它的代码。...

2019-05-05 00:23:15

阅读数 11058

评论数 38

记一次solo迁移

本篇博客迁移自 solo. 发表于 2018-11-01 背景 由于一些历史原因,我原来是将博客、网页部署在腾讯云的服务器上的,后来因为腾讯云的蜜汁服务体验,果断买了阿里云的服务器,不过由于腾讯云的域名时间有效期还很长,本着不要浪费的原则,我决定域名zhijianzhang.cn 继续使用,而将...

2019-05-04 16:59:59

阅读数 216

评论数 0

还不起的技术债

本篇博客内容迁移自 solo. 发表于 2018-10-03 按照时间,毕业之后入职已经满整整三个月了,象征性的试用期也到了,节后回去应该就是名副其实的“前端一哥”了(组里总共也就只有我一个前端了)。试用期转正的总结,本来我懒散的也就写了几百个字,之前实习也很久了,反而觉得实习的时候做的事情多过...

2019-05-04 16:58:23

阅读数 449

评论数 2

浏览器的强缓存和协商缓存

浏览器的强缓存和协商缓存 这里说的缓存是指浏览器(客户端)在本地磁盘中对访问过的资源保存的副本文件。 浏览器缓存主要有以下几个优点: 减少重复数据请求,避免通过网络再次加载资源,节省流量。 降低服务器的压力,提升网站性能。 加快客户端加载网页的速度, 提升用户体验。 浏览器缓存分为强缓存和协商...

2019-05-01 16:30:50

阅读数 5008

评论数 0

ubuntu docker 安装 jenkins 通过nginx转发必须是根路径!

ubuntu docker 安装 jenkins 通过nginx转发必须是根路径! 本文是记载我通过 docker 安装 Jenkins 之后再通过 nginx 正向代理,期望这样能够通过访问我自己的域名来初始化 docker 中的 jenkins。但是实际操作中遇到了问题,感觉是 jenkins...

2019-04-10 00:45:10

阅读数 5268

评论数 0

vue input 中文输入法回车

vue input 中文输入法回车 <input type="text" class="tc-15-input-text" placeholder="请和Bot进行聊天" v-model="cilentText&...

2019-04-04 20:10:12

阅读数 5274

评论数 0

前端项目线上如何做跨域

前端页面被跨域限制了,说明不同源。 这个时候可以找一台跟后台接口同源的服务器用 nginx 来做接口转发。 以一个 vue 项目为例,在开发过程中,开发者可以主动去配合 dev 的 proxyTable, 本质上是本地起了一个 node 服务(express)来做转发到 localhost, 因为...

2019-01-06 15:50:43

阅读数 10875

评论数 0

nginx 部署 vue 项目找不到js css文件

很多时候 npm run build 之后, index.html 文件中webpack 自动插入的 js 文件 css 文件的相对目录总是不对,发布到服务器上之后,nginx 找不到文件。 vue-cli@3 在 vue-cli@3 中你需要为你 webpack 插入到 index.html ...

2019-01-05 15:41:44

阅读数 11445

评论数 0

Idea WebStorm 全局 排除 node_modules

再次打开项目时, 就不需要再忍受 Scaning Files Index… 啦!

2018-10-23 22:03:51

阅读数 15535

评论数 1

【写给前端开发者看的 go 入门教程】mac 下 go开发环境搭建

mac 安装 go 1. 安装 go brew install go 2. 配置Go环境变量GOPATH和GOBIN cd ~ ls -all //查看是否存在.bash_profile文件 touch .bash_profile // 如果没有的话,就创建 vi .bash_profile ...

2018-10-23 21:42:25

阅读数 14889

评论数 0

【写给前端开发者看的 go 入门教程】window下 go开发环境搭建

win go 开发环境 1. 下载安装包 我的电脑是 win10 64位,如果你的电脑也是64位的,可以下载 go1.9.2 , 如果是 32位的,go 墙内下载地址, 自己找一下对应的版本就行了。 2. 双击 msi 文件进行安装 一直点击 next 就行,不过默认是安装在 c:\\go 目录下...

2018-10-22 21:37:35

阅读数 15038

评论数 0

Node process.env

Node process.env 在看一些前框框架实现的源码的时候,经常会看到类似如下的代码: if (process.env.NODE_ENV === 'production') { module.exports = require('./prod.js') } else { module....

2018-10-22 11:29:45

阅读数 15589

评论数 0

Vue Script Static file Uncaught SyntaxError: Unexpected token <

背景 Vue 项目 index.html 中的 script 标签引用 static 目录下的文件时报错 Uncaught SyntaxError: Unexpected token &amp;lt; 先贴一下代码: &amp;lt;body&amp;gt; &am...

2018-10-18 22:18:32

阅读数 26506

评论数 0

vue element-ui 优化打包 bundle js 大小

背景 最近开发的一个项目使用了 vue+ element-ui 的技术栈,当然,还有其他的一些工具库,比如 axios。 说一下我的开发步骤,基础结构是通过 vue-cli@2.x 创建的,手动的加入了 axios vuex , vue-router 是脚手架自带的。 code split 1. ...

2018-10-13 01:13:31

阅读数 27110

评论数 0

vue style 标签中 background-image 空白不显示

通常我们使用 background-image 标签时, url 的值无非就以下几种: 先说上面的第三种: @/assets/media/hd.jpg 会提示文件不存在,编译报错 /assets/media/hd.jpg 不会提示报错,但是实际在开发页面不会显示图片。(对,其实就是加...

2018-10-12 11:25:23

阅读数 27591

评论数 0

vue 引用自定义ttf、otf、在线字体

1. 将下载好的字体放到本地目录 分别是两种字体 放到项目的 assets 目录中 2. 引入字体文件 首先创建一个 styles 文件夹,之后也可以用于存放一些公共的样式文件。再新建一个 index.less 文件,引入字体。 @font-face { font-family: Sni...

2018-10-11 23:26:44

阅读数 29936

评论数 0

vscode vue 文件模板

1. 安装VueHelper插件 2. 寻找 vue.json 按顺序点击vscode的: 文件 首选项 用户代码片段 接着搜索框中输入 vue, 回车 3. 填写模板内容 直接复制一下内容到 vue.json { &quot;Print to console&quot;...

2018-10-11 21:55:44

阅读数 26097

评论数 0

linux的/etc/sysconfig/下找不到iptables文件

问题 我安装了linux的postfix。本想做些防火墙策略。可是service iptables start或者/etc/init.d/iptables start 启动不起来。然后发现防火墙策略都是写在/etc/sysconfig/iptables文件里面的。可我发现我也没有这个文件。这该如何...

2018-10-11 21:44:45

阅读数 26207

评论数 0

sublime text 添加到鼠标右键功能

1、在Windows系统中,下载并安装sublime text3 软件 2、sublime text 添加到鼠标右键功能 把以下内容复制并保存到文件,重命名为:sublime_addright.reg,然后双击就可以了。 (注意:需要把下面代码中的Sublime的安装目录(标粗部分),替换成自已实...

2018-10-11 21:38:34

阅读数 26099

评论数 0

css文字多行显示超出显示省略号

首先,要知道css的三条属性。 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis;//溢出用省略号显示 white-space:nowrap;//溢出不换行 css3解决了这个问题,解决方法如下: display:-webkit-box; //将对...

2018-10-11 10:26:25

阅读数 26007

评论数 0

提示
确定要删除当前文章?
取消 删除