2018年09月_CaseyWei

原创在vue中如何获取token，并将token写进header

1.在login.vue中通过发送http请求获取token //根据api接口获取token var url = this.HOST + "/session"; this.$axios.post(url, { username: this.loginForm.username, password: this.loginForm.pa...

2018-09-30 15:21:53 12237

原创如何使用token机制完成登录状态保持/身份认证

一般APP都是刚安装后，第一次启动时需要登录（提示你需要登录或者直接启动在登录界面）。而只要登录成功后，以后每次启动时都是登录状态，不需要每次启动时再次登录。不过，也有些APP若你长期未启动，再次启动时，它会提示你登录过期，让你重新登录。这个是怎么实现的？APP是怎么保持登录状态的？之所以突然写这个话题，是因为昨晚无意间刷知乎刷到了这个问题iOS系统如何实现app登录类似微信只需登录一次，退出...

2018-09-30 15:03:14 9691 3

原创 Token的概念

最近了解下基于 Token 的身份验证，跟大伙分享下。很多大型网站也都在用，比如 Facebook，Twitter，Google+，Github 等等，比起传统的身份验证方法，Token 扩展性更强，也更安全点，非常适合用在 Web 应用或者移动应用上。Token 的中文有人翻译成 “令牌”，我觉得挺好，意思就是，你拿着这个令牌，才能过一些关卡。传统身份验证的方法 HTTP 是一种没有...

2018-09-30 14:56:42 199

原创浏览器渲染

一次完整的请求过程从输入 URL 到页面加载完成发生了什么事1> DNS解析2> TCP连接3> 发送 HTTP请求4> 服务器处理请求并返回 HTTP报文5> 浏览器解析渲染页面浏览器应该有的功能 : 网络，资源管理，网页浏览，多页面管理，插件与管理，账户和同步，安全机制，开发者工具浏览器的主要功能总结起来就是一...

2018-09-30 09:45:13 463

原创 axios中文文档

axios基于promise用于浏览器和node.js的http客户端特点支持浏览器和node.js 支持promise 能拦截请求和响应能转换请求和响应数据能取消请求自动转换JSON数据浏览器端支持防止CSRF(跨站请求伪造)安装npm安装$ npm install axiosbower安装$ bower install axios通...

2018-09-29 17:45:45 256

原创 HTTP缓存机制及原理

前言Http 缓存机制作为 web 性能优化的重要手段，对于从事 Web 开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。但是对于很多前端同学来说，仅仅只是知道浏览器会对请求的静态文件进行缓存，但是为什么被缓存，缓存是怎样生效的，却并不是很清楚。在此，我会尝试用简单明了的文字，像大家系统的介绍HTTP缓存机制，期望对各位正确的理解前...

2018-09-28 18:08:56 167

原创清除node_modules 缓存

当清node_modules 出现某一些包错误时候，查不到原因时候，可以适当的清除缓存试试。删掉重新安装rm -rf node_modulesnpm cache cleannpm install

2018-09-28 14:52:35 7311

原创微信小程序之缓存（本地缓存，同步缓存，异步缓存）

关于本地缓存1.wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB2.localStorage 是永久存储一、异步缓存wx.setStorage(OBJECT)将数据存...

2018-09-27 14:43:14 719

原创前台页面中json和字符串相互转化

比如我有两个变量，我要将a转换成字符串，将b转换成JSON对象：var a={"name":"tom","sex":"男","age":"24"}var b='{"name":"Mike","sex":"女","age":"29"}'; 在Firefox，

2018-09-27 14:30:09 401

原创 JS获取url参数

Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。hash 设置或返回从井号 (#) 开始的 URL（锚）。 host 设置或返回主机名和当前 URL 的端口号。 hostname 设置或返回当前 URL 的主机名。 href 设置或返回完整的 ...

2018-09-27 11:26:48 139

原创 javascript中filter的用法

filterfilter也是一个常用的操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。和map()类似，Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。例如，在一个Array中，删掉偶数，只保留奇数，可以这么写：1 var arr = [1...

2018-09-27 10:02:59 595

原创微信JS-SDK获取signature签名以及config配置

微信的JS-SDK通过config接口注入权限验证配置，官网上的文档说的很清楚：Js代码 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: '', // 必填，公众号的唯一标识 ...

2018-09-27 08:04:37 4374

原创 axios

安装到项目中： 1 # npm install axios --save 在项目中import使用：import axios from 'axios'Axios和其他的ajax库都是很类似的，提供了2种使用的方式一种是直接使用实例方法的如：下面是实例的所有可用方法，方法中的config会与axios实例中的config合并。（实例可以将一些通...

2018-09-18 17:56:26 185

原创 git常用命令

一、 Git 常用命令速查git branch 查看本地所有分支git status 查看当前状态 git commit 提交 git branch -a 查看所有的分支git branch -r 查看远程所有分支git commit -am "init" 提交并且加注释 git remote add origin git@192.168.1.119:ndshowgit push...

2018-09-12 23:51:31 128

原创 Mac下如何把node和npm卸载干净

用了nvm进行node版本的管理，还是很方便的，各个版本切换自由切换，但是nvm安装的node是在~/.nvm下的，和之前安装的不在一起，有点儿强迫症的我，就想把之前的给卸载了homebrew安装的直接一条命令brew uninstall node官网下载pkg安装包的一条命令sudo rm -rf /usr/local/{bin/{node,npm},lib/node_mo...

2018-09-12 11:34:38 12211

原创 This dependency was not found: * !!vue-style-loader!css-loader?……

但是当你新建一个vue项目时，需要重新安装stylus，否则报错：This dependency was not found:* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"vu...

2018-09-07 09:05:13 569

原创 webpack-loader（加载器）

加载器是用于资源文件的转换。加载器就是以资源文件作为入参并返回新的资源的函数（在Node.js中运行）。例子例如，您可以使用加载器告诉webpack加载CSS文件或TypeScript文件，并将之转换为JavaScript。首先，安装相应的加载器：npm install --save-dev css-loadernpm install --save-dev ts-loader...

2018-09-05 18:31:15 388

原创 webpack配置

文章中以 $ 符号开头的是在终端输入的命令文章中以 vim 开头为编辑文件内容从零开始$ mkdir dailypaper新建一个项目文件夹dailypaper$ npm init 在该文件夹下npm init初始化项目文件夹会产生package.json文件$ npm install -D webpack 本地局域安装webpack依赖$ npm i...

2018-09-04 22:57:59 558

原创 vuejs数据响应原理

什么是数据驱动数据驱动是vuejs最大的特点。在vuejs中，所谓的数据驱动就是当数据发生变化的时候，用户界面发生相应的变化，开发者不需要手动的去修改dom。比如说我们点击一个button，需要元素的文本进行是和否的切换。在jquery刀耕火种的年代中，对于页面的修改我们一般是这样的一个流程，我们对button绑定事件，然后获取文案对应的元素dom对象，然后根据切换修改该dom对象的文案值...

2018-09-03 19:12:12 978

原创 ES5与ES6

什么是JavaScriptJavaScript一种动态类型、弱类型、基于原型的客户端脚本语言，用来给HTML网页增加动态功能。（好吧，概念什么最讨厌了）动态：在运行时确定数据类型。变量使用之前不需要类型声明，通常变量的类型是被赋值的那个值的类型。弱类：计算时可以不同类型之间对使用者透明地隐式转换，即使类型不正确，也能通过隐式转换来得到正确的类型。原型：新对象继承对象（作...

2018-09-02 23:54:49 85

CaseyWei