代码的编写
来源:互联网 发布:java编程入门视频 编辑:程序博客网 时间:2024/06/05 09:01
1.当图片的大小大于div是,我们可以使用背景图加上“background-size=100%”,那么图片就会完全填充与div中。
代码:
background: url("../images/userJoin/coverage3.png"); background-size: cover;
2.字体类型设置
使用的是英文,中文一般不支持;而且不能单独拿出来使用,需要和别的属性一起使用
代码:
font: px(22.5) MicrosoftYaHei;
3.请求的优先级较低(axios和http)
this.$http(url,par).then(function(data){ alert(100);}alert(200);
先输出200,在输出100;
4.使用overflow建立一个有可滑动的div,但是我们在手机端会有右侧的滚动条,我们不需要这个滚动条。
解决方案:
在两个div之间在添加一个div,比如说在div1和div3之间添加一个div2,来达到隐藏滚动条的效果。
.div1 .div3{ width: 200px; height: 200px;}.div1 { position: relative; overflow: hidden;}.div2 { position: absolute; left: 0; overflow-x: hidden; overflow-y: scroll;} /* for Chrome */.div2::-webkit-scrollbar { display: none;}
这样就ok了
5.ajax和vue的http都是异步加载,自定上下时,如果有异步加载,不会因为没有加载完就会停止,会继续执行下面的语句。如果加载速度够快的话,异步就和同步的性质一样(理论上有可能,但是一般都不行的)。
$.ajax({ url: url, data: {}, success: function (res) { }, error:function(){ } });
this.$http.get(url).then(function (){ },function(){ });
还有一点,同一个json,使用ajax加载,和使用http加载,得到的结果不一样。http需要解析一层body才能得到和ajax的一样。
6.form 表单提交。可以使用动态添加action
使用方式是在提交的地方设置一个click事件,然后写一个参数,参数必须是this.form (我目前所知道的),然后可以在click事件写 e.action = “你想提交的地址”。
代码:
check: function(e){ e.action = "walk_school.html"; } <input type="submit" value="提交" class="submit" @click="check(this.form)"/>
7.使用v-for给img的src赋值
v-bind:src="data.img"
直接使用v-bind
8.使用vue结合mint-ui的loadmore组件搭建一个上拉刷新,下拉加载的界面。一定要在最外层的样式设置overflow: scroll;不然你只能各刷一次。
<mt-loadmore :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" :max-distance="150" ref="loadmore"></mt-loadmore>
同时这边博客对于这个组件写的蛮好的
mint-ui的loadmore组件详情
- 编写易读的代码
- 编写安全的代码
- 编写干净的代码
- sqlite代码的编写
- 编写清晰的代码
- 编写代码的经验总结
- 编写代码的步骤
- 后台代码的编写
- 测试代码的编写
- 测试代码的编写
- 测试代码的编写
- 进度条代码的编写
- 代码编写的要点
- 编写代码的艺术
- 编写代码的基础
- 编写干净的代码
- 代码的编写
- 编写安全的ASP代码
- Linux怎么为用户添加sudoers权限
- bat脚本
- Java中的Enum的使用与分析
- String intern方法
- 树莓派开机运行python程序
- 代码的编写
- 介绍RAID 6阵列基础中擦除码的工作原理及作用
- java练习
- windows线程与内核对象的同步
- Adapter条目点击,跳转到新的Activity,获取到值之后回显到adapter 条目中的某个控件中去
- 关于在RecyclerView中使用UniversalImageLoader加载图片刷新数据时引起的闪烁问题
- 产品上市之路
- Android测试开发相关知识
- 常用排序算法归纳