GreekMrzzJ的博客_stu_yiliang_CSDN博客-前端,工具,你不知道的 Vue.js领域博主

原创 vue-cli@2.x项目升级日志

vue-cli@2.x项目升级日志虽然 vue-cli@3 早就已经巨普及了，新项目应该已经很少有人还有使用 vue-cli@2.x 。但是对于一些稍微早些时候的 vue 项目，如果当时没有做一些优化、配置，随着 webpack vue 等包的升级，有一些配置已经不一样了，并且关于 vue-cli@2.x 项目的文档、博客也越来越少，如果遇到问题也许也会有麻烦，因此就想着把当前的 vue-cl...

2019-06-14 10:30:34 940

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

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

2019-05-05 00:23:15 12545 35

原创记一次solo迁移

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

2019-05-04 16:59:59 1181 1

原创还不起的技术债

本篇博客内容迁移自 solo. 发表于 2018-10-03按照时间，毕业之后入职已经满整整三个月了，象征性的试用期也到了，节后回去应该就是名副其实的“前端一哥”了（组里总共也就只有我一个前端了）。试用期转正的总结，本来我懒散的也就写了几百个字，之前实习也很久了，反而觉得实习的时候做的事情多过于这三个月。后来被另一个同事“警告”，说是不能让新的leader觉得我们太水了… 之后就洋洋洒洒的补...

2019-05-04 16:58:23 1304 2

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

浏览器的强缓存和协商缓存这里说的缓存是指浏览器（客户端）在本地磁盘中对访问过的资源保存的副本文件。浏览器缓存主要有以下几个优点：减少重复数据请求，避免通过网络再次加载资源，节省流量。降低服务器的压力，提升网站性能。加快客户端加载网页的速度，提升用户体验。浏览器缓存分为强缓存和协商缓存，两者有两个比较明显的区别：如果浏览器命中强缓存，则不需要给服务器发请求；而协商缓存最终由浏览...

2019-05-01 16:30:50 6174

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

ubuntu docker 安装 jenkins 通过nginx转发必须是根路径！本文是记载我通过 docker 安装 Jenkins 之后再通过 nginx 正向代理，期望这样能够通过访问我自己的域名来初始化 docker 中的 jenkins。但是实际操作中遇到了问题，感觉是 jenkins 的问题。先简单介绍一下 docker 安装 jenkins 的步骤。步骤0. 查看版本Doc...

2019-04-10 00:45:10 6670

原创 vue input 中文输入法回车

vue input 中文输入法回车 <input type="text" class="tc-15-input-text" placeholder="请和Bot进行聊天" v-model="cilentText" @keydown.13="doInputText" @keydown.229="() => {}">中文输入法时所有的键盘按钮触发的 keydown 事件 key...

2019-04-04 20:10:12 7505 1

原创前端项目线上如何做跨域

前端页面被跨域限制了，说明不同源。这个时候可以找一台跟后台接口同源的服务器用 nginx 来做接口转发。以一个 vue 项目为例，在开发过程中，开发者可以主动去配合 dev 的 proxyTable，本质上是本地起了一个 node 服务（express）来做转发到 localhost，因为跨域是会存在于浏览器。而发布到线上去之后，很可能由于 dev 环境下对每一个接口请求都携带了 /ap...

2019-01-06 15:50:43 13158

原创 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, ...

2019-01-05 15:41:44 17556 1

原创 Idea WebStorm 全局排除 node_modules

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

2018-10-23 22:03:51 17944 1

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

mac 安装 go1. 安装 gobrew install go2. 配置Go环境变量GOPATH和GOBINcd ~ls -all //查看是否存在.bash_profile文件touch .bash_profile // 如果没有的话，就创建vi .bash_profile // 将下面三行内容黏贴到 .bash_profile 末尾，主要 GOPATH 不要直接复制，不要...

2018-10-23 21:42:25 15830

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

win go 开发环境1. 下载安装包我的电脑是 win10 64位，如果你的电脑也是64位的，可以下载 go1.9.2 , 如果是 32位的，go 墙内下载地址, 自己找一下对应的版本就行了。2. 双击 msi 文件进行安装一直点击 next 就行，不过默认是安装在 c:\\go 目录下的。我这里将安装目录修改为了 H:\\go, 安装完成之后，默认在环境变量 path 后添加了 G...

2018-10-22 21:37:35 16035

