抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

在对需要做登录的系统前端页面访问做控制时,可以用router的beforeEach方式来对跳转到的路径做管理。如果访问的路径在路径白名单内,则可以继续访问,如果不在,则判断用户是否登录,如果未登录,则被强制跳转到登录页面。 一般在前端,用户登录完成之后,我们会将管理用户状态的token值存在Cookie或者session中,所以可以用是否有token值来判断用户是否已经做了登录。 权限判断逻...

为了检测多个网站及检测网站ssl证书有效性,写了一个在线测试检测工具。

vuex 可以用来帮助我们管理全局的状态,以音乐播放器来举例。我们在播放音乐的时候,需要将音乐的信息保存到全局变量中,然后当点击其他页面的时候,音乐的信息保存有,就可以在其他页面自由切换,不至于点到其他页面的时候之前播放的音乐的信息就没有了。当想调用音乐信息的时候,从全局变量中调出即可。 github 传送门

vuex 可以用来帮助我们管理全局的状态,以音乐播放器来举例。我们在播放音乐的时候,需要将音乐的信息保存到全局变量中,然后当点击其他页面的时候,音乐的信息保存有,就可以在其他页面自由切换,不至于点到其他页面的时候之前播放的音乐的信息就没有了。当想调用音乐信息的时候,从全局变量中调出即可。 github 传送门

安装 express

1
express sudo cnpm i express -g

安装 express 生成器

1
cnpm install express-generator -g

安装 mongodb 数据库

1
2
#mac
brew install mongodb

使用fastclick

fastclick用来处理移动端 click 事件 300 毫秒延迟。

为什么会存在延迟?

根据谷歌开发者文档

…mobile browsers will wait approximately 300ms from the time that you tap the button to fire the click event. The reason for this is that the browser is waiting to see if you are actually performing a double tap.

从点击屏幕上的元素到触发元素的 click 事件,移动浏览器会有大约 300 毫秒的等待时间。为什么这么设计呢? 因为它想看看你是不是要进行双击(double tap)操作。

vue与后台请求数据有自己的请求方式,这里用的是vue-resource
当写有公共css时,可以引用@import到组件中使用。

vue-resource

安装.

$ npm install vue-resource

使用vue-cli脚手架之前,建议对vue有一定了解之后再使用构建工具。

起步

1
2
3
4
5
6
7
8
9
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ npm install
$ npm run dev