- 博客(61)
- 收藏
- 关注
原创 客户端到服务器到服务端请求流程以及状态码含义
一个完整的HTTP请求过程,通常有下面7个步骤:1.建立TCP连接2.Web浏览器向Web服务器发送请求命令3.Web浏览器发送请求头信息4.Web服务器应答5.Web服务器发送应答头信息6.Web服务器向浏览器发送数据7.Web服务器关闭TCP连接HTTP请求由四部分组成:1.HTTP请求的方法或动作,比如是GE
2017-06-15 11:14:01
1202
原创 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%填坑完成
2017-05-19 10:36:32
943
原创 vue进行图片的预加载watch用法
watch应用场景我想信图片预加载大家肯定都有接触过,当图片量大的时候,为了保证页面图片都加载出来的时候,我们才把主页面给显示出来,再进行一些ajax请求,或者逻辑操作那此时你用computed对这种监听一个数据然后进行一系列逻辑操作和ajax请求,那watch再适合不过了,如果用computed的话那你连实现都实现不了,只有用watch监听
2017-03-31 14:38:18
17919
原创 改变vue请求过来的数据中的某一项值的方法
由于 JavaScript 的限制, Vue 不能检测以下变动的数组:当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue当你修改数组的长度时,例如:vm.items.length = newLength在 改变数组第2个值,改成0 改变数组第2个值,改
2017-03-31 13:16:05
4625
原创 -webkit-touch-callout 禁止长按链接与图片弹出菜单
-webkit-touch-callout 禁止长按链接与图片弹出菜单-webkit-touch-callout: none;
2017-03-31 10:30:40
3404
原创 css开启硬件加速
用CSS开启硬件加速来提高网站性能(转)翻译文章,原文地址:http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-css。你知道我们可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Unit) 发挥功能,从而提升性能吗?现在
2017-03-31 10:26:08
558
原创 移除浏览器默认的样式,比如chrome的input默认样式,然后就可以定义需要的样式。
移除浏览器默认的样式,比如chrome的input默认样式,然后就可以定义需要的样式。input, button, textarea, select { *font-size: 100%; -webkit-appearance:none;}
2017-03-31 10:19:05
577
原创 清除手机tap事件后element 时候出现的一个高亮
清除手机tap事件后element 时候出现的一个高亮* { -webkit-tap-highlight-color: rgba(0,0,0,0);}
2017-03-31 10:18:14
201
原创 清浮动
.clearfix {zoom:1;}.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
2017-03-31 10:16:59
235
原创 vue语法会有延迟加载显现{{xxx}}
在使用Vue写应用时发现一个问题,每当进入一些有延时的(如网络API请求)操作时,会先闪一下未编译的 Mustache 标签{{ message }},这让人很不爽。在官网找到了解决方案:v-cloak参照官网做法:定义[v-cloak]的stylestyle> [v-cloak] { display: none; }style
2017-03-31 09:55:41
2661
原创 vue语法阻止内部内容滚动
{{item}} import myButton from './components/myButton.vue'export default { data () { return { list : [1,2,3,4,5,6,7,8,9,10]
2017-03-31 09:50:13
3459
原创 vue语法input上去掉前后的空白符
div> input type="text" v-model.trim="content"> input type="text" v-model = 'content'> div>template>script>export default { data () { return { conten
2017-03-31 09:48:56
14606
原创 47.vue组件上定义事件需要用到native
div> my-button @click.native="buttonClick">my-button> div>template>import myButton from './components/myButton.vue'export default { components : { myButton },
2017-03-31 09:31:57
534
原创 46.左侧固定右侧自适应
.left{ width:calc(100% - 100px);; float:left;}.right{ width:100px; height:1800px; float:left; background: black; display: block;}
2017-03-30 17:10:03
329
原创 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
2017-03-30 15:31:47
2133
原创 44.让webstorm识别.vue文件格式编码
1.下载这个https://github.com/henjue/vue-for-idea 2.3.
2017-03-30 10:05:04
808
原创 积累
$.ajax({ url: "http://www.hzhuti.com", //请求的url地址 dataType: "json", //返回格式为json async: true, //请求是否异步,默认为异步,这也是ajax重要特性 data: { "id": "value" }, //参数值 type: "GET", /
2017-02-21 15:52:00
228
原创 39.ajaxfileupload文件上传前端代码
1.首先引入JQ和插件2.在html中写入类似的结构3.在js中写入这段代码要求id要与结构对应
2017-01-16 10:41:22
230
原创 38.jquery.page.js实现分页技巧
1.引入js和css2.page.js里面的东西不需要动3.将页脚生成的地方,里添加一个ID 如:pager4.在你当前的js部分发送ajax请求 1.初始为1----2.方法和ID名要对上----3.回调函数再次调用这个方法 并且找到class的text
2016-12-06 15:13:28
2792
原创 36.微信开发获取openId
1.appid 必须是当前公众号的appid2.跳转的服务器url必须是编码格式3.如果传参的话必须在state里面传参
2016-11-14 15:31:30
461
原创 33.如何用H5标签进行页面自动跳转和自动刷新
如何用H5标签进行页面自动跳转和自动刷新第一条 是自动刷新 2S以后执行第二条 是自动跳转 2S以后执行
2016-10-14 11:17:43
4924
原创 32.页面缩小背景图显示一半另一半白色解决办法
页面缩小背景图显示一半另一半白色解决办法确定好使页面多出白色部分的尺寸,定位最小尺寸 在body中设置min-width
2016-10-11 16:42:15
3208
原创 30.ajax路由分离模块式开发步骤
ajax路由分离模块式开发步骤1.首先创建一个apiAjax.js文件2.在ApiAjax文件中,创建一个Ajax的函数对象,并且定义好它的公用的路径地址,用this.XXX表示 方便在其他文件中引入 New()新的方法,this指向当前3.当在其他文件需要跳转发送ajax请求的时候,会向后台传输数据,在apiAjax.js中写好每个需要向后台发送请求的模块的传递数据的
2016-09-28 16:49:30
1198
原创 26.做移动端的项目时,用一条媒体查询就搞定
按照设计图给的 尺寸进行 媒体查询 假如:640px;媒体查询就写640 然后高不给具体数值,里面的东西正常写就行,可以用px或者 百分比这个时候媒体查询也可以不写,一样好使 但是要求 最大的宽要给定640px;
2016-08-17 09:55:16
410
原创 22.css定义width和height的大小
当给css添加样式padding的时候 这个盒模型的大小 等于 padding + width + border 如 :width:200px;padding:10px; 200+10 = 210; 如果给这个盒模型添加背景图片的话 他会充满整个盒模型 包括padding区域 这个时候要是想给这个盒模型里
2016-07-26 21:23:48
610
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人