原创 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表...

2018-10-22 11:29:45 17085

原创 Vue Script Static file Uncaught SyntaxError: Unexpected token <

背景Vue 项目 index.html 中的 script 标签引用 static 目录下的文件时报错Uncaught SyntaxError: Unexpected token &lt;先贴一下代码：&lt;body&gt; &lt;div id="app"&gt;&lt;/div&gt; &lt;script src="https://unpkg.com/element-...

2018-10-18 22:18:32 28199

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

背景最近开发的一个项目使用了 vue+ element-ui 的技术栈，当然，还有其他的一些工具库，比如 axios。说一下我的开发步骤，基础结构是通过 vue-cli@2.x 创建的，手动的加入了 axios vuex , vue-router 是脚手架自带的。code split1. 路由懒加载使用 vue-router 的时候，如果按照默认配置，所有的路由都会被打包到一个 bund...

2018-10-13 01:13:31 30557

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

通常我们使用 background-image 标签时， url 的值无非就以下几种：先说上面的第三种：@/assets/media/hd.jpg会提示文件不存在，编译报错/assets/media/hd.jpg不会提示报错，但是实际在开发页面不会显示图片。（对，其实就是加载不到图片吧。。。具体原因未知）…/…/…/assets/media/hd.jpg这种是我目前使用的，虽然相对...

2018-10-12 11:25:23 30785

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

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

2018-10-11 23:26:44 39125 1

原创 vscode vue 文件模板

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

2018-10-11 21:55:44 27470

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

问题我安装了linux的postfix。本想做些防火墙策略。可是service iptables start或者/etc/init.d/iptables start 启动不起来。然后发现防火墙策略都是写在/etc/sysconfig/iptables文件里面的。可我发现我也没有这个文件。这该如何解决呢？原因一般是没有配置过防火墙，在安装linux系统时也已经禁掉了防火墙。解决随便写一条ip...

2018-10-11 21:44:45 28158

原创 sublime text 添加到鼠标右键功能

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

2018-10-11 21:38:34 26987

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

首先，要知道css的三条属性。overflow:hidden; //超出的文本隐藏text-overflow:ellipsis;//溢出用省略号显示white-space:nowrap;//溢出不换行css3解决了这个问题，解决方法如下：display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。-webkit-box-orient:vertical; //从上到下垂...

2018-10-11 10:26:25 27396

原创 ubuntu 安装java add-apt-repository: command not found

ubuntu 安装java add-apt-repository: command not foundadd-apt-repository: command not found今天在Ubuntu，准备安装java时，会有这个错误：add-apt-repository: command not found这个是缺少程序，安装一下就可以了。sudo apt-get install sof...

2018-09-29 22:44:32 26664

原创（微信公众号）页面重定向之后的回退问题

简单介绍 window 的两个常用 apiwindow.document.location.replacewindow.document.location.href通常如果我们需要跳转页面，如果没有使用 vue-router 等路由的话，我们都会选择 location.href = xxx 直接对页面进行替换。对于pc端页面也不会有什么问题，除了登录页面的回退。不可否认的是，很多...

2018-09-07 11:28:19 32236

原创轻量应用服务器MySQL远程连接踩坑

轻量应用服务器MySQL远程连接踩坑不算是给阿里云打广告吧，因为被阿里云的“云服务器ECS” 和 “轻量应用服务器”搞的很蛋疼。很多年前，阿里云的学生机“云翼计划”默认就只有“云服务器ECS”，所以上个月我准备去买一年的学生机的时候，几乎就选择性忽略框框中的内容，选择系统镜像就直接下单了。买完之后开开心心安装 node nginx mysql docker 各种之后，等到我需要远程连接...

2018-08-31 23:38:45 29581 1

原创 window 右键菜单添加 vscode

window 右键菜单添加 vscode我最终想要的效果如上图所示： - 右键文件夹，可以使用vscode打开 - 右键单文件，可以使用vscode打开 - 右键空白处，可以使用vscode打开实现新建一个名为 1.reg 的文件，找一个记事本或者sublime打开，名称无所谓，但是一定需要带上 .reg 后缀。查看你自己的电脑的vscode安装目录，最简...

2018-08-30 00:21:26 46826 13

原创 window 安装 deepin双系统（thinkpad install deepin）

