摘要: 1、flexible grid laout 弹性网格布局 2、flexible image 弹性图片 3、media queries 媒体查询 响应式网站是一个设计理念,它是多项技术的综合体 响应式网站不等于弹性布局 阅读全文
posted @ 2017-02-26 10:07 zhaobao1830 阅读(313) 评论(0) 推荐(0) 编辑
摘要: vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的API更为简洁。另外,vue-resource还提供了非常有用的intec 阅读全文
posted @ 2017-02-23 09:43 zhaobao1830 阅读(208) 评论(0) 推荐(0) 编辑
摘要: vue完成项目后,如何打包成静态文件, 打包: 1、vue.config.js配置,如果用默认的,打包以后,会找不到文件 // 公共路径(必须有的)publicPath: "./",// 输出文件目录outputDir: "dist",// 静态资源存放的文件夹(相对于ouputDir)assets 阅读全文
posted @ 2017-02-22 22:11 zhaobao1830 阅读(15816) 评论(0) 推荐(0) 编辑
摘要: 打包的时候,把static里面的文件全部拷贝到dist的static里面 阅读全文
posted @ 2017-02-22 21:49 zhaobao1830 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 参考地址:http://cn.vuejs.org/v2/guide/transitions.html vue2.0,要想实现过渡效果,要用transition组件 代码: <div id="demo"> <button v-on:click="show = !show"> Toggle </butt 阅读全文
posted @ 2017-02-22 20:36 zhaobao1830 阅读(282) 评论(0) 推荐(0) 编辑
摘要: 案例分析: 1、中间文字居中 2、文字俩边有横线 横线无法固定宽度,因为在大屏手机上,容易出现Bug,宽度不够,俩边会出现大量空隙 解决办法,使用flex布局(网站链接) 代码: 写在<style></style>内才会生效。在html中添加style属性是不会添加兼容性代码的 阅读全文
posted @ 2017-02-22 16:01 zhaobao1830 阅读(8289) 评论(2) 推荐(0) 编辑
摘要: 代码: 在chrome运行: beforeCreate dom、data数据初始化之前 created data数据初始化完成,dom没有初始化 beforeMount dom初始化完成 mounted data数据挂载到dom上 在浏览器中运行testVue.message="zhaobao"; 阅读全文
posted @ 2017-02-22 14:45 zhaobao1830 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 1、俩个span之间会有间隙,解决办法,在父类设置font-size:0,或者是:代码里面,俩个span中间的空格删掉 2. 俩个并列的span有时会出现这种情况,解决办法,给第一个span设置vertical-align:topevent.target 3、event.target 返回事件的目标 阅读全文
posted @ 2017-02-21 09:20 zhaobao1830 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 参考地址:http://www.imooc.com/learn/680 标准盒模型 元素尺寸 可视尺寸-clientWidth(标准)——就是上图中的border box包含的尺寸。 占据尺寸-outerWidth(YY,jQuery里面是有这个方法的)——就是上图中的margin box包含的尺寸 阅读全文
posted @ 2017-02-20 10:57 zhaobao1830 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 1、dev-server.js 是webpack打包入口,所以在这个里面引入模拟数据 2、dev-server.js里面调用数据,记住要写在var app=express()后面,不然会出错 3. 4、vue.js里面的computed,就是实时计算,可以把其他页面传过来的值进行计算,然后通过v-b 阅读全文
posted @ 2017-02-17 22:48 zhaobao1830 阅读(298) 评论(0) 推荐(1) 编辑