古兰精

2018年6月27日

浅析Base64编码原理、安全的Base64编码概念及window.btoa()安全编码方法

摘要：一、Base64编码介绍 1、Base64解决了什么问题假如我们要在网络中传输下面的问题你好小朋友我是砖家你是谁？这段文本中包含了空格、换行、回车等不可见字符，在网络传输中，各个设备对不可见字符处理机制可能不同，会存在信息传输错误的情况。此时我们就需要一种编码机制，把不可见字符统统转成可阅读全文

posted @ 2018-06-27 22:06 古兰精阅读(4660) 评论(0) 推荐(1)

Vue背景图打包之后访问路径错误

摘要：问题背景：项目里面有用到背景图片，开发模式下正常，打包之后发现报404错误。查看发现是背景图片引用路径出错。解决方法： build下由原来的相对路径 "./" 改为绝对路径 "/" 详细缘由： vue项目在打包之后背景图片访问出错？首先，出错点在url-loader上面。这里解释一下上面这段u 阅读全文

posted @ 2018-06-27 21:24 古兰精阅读(1962) 评论(0) 推荐(0)

浅析linux安装pm2后报错pm2: command not found的问题

摘要：一、问题背景 1、安装 pm2，执行：npm install -g pm2 2、输入 pm2 -v 后报错 pm2: command not found 二、解决办法 1、第一步：找到pm2安装路径，如果找不到就可以执行：find / -name pm2 我们可以看到出来很多路径，第一个就是 /us 阅读全文

posted @ 2018-06-27 00:22 古兰精阅读(4029) 评论(0) 推荐(0)

2018年6月26日

浅析 -bash: ./install.sh: Permission denied 的问题、/usr/bin/env: 'bash\r': No such file or directory 的问题

摘要：一、解决 -bash: ./install.sh: Permission denied 的问题最近在搭建项目的时候，遇到了一个问题，我做了一个.sh脚本用来批量执行sql，但是当我执行的时候提示 -bash: ./install.sh: Permission denied 这个是执行的权限不足，试阅读全文

posted @ 2018-06-26 22:56 古兰精阅读(6778) 评论(0) 推荐(1)

浅析v-model语法糖的实现原理与细节知识及如何让你开发的组件支持v-model

摘要：弄明白： v-model 是什么的语法糖？ vue2 对原生组件究竟做了什么特殊处理？弄明白： v-model 到底是单向数据流还是数据双向绑定？弄明白： v-model 在语法糖之外的『副作用』？学会如何让你的组件也支持 v-model 语法。一、v-model 本质是语法糖在 vue 阅读全文

posted @ 2018-06-26 22:31 古兰精阅读(2036) 评论(0) 推荐(1)

2018年6月21日

vue-router各个属性的作用及用法

摘要： vue-router是vue单页面开发的路由，就是决定页面跳转的！ <router-link> 组件支持用户在具体有路由功能的应用中（点击）导航。通过to属性指定目标地址。 Props 属性 1、to 表示目标路由的链接。当被点击后，内部会立刻把to的值传到router-push()。 2、repl 阅读全文

posted @ 2018-06-21 23:06 古兰精阅读(14397) 评论(0) 推荐(3)

vue组件级路由钩子函数介绍，及实际应用

摘要：正如其名，vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的、单个路由独享的、或者组件级的。一、全局钩子你可以使用 router.beforeEach 注册一个全局的 before 钩子：同样可以注册一个全局的 after 阅读全文

posted @ 2018-06-21 22:47 古兰精阅读(25385) 评论(1) 推荐(3)

Vue路由scrollBehavior滚动行为控制锚点

摘要：使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何滚动。注意: 这个功能只在 HTML5 history 模式下可用。当创建一个 Router 实例，你可以提供一个 scr 阅读全文

posted @ 2018-06-21 22:31 古兰精阅读(3722) 评论(0) 推荐(0)

2018年6月20日

浅析前端预览PDF文件方案及解决PDF.js访问远程服务器报file origin does not match viewer's的问题

摘要：一、解决方案 1、方案一：使用 iframe、embed、新窗口打开。使用方式如下： <embed src="test.pdf"> <iframe src="test.pdf"></iframe> 优点：简单，支持大部分 PC 浏览器，跨域资源同样可以（无需 cors）缺点：不支持移动端浏览器，不阅读全文

posted @ 2018-06-20 22:21 古兰精阅读(5134) 评论(0) 推荐(0)

浅析webpack里module/chunk/bundle区别、filename/chunkFilename区别、webpackChunkName作用、webpackPrefetch预拉取/webpackPreloa预加载作用与区别

摘要：一、module，chunk 和 bundle 的区别看 webpack 文档的时候，对这 3 个名词云里雾里的，感觉他们都在说打包文件，但是一会儿 chunk 一会儿 bundle 的，逐渐就迷失在细节里了，所以我们要跳出来，从宏观的角度来看这几个名词。 webpack 官网对 chunk 和阅读全文

posted @ 2018-06-20 21:37 古兰精阅读(13746) 评论(2) 推荐(0)

公告