thinkpad install deepin几年前的thinkpad一直安装的是window，本来配置就不高，虽然我已经把内存加到了16g，硬盘又加了两块 120g的ssd，再拖一块hdd，但是游戏还是玩不动，更难受的是，前端开发的 node_module 文件都巨多，window 真心慢到要死，而且window 的终端也太难用了。于是我就一直想着将这台老兵换一个linux系统，好歹偶尔敲敲...

2018-07-11 00:08:01 31866 3

原创 Mac OS命令行下使用SublimeText打开文本文件

Step1. 安装Sublime Text编辑器可直接到以下网址下载dmg安装文件： Sublime Text 3Step2. 添加命令行别名打开用户配置文件vim ~/.bash_profile添加如下aliasalias subl="'/Applications/Sublime Text.app/Contents/SharedSupport/bin/su...

2018-07-04 00:20:14 27954

原创使用create-react-app 创建 Electron 桌面应用

使用create-react-app 创建 Electron 桌面应用如何创建一个最简单的electron桌面应用？electron-quick-startgit clone https://github.com/electron/electron-quick-start.gitcd electron-quick-startnpm i// 运行应用npm start这个时...

2018-05-10 21:10:53 31260

原创 Mobx useStrict is not a function

mobx@4.x 之后的严格模式改成这么用了~ 。这两天找的到的项目，要么是用的mobx@3.x 要么是没有用严格模式，一开始我也没查到迁移说明，贴个地址，希望下次有人遇到的时候不用浪费时间找。Migrating from mobx 3 to mobx 4...

2018-04-09 09:58:50 28056 1

翻译移除vscode装饰器报错

不知各位有没有在使用vscode 写mobx+react的时候，遇到过 experimentalDecorators warning？我花了一点时间来解决这个问题，希望你看了下文之后能够不会浪费自己宝贵的时间。问题截图当我在vscode新创建一个react+mobx项目的时候，遇到了下面这个警告。Experimental support for decorators is...

2018-04-07 16:25:45 30111 1

原创 element table 组件内容换行方案

element table 组件内容换行方案背景临时接手了一个element UI的前端项目，吐槽一下后台接口，这个idCardNo字段。项目直接使用了el-table组件： &amp;lt;el-table :data=&quot;warnings&quot; :row-class-name=&quot;highlightRow&quot; v-loading=&quot;isLoa...

2018-03-07 20:55:27 54632 21

原创 react-native 坑

react-native 坑this绑定如果自定义函数中需要调用state和props属性或者其他函数需要用到this时，必须在onPress里的函数中绑定this，形如： this.onSubmit.bind(this) &lt;Text style={styles.titleText} onPress={this.onSubmit.bind(this)}&gt; ...

2018-03-02 00:42:51 26762

原创 react native error

react native Errorreact native Error: spawn cmd.exe ENOENT没有启动react-native start 命令。正确的启动react-native方式是：react-native startreact-native run-androidbulid failed Could not get unkno...

2018-02-27 23:32:17 27585

原创 react-native pc访问127.0.0.1 显示404报错

pc访问127.0.0.1 显示404报错背景调试react-native的时候进入项目下运行packagerreact-native start 并在另一个命令行窗口react-native run-android ,首次运行需要等待数分钟并从网上下载gradle依赖。因为android sdk已经添加到环境变量中，并且pc本地访问可以看到编译好的js文件内容。接着，模拟

2017-12-17 12:56:00 27517

原创 webstorm 2017 激活破解

2017.2.27更新选择“license server” 输入：http://idea.iteblog.com/key.php

2017-12-09 22:42:29 27264

原创 2018前端校招总结

2018前端校招总结虽然现在很多大公司的校招都已经接近尾声了我才拿到满意的一个offer，但还是稍微分享一下我觉得前端校招的一些内容。基本上的大公司对于前端校招同学的要求都不仅仅局限于前端领域，因为对于一般的候选人来说都是侧重潜力的考察。而小一点的公司对于候选人的技术能力以及项目经历不会有过多的要求，更多的是希望能够以比较低廉的价格签下一个愿意做切图之类工作的同学。个人觉得对于同学未来几年的发展不是

2017-10-19 21:33:35 30387

原创 chrome XMLHttpRequest cannot load file跨域问题解决

JS：mounted: function () {var _this = thisaxios.get('cartData.json').then(function (response) {console.log(111);_this.classesList = response.data.result.listconsole.log(response.data.status

2017-03-16 09:01:20 33898