CaseyWei

原创 HTTP请求中POST与GET的区别

一、原理区别一般我们在浏览器输入一个网址访问网站都是GET请求;再FORM表单中，可以通过设置Method指定提交方式为GET或者POST提交方式，默认为GET提交方式。HTTP定义了与服务器交互的不同方法，其中最基本的四种：GET，POST，PUT，DELETE，HEAD，其中GET和HEAD被称为安全方法，因为使用GET和HEAD的HTTP请求不会产生什么动作。不会产生动作意味着GET...

原创 jQuery jsonp跨域请求

跨域的安全限制都是对浏览器端来说的，服务器端是不存在跨域安全限制的。浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。如果协议，端口和主机对于两个页面是相同的，则两个页面具有相同的源，否则就是不同源的。如果要在js里发起跨域请求，则要进行一些特殊处理了。或者，你可以把请求发到自己的服务端，再通过后台代码发起请求，再将数据返回前端。 这里讲下使用jquer...

原创 jsonp的原理,应用场景,优缺点

在开发测试中,难免会在不同域下进行跨域操作,出于安全性考虑,浏览器中的同源策略阻止从一个域上加载的脚本获取或者操作另一个域下的文档属性,这时需要进行跨域的方式进行解决,如:使用jsonp ,iframe等1.jsonp的原理jsonp,即json+padding,动态创建script标签,利用script标签的src属性可以获取任何域下的js脚本,通过这个特性(也可以说漏洞),服务器端...

原创 正向代理与反向代理图解

原创 window location的属性说明

var href  =  window.location.href;//完整的urlvar protocol  =  window.location.protocol;//协议var hostname  =  window.location.hostname;//主机名var host  =  window.location.host;//主机名+端口号var port = windo...

原创 vue修饰符——.lazy

在输入框中，v-model 默认是同步数据，使用 .lazy 会转变为在 change 事件中同步 ，也就是在失去焦点 或者 按下回车键时才更新<template>    <div>        <p>.lazy修饰符</p>        <input type="text" v-model.lazy="val"&gt

原创 前后端分离之VueJS前端

代码：https://github.com/jimolonely/vue-jwt-demo前言前端用什么框架都可以，这里选择小巧的vuejs。要实现的功能很简单： 1、登录功能，成功将服务器返回的token存在本地 2、使用带token的header访问服务器的一个资源本次实验环境："dependencies": {    "vue": "^2.2.1"  },  "...

原创 前后端分离之Java后端

前后端分离的思想由来已久，不妨尝试一下，从上手开始，先把代码写出来再究细节。代码下载：https://github.com/jimolonely/AuthServer前言以前服务端为什么能识别用户呢？对，是session，每个session都存在服务端，浏览器每次请求都带着sessionId（就是一个字符串），于是服务器根据这个sessionId就知道是哪个用户了。 那么问题来了，用户...

原创 操作系统——并发与并行

基本含义在操作系统中，并发是指一个时间段中有几个程序都处于已启动运行到运行完毕之间，且这几个程序都是在同一个处理机上运行，但任一个时刻点上只有一个程序在处理机上运行。在关系数据库中，允许多个用户同时访问和更改共享数据的进程。SQL Server 使用锁定以允许多个用户同时访问和更改共享数据而彼此之间不发生冲突。特点操作系统并发程序执行的特点:并发环境下，由于程序的封闭性被打...

原创 MVC与前后端分离

1、MVCMVC是一种经典的设计模式，Model-View-Controller，即模型-视图-控制器。M主要负责数据与模型，V主要负责显示，C主要负责交互与业务。1) 模型是用于封装数据的载体，其本质是一个普通的Java Bean，包含一系列的成员变量及其getter/setter方法；2) 视图而言，更加偏重于展现，在Java中可通过JSP来充当视图，或通过纯HTML进行展现，目前...

原创 vue.js 中 :is 与 is 的用法和区别,学习全局与局部注册组件

  vue中 is用来动态切换组件，详细请看示例：（顺便讲解父向子组件的传递信息）html：<div id="app">  <!--        1.在这里调用组件。        2.vue初始化实例配置项，挂载到#app,并调用了子组件（自定义组件first_component），通过在子组件内        提前定义props:['pass_c']接收它的...

原创 java中i++与++i

