咖喱鸡块的博客

原创 客户端到服务器到服务端请求流程以及状态码含义

一个完整的HTTP请求过程，通常有下面7个步骤：1.建立TCP连接2.Web浏览器向Web服务器发送请求命令3.Web浏览器发送请求头信息4.Web服务器应答5.Web服务器发送应答头信息6.Web服务器向浏览器发送数据7.Web服务器关闭TCP连接HTTP请求由四部分组成：1.HTTP请求的方法或动作，比如是GE

原创 npm 安装 express command not found 解决方案

1.npm uninstall express -g    删除之前安装的express2.npm install express -g 安装最新的express3.npm install express-generator -g 安装4.0以上express命令工具4.配置环境变量 在系统变量里添加node_path express路径，在path里%node_path%填坑完成

原创 vue进行图片的预加载watch用法

watch应用场景我想信图片预加载大家肯定都有接触过，当图片量大的时候，为了保证页面图片都加载出来的时候，我们才把主页面给显示出来，再进行一些ajax请求，或者逻辑操作那此时你用computed对这种监听一个数据然后进行一系列逻辑操作和ajax请求，那watch再适合不过了，如果用computed的话那你连实现都实现不了，只有用watch监听

原创 改变vue请求过来的数据中的某一项值的方法

由于 JavaScript 的限制， Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue当你修改数组的长度时，例如：vm.items.length = newLength在 改变数组第2个值,改成0 改变数组第2个值,改

原创 -webkit-touch-callout 禁止长按链接与图片弹出菜单

-webkit-touch-callout 禁止长按链接与图片弹出菜单-webkit-touch-callout: none;

原创 css开启硬件加速

用CSS开启硬件加速来提高网站性能（转）翻译文章，原文地址：http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-css。你知道我们可以在浏览器中用css开启硬件加速，使GPU (Graphics Processing Unit) 发挥功能，从而提升性能吗？现在

原创 移除浏览器默认的样式，比如chrome的input默认样式，然后就可以定义需要的样式。

移除浏览器默认的样式，比如chrome的input默认样式，然后就可以定义需要的样式。input, button, textarea, select { *font-size: 100%; -webkit-appearance:none;}

原创 清除手机tap事件后element 时候出现的一个高亮

清除手机tap事件后element 时候出现的一个高亮* { -webkit-tap-highlight-color: rgba(0,0,0,0);}

原创 清浮动

.clearfix {zoom:1;}.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

原创 手机video在div中播放

"myvideo" src="test.mp4" webkit-playsinline="true">video>

原创 vue语法会有延迟加载显现{{xxx}}

在使用Vue写应用时发现一个问题，每当进入一些有延时的（如网络API请求）操作时，会先闪一下未编译的 Mustache 标签{{ message }}，这让人很不爽。在官网找到了解决方案：v-cloak参照官网做法：定义[v-cloak]的stylestyle> [v-cloak] { display: none; }style

原创 vue语法阻止内部内容滚动

