vue-cli@2.x项目升级日志 vue-cli@2.x项目升级日志虽然 vue-cli@3 早就已经巨普及了,新项目应该已经很少有人还有使用 vue-cli@2.x 。 但是对于一些稍微早些时候的 vue 项目,如果当时没有做一些优化、配置,随着 webpack vue 等包的升级,有一些配置已经不一样了,并且关于 vue-cli@2.x 项目的文档、博客也越来越少,如果遇到问题也许也会有麻烦,因此就想着把当前的 vue-cl...
尝试用 vue 实现灭霸打响指英雄消失的效果 demo 写在前面灭霸打响指的消失效果。效果来源于 Google 搜索“灭霸” 或者 “thanos”。算是蹭热度的一个 Feature, 我通过 F12 试图去查看是如何实现的,也抠了一些音频、图片资源下来。后来在 github 上找到了一个现有的项目 Thanos_Dust, 所以参考了部分它的代码。 其实它的代码已经算比较完善了,在它的基础上,我用 vue 来写了一下,加了一些英雄,修复了一些 bu...
记一次solo迁移 本篇博客迁移自 solo. 发表于 2018-11-01背景由于一些历史原因,我原来是将博客、网页部署在腾讯云的服务器上的,后来因为腾讯云的蜜汁服务体验,果断买了阿里云的服务器,不过由于腾讯云的域名时间有效期还很长,本着不要浪费的原则,我决定域名zhijianzhang.cn 继续使用,而将原服务器上的solo博客迁移到阿里云上。所以有了一个比较尴尬的场景:使用腾讯云购买的域名和阿里云的服...
还不起的技术债 本篇博客内容迁移自 solo. 发表于 2018-10-03按照时间,毕业之后入职已经满整整三个月了,象征性的试用期也到了,节后回去应该就是名副其实的“前端一哥”了(组里总共也就只有我一个前端了)。试用期转正的总结,本来我懒散的也就写了几百个字,之前实习也很久了,反而觉得实习的时候做的事情多过于这三个月。后来被另一个同事“警告”,说是不能让新的leader觉得我们太水了… 之后就洋洋洒洒的补...
浏览器的强缓存和协商缓存 浏览器的强缓存和协商缓存这里说的缓存是指浏览器(客户端)在本地磁盘中对访问过的资源保存的副本文件。浏览器缓存主要有以下几个优点:减少重复数据请求,避免通过网络再次加载资源,节省流量。降低服务器的压力,提升网站性能。加快客户端加载网页的速度, 提升用户体验。浏览器缓存分为强缓存和协商缓存,两者有两个比较明显的区别:如果浏览器命中强缓存,则不需要给服务器发请求;而协商缓存最终由浏览...
ubuntu docker 安装 jenkins 通过nginx转发必须是根路径! ubuntu docker 安装 jenkins 通过nginx转发必须是根路径!本文是记载我通过 docker 安装 Jenkins 之后再通过 nginx 正向代理,期望这样能够通过访问我自己的域名来初始化 docker 中的 jenkins。但是实际操作中遇到了问题,感觉是 jenkins 的问题。先简单介绍一下 docker 安装 jenkins 的步骤。步骤0. 查看版本Doc...
vue input 中文输入法回车 vue input 中文输入法回车 <input type="text" class="tc-15-input-text" placeholder="请和Bot进行聊天" v-model="cilentText" @keydown.13="doInputText" @keydown.229="() => {}">中文输入法时所有的键盘按钮触发的 keydown 事件 key...
前端项目线上如何做跨域 前端页面被跨域限制了,说明不同源。 这个时候可以找一台跟后台接口同源的服务器用 nginx 来做接口转发。以一个 vue 项目为例,在开发过程中,开发者可以主动去配合 dev 的 proxyTable, 本质上是本地起了一个 node 服务(express)来做转发到 localhost, 因为跨域是会存在于浏览器。 而发布到线上去之后,很可能由于 dev 环境下对每一个接口请求都携带了 /ap...
nginx 部署 vue 项目找不到js css文件 很多时候 npm run build 之后, index.html 文件中webpack 自动插入的 js 文件 css 文件的相对目录总是不对,发布到服务器上之后,nginx 找不到文件。vue-cli@3在 vue-cli@3 中你需要为你 webpack 插入到 index.html 中 的所有文件添加一个 baseUrl. 你需要在项目的根目录新建一个 vue.config.js, ...
【写给前端开发者看的 go 入门教程】mac 下 go开发环境搭建 mac 安装 go1. 安装 gobrew install go2. 配置Go环境变量GOPATH和GOBINcd ~ls -all //查看是否存在.bash_profile文件touch .bash_profile // 如果没有的话,就创建vi .bash_profile // 将下面三行内容黏贴到 .bash_profile 末尾, 主要 GOPATH 不要直接复制,不要...
【写给前端开发者看的 go 入门教程】window下 go开发环境搭建 win go 开发环境1. 下载安装包我的电脑是 win10 64位,如果你的电脑也是64位的,可以下载 go1.9.2 , 如果是 32位的,go 墙内下载地址, 自己找一下对应的版本就行了。2. 双击 msi 文件进行安装一直点击 next 就行,不过默认是安装在 c:\\go 目录下的。我这里将安装目录修改为了 H:\\go, 安装完成之后,默认在环境变量 path 后添加了 G...
Node process.env Node process.env在看一些前框框架实现的源码的时候,经常会看到类似如下的代码:if (process.env.NODE_ENV === 'production') { module.exports = require('./prod.js')} else { module.exports = require('./dev.js')}node中有全局变量process表...
Vue Script Static file Uncaught SyntaxError: Unexpected token < 背景Vue 项目 index.html 中的 script 标签引用 static 目录下的文件时报错Uncaught SyntaxError: Unexpected token <先贴一下代码:<body> <div id="app"></div> <script src="https://unpkg.com/element-...
vue element-ui 优化打包 bundle js 大小 背景最近开发的一个项目使用了 vue+ element-ui 的技术栈,当然,还有其他的一些工具库,比如 axios。说一下我的开发步骤,基础结构是通过 vue-cli@2.x 创建的,手动的加入了 axios vuex , vue-router 是脚手架自带的。code split1. 路由懒加载使用 vue-router 的时候,如果按照默认配置,所有的路由都会被打包到一个 bund...
vue style 标签中 background-image 空白不显示 通常我们使用 background-image 标签时, url 的值无非就以下几种:先说上面的第三种:@/assets/media/hd.jpg会提示文件不存在,编译报错/assets/media/hd.jpg不会提示报错,但是实际在开发页面不会显示图片。(对,其实就是加载不到图片吧。。。具体原因未知)…/…/…/assets/media/hd.jpg这种是我目前使用的,虽然相对...
vue 引用自定义ttf、otf、在线字体 1. 将下载好的字体放到本地目录分别是两种字体放到项目的 assets 目录中2. 引入字体文件首先创建一个 styles 文件夹,之后也可以用于存放一些公共的样式文件。再新建一个 index.less 文件,引入字体。@font-face { font-family: Snickles; src: url('../assets/Snickles-webfont.ttf')...
vscode vue 文件模板 1. 安装VueHelper插件2. 寻找 vue.json按顺序点击vscode的:文件首选项用户代码片段接着搜索框中输入 vue, 回车3. 填写模板内容直接复制一下内容到 vue.json{ "Print to console": { "prefix": "vue", "body": [ "<template>",
linux的/etc/sysconfig/下找不到iptables文件 问题我安装了linux的postfix。本想做些防火墙策略。可是service iptables start或者/etc/init.d/iptables start 启动不起来。然后发现防火墙策略都是写在/etc/sysconfig/iptables文件里面的。可我发现我也没有这个文件。这该如何解决呢?原因一般是没有配置过防火墙,在安装linux系统时也已经禁掉了防火墙。解决随便写一条ip...