说来惭愧，从事开发工作也有一年时间了，然而在今天的一个业务逻辑里突然发现原来我对i++和++i都没有理解，或者说我之前的理解是错误的。这对于一个有追求的程序猿是不能容忍的。知道之后，迅速恶补学习，现在算是彻底的理解了。这篇文章可能对于大神没什么用，毕竟技术层次不够，大神追求的都是思想层面的东西。但对于一些初学者的话还是有一些用的，或者有跟我一样的已经入行一些时间了，但对这个理解模糊的(IT界估计...

原创 2018.10.29最新最简单webstrom破解方法

一，打开webstrom license Activation界面，选Activation  code二，将下边全部代码复制粘贴到文本框里，点击ok即可！ 2RRJMBXW33-eyJsaWNlbnNlSWQiOiIyUlJKTUJYVzMzIiwibGljZW5zZWVOYW1lIjoi5b285bK4IHNvZnR3YXJlMiIsImFzc2lnbmVlTmFtZSI6IiI...

原创 四种常见的 POST 提交数据方式

HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据，本文主要讨论 POST 提交数据的几种方式。我们知道，HTTP 协议是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分：状态行、请求头、消息主体。...

原创 JSON字符串与JSON对象的区别

Q:什么是"JSON字符串"，什么是"JSON对象"，两者的区别?a.JSON对象是直接可以使用JQuery操作的格式，如C#中可以用对象（类名）点出属性（方法）一样b.JSON字符串仅仅只是一个字符串，一个整体，不截取的话没办法取出其中存储的数据，不能直接使用，除非你只想alert()他； JSON对象:var str2 = { "name": "deluyi", "sex"...

原创 V-bind详细使用

v-bind 主要用于属性绑定，Vue官方提供了一个简写方式:bind，例如： 1 2 <!--完整语法--> <av-bind:href="url"></a> 1 2 <!--缩写--> <a:href="url"&amp...

原创 Token ，Cookie和Session的区别

在做接口测试时，经常会碰到请求参数为token的类型，但是可能大部分测试人员对token，cookie，session的区别还是一知半解。为此我查阅大量的资料做了如下总结。 此篇文章也许是最全最通俗的关于Token ，Cookie和Session的区别的文章，好好揣摩文章的每一个字，也许你会有更深的理解！Cookiecookie 是一个非常具体的东西，指的就是浏览器里面能永久存储的一种数据...

原创 localStorage使用总结

localStorage使用总结一、什么是localStorage、sessionStorage在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。...

原创 前端权限控制

何为权限控制权限控制大致分为两个维度:垂直维度: 控制用户可以访问哪些url的权限 水平维度: 控制用户访问特定url，获取哪些数据的权限（e.g. 普通用户、管理员、超级管理员访问同一url，获取的数据是不同的）Web权限控制方案List前后端不分离：以Java为例，后端通过jsp、freemark、thmeleaf等模板来渲染相应权限的数据，渲染完呈现在浏览器端 前后端分...

原创 Node.js 中 __dirname 和 ./ 的区别

stackoverflow 地址概要Node.js 中，__dirname 总是指向被执行 js 文件的绝对路径，所以当你在 /d1/d2/myscript.js 文件中写了 __dirname， 它的值就是 /d1/d2 。相反，./ 会返回你执行 node 命令的路径，例如你的工作路径。有一个特殊情况是在 require() 中使用 ./ 时，这时的路径就会是含有 requir...

原创 Vue+axios 实现http拦截及路由拦截实例

现如今,每个前端对于Vue都不会陌生,Vue框架是如今最流行的前端框架之一,其势头直追react.最近我用vue做了一个项目,下面便是我从中取得的一点收获.基于现在用vue+webpack搭建项目的文档已经有很多了,我就不再累述了.技术栈vue2.0 vue-router axios拦截器首先我们要明白设置拦截器的目的是什么,当我们需要统一处理http请求和响应时我们通过设置...

原创 npm install安装依赖出现PhantomJS not found on PATH PhantomJS not found on PATH Downloading https://github

问题：PhantomJS not found on PATHPhantomJS not found on PATHDownloading https://github.com/Medium/phantomjs/releases/download/v2.1.1/phantomjs-2.1.1-windows.zipSaving to C:\Users\ADMINI~1\AppData\L...

原创 Vue学习笔记之vue-cli项目搭建及解析

Vue（一）安装node.js首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的 node 是固定版本的，如果需要多版本的 node，可以使用 nvm 安装http://blog.csdn.net/s8460049/article/details/52396399安装完成后，可以命令行工具中输入 node -v 和 npm ...

原创 vue中使用自己定义的js，并注册为全局的

在使用vue的时候少不了要写自己的js，但是自己的js怎样才能被定义为全局的，供众多的文件使用呢？方法如下：第一种情况：在main.js中引入，并在其中使用。1、写好自己的js文件，并放置在src文件下用一个目录api来封装。2、在main.js文件中引入这个js的路径，然后在将其设置成一个单独的变量，用的时候通过变量来调用。import { x1,x2,x3}  from  'j...

原创 Vue2.0之去掉组件click事件的native修饰

这个是在组件开发中遇到的问题，当时我在编写button的组件，模板是这样的：<template> <button class="disable-hover button ion-button" :class="[modeClass,typeClass,shapeClass,sizeClass,colorClass,roleClass,strongCl...

原创 VueJs单页应用实现微信网页授权及微信分享功能示例

在实际开发中，无论是做PC端、WebApp端还是微信公众号等类型的项目的时候，或多或少都会涉及到微信相关的开发，最近公司项目要求实现微信网页授权，并获取微信用户基本信息的功能及微信分享的功能，现在总算完成了，但开发过程中遇到好几个坑。废话不多说了，开始正题。描述点微信相关开发知识了解 怎么样实现微信相关功能本地测试 微信网页授权 微信分享微信相关开发知识了解微信公众号的appI...

原创 vue嵌套路由（二）

在实际项目中我们会碰到多层嵌套的组件组合而成，但是我们如何实现嵌套路由呢？因此我们需要在 VueRouter 的参数中使用 children 配置，这样就可以很好的实现路由嵌套。index.html，只有一个路由出口<div id="app">    <!-- router-view 路由出口, 路由匹配到的组件将渲染在这里 -->    <router...

原创 vue简单路由（一）

在项目中，将vue的单页面应用程序改为了多页面应用程序，因此在某些场景下，需要频繁的切换两个页面，因此考虑使用路由，这样会减少服务器请求。使用vue-cli（vue脚手架）快速搭建一个项目的模板（webpack-simple）,运行起来后，将原来index.html页面挂载点中的内容删除index.html <div id="app"><!-- 使用 router...

原创 vue嵌套路由-params传递参数（四）

在嵌套路由中，父路由向子路由传值除了query外，还有params，params传值有两种情况，一种是值在url中显示，另外一种是值不显示在url中。1、显示在url中index.html<div id="app">    <!-- router-view 路由出口, 路由匹配到的组件将渲染在这里 -->    <router-view>&lt...

原创 vue嵌套路由-query传递参数（三）

在嵌套路由中我们经常会遇到父路由向子路由里面传递参数，传递参数有两种方法，通过 query 或者 paramsindex.html<div id="app">    <!-- router-view 路由出口, 路由匹配到的组件将渲染在这里 -->    <router-view></router-view></div>...

原创 vue-router 之 keep-alive

本文基于 Vue2.0keep-alive 简介keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。用法也很简单：<keep-alive> <component> <!-- 该组件将被缓存！ --> </component></keep-alive>pr...

原创 v-cloak遇到的问题及解决方法

问题在使用vue时，HTML 绑定 Vue实例，在页面加载时会闪烁类似{{msg}}这样的信息。可能会导致用户体验不好。使用v-cloakv-cloak就能解决这个问题。(1)用法这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。官...

原创 Chrome开发者工具详解(2)-Network面板

Chrome开发者工具详解(2)-Network面板注： 这一篇主要讲解面板Network，参考了Google的相关文档，主要用于公司内部技术分享。Chrome开发者工具面板面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面...

原创 Chrome开发者工具详解(1)-Elements、Console、Sources面板

Chrome开发者工具详解(1)-Elements、Console、Sources面板Chrome开发者工具面板面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。这些按钮的功能点如下：Elements:查找网页源代码H...

原创 Http请求头和响应头的Cache-Control如何理解

请求头Cache-Control：no-cache表示不使用缓存。相应头Cache-Control：no-cache表示客户端不缓存。

原创 from memory cache与from disk cache详解

在chrome浏览器中的控制台Network中size栏通常会有三种状态1.from memory cache2.from disk cache3.资源本身的大小(如：1.5k)那么问题来了1.三种区别在哪里；2.浏览器采取不同措施的原则是什么；3.其他浏览器的策略下面分别讲述以上三个问题1.三种区别在哪from memory cache：字面理解是从内存中，其实也...

原创 【转载】掌握 HTTP 缓存——从请求到响应过程的一切（下）

作者：Ulrich Kautz 编译：胡子大哈翻译原文：http://huziketang.com/blog/posts/detail?postId=58bd4dd1204d50674934c3b0 英文原文：Mastering HTTP Caching - from request to response and everything...

原创 【转载】掌握 HTTP 缓存——从请求到响应过程的一切（上）

作者：Ulrich Kautz 编译：胡子大哈翻译原文：http://huziketang.com/blog/posts/detail?postId=58b77935204d50674934c3ad 英文原文：Mastering HTTP Caching - from request to response and everything转载请注明出处，保留原文链接以及作者信息学习笔...

原创 CDN学习笔记二（技术详解）

一本好的入门书是带你进入陌生领域的明灯，《CDN技术详解》绝对是带你进入CDN行业的那盏最亮的明灯。因此，虽然只是纯粹的重点抄录，我也要把《CDN技术详解》的精华放上网。公诸同好。第一章    引言  “第一公里”是指万维网流量向用户传送的第一个出口，是网站服务器接入互联网的链路所能提供的带宽。这个带宽决定了一个 网站能为用户提供的访问速度和并发访问量。如果业务繁忙，用户的访问数越多，...

原创 CDN学习笔记一（CDN是什么？）

CDN是什么？谈到CDN的作用，可以用8年买火车票的经历来形象比喻： 8年前，还没有火车票代售点一说，12306.cn更是无从说起。那时候火车票还只能在火车站的售票大厅购买，而我所住的小县城并不通火车，火车票都要去市里的火车站购买，而从县城到市里，来回就是4个小时车程，简直就是浪费生命。后来就好了，小县城里出现了火车票代售点，可以直接在代售点购买火车，方便了不少，全市人民再也不用在一个...