{{item}} import myButton from './components/myButton.vue'export default { data () { return { list : [1,2,3,4,5,6,7,8,9,10]

原创 vue语法input上去掉前后的空白符

div> input type="text" v-model.trim="content"> input type="text" v-model = 'content'> div>template>script>export default { data () { return { conten

原创 47.vue组件上定义事件需要用到native

div> my-button @click.native="buttonClick">my-button> div>template>import myButton from './components/myButton.vue'export default { components : { myButton },

原创 46.左侧固定右侧自适应

.left{ width:calc(100% - 100px);; float:left;}.right{ width:100px; height:1800px; float:left; background: black; display: block;}

原创 45.vue-cli安装JQ只需要这几步骤

首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install在webpack.base.conf.js里加入var webpack = require("webpack")在module.exports的最后加入plugins: [new webpack.optimize.CommonsChunkPlu

原创 44.让webstorm识别.vue文件格式编码

1.下载这个https://github.com/henjue/vue-for-idea 2.3.

原创 积累

$.ajax({    url: "http://www.hzhuti.com",    //请求的url地址    dataType: "json",   //返回格式为json    async: true, //请求是否异步，默认为异步，这也是ajax重要特性    data: { "id": "value" },    //参数值    type: "GET",   /

原创 43.点击事件开始自动触发一次

原创 42.生成标签添加点击事件this事件指向

this 需要转

原创 41.vue子集动态组件开发

return 是关键

原创 40.before伪类的添加

before伪类添加效果

原创 39.ajaxfileupload文件上传前端代码

1.首先引入JQ和插件2.在html中写入类似的结构3.在js中写入这段代码要求id要与结构对应

原创 38.jquery.page.js实现分页技巧

1.引入js和css2.page.js里面的东西不需要动3.将页脚生成的地方，里添加一个ID 如：pager4.在你当前的js部分发送ajax请求 1.初始为1----2.方法和ID名要对上----3.回调函数再次调用这个方法 并且找到class的text

原创 37.微信公众号JS支付方法

获取参数传入微信方法 在done中填写ifelse

原创 36.微信开发获取openId

1.appid 必须是当前公众号的appid2.跳转的服务器url必须是编码格式3.如果传参的话必须在state里面传参

原创 35.地址栏传参解码问题

35.地址栏传参解码问题接收参数的时候转码

原创 34.父级不给宽另文字居中并且后又图片的方法

34.父级不给宽另文字居中并且后又图片的方法

原创 33.如何用H5标签进行页面自动跳转和自动刷新

如何用H5标签进行页面自动跳转和自动刷新第一条 是自动刷新 2S以后执行第二条 是自动跳转 2S以后执行

原创 32.页面缩小背景图显示一半另一半白色解决办法

页面缩小背景图显示一半另一半白色解决办法确定好使页面多出白色部分的尺寸，定位最小尺寸 在body中设置min-width

转载 31.上传文件到后台ajaxfileupload.js的使用

上传文件到后台ajaxfileupload.js的使用接上....

原创 30.ajax路由分离模块式开发步骤

ajax路由分离模块式开发步骤1.首先创建一个apiAjax.js文件2.在ApiAjax文件中，创建一个Ajax的函数对象，并且定义好它的公用的路径地址，用this.XXX表示 方便在其他文件中引入 New（）新的方法，this指向当前3.当在其他文件需要跳转发送ajax请求的时候，会向后台传输数据，在apiAjax.js中写好每个需要向后台发送请求的模块的传递数据的

原创 29.angular的从后台获取数据的方法http模块

29.angular的从后台获取数据的方法http模块

转载 28.angular的页面之间跳转带参数配合state.go

28.angular的页面之间跳转带参数配合state.go

转载 27.angular filter中过滤超出部分变成...

angular filter中过滤超出部分变成...

原创 26.做移动端的项目时，用一条媒体查询就搞定

按照设计图给的 尺寸进行 媒体查询 假如：640px；媒体查询就写640 然后高不给具体数值，里面的东西正常写就行，可以用px或者 百分比这个时候媒体查询也可以不写，一样好使 但是要求 最大的宽要给定640px；

原创 25.html标签居然可以写事件

我去！快来看！ example

原创 24.子集中字体颜色不随父级

子集中被包住的文字字体颜色           不受父级控制，                   不同标签下，字体的颜色可以变

原创 23.在 块属性内部创建行数行标签时！！

在 块属性内部创建行数行标签时！！        行属性子集在块属性内部！

原创 22.css定义width和height的大小

当给css添加样式padding的时候   这个盒模型的大小 等于 padding + width + border        如 ：width：200px；padding：10px; 200+10 = 210；            如果给这个盒模型添加背景图片的话 他会充满整个盒模型 包括padding区域                    这个时候要是想给这个盒模型里