总结web前端学习时遇到的问题
清除浮动的几种方法
1父盒子overflow:hidden,
2伪类添加clear:both,
3父盒子内部添加额外的没有宽高的盒子,添加样式clear:both;
CSS中 link 和@import 的区别
(1) link属于HTML标签,而@import是CSS提供的;
(2) 页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载;
(3) import只在IE5以上才能识别,而link是HTML标签,无兼容问题;
(4) link方式的样式的权重 高于@import的权重.
先到这,以后再遇到再补充
----------------------分割线-------------------------------------------
TP5验证码前端调用
(1) img src 调用接口不会产生跨域问题
(2) 分两次Ajax调用和发送数据的时候TP5验证码给出的内容会变,导致验证出错;
---------------------------------------------------another--------------------------------------------------------
获取input控件里的内容要jquery要使用val();
获取select 控件被选中的值应该用‘select option:selected’
Ajax调用数据,Jquery使用的时候跨域要和后台进行相应的联系,header和前端之间有相同的url;
---------------------------------------------------another--------------------------------------------------------
vue 与Jquery Ajax 获取数据并不冲突,可以在 beforeCreate:属性里调用jquery的Ajax方法简化开发,但是vue并不推荐使用jquery,jquery是大体量的js库,结合vue使用会对性能产生影响。
var app = new Vue({
el: '#app',
data: {
glist:[],
// searchThing:'',
},
methods: {
handleAdd: function(index) {
this.glist[index].count++;
},
handleReduce: function(index) {
this.glist[index].count--;
},
handleRemove: function(index) {
this.glist.splice(index,1);
}
},
beforeCreate:function(){
var url="json/list.json";
var _self=this;
console.log(this.data)
$.ajax({
type:"get",
url:url,
dataType:"json",
success: function(result){
_self.glist = result;
console.log(this);
}
});
}
---------------------------------------------------another--------------------------------------------------------
uni-app推荐
前端开发app 小程序,h5等程序的vue框架,上手容易,官方文档写的比较好,PS:比APIcloud 好多了,对小程序的支持特别好,可以使用wx,原生的API,也可以使用uni-app自己调用的方法,全局封装方法的时候,推荐使用回调,当然,也可以使用插件,丰富的插件市场,可以极大的增加开发效率,使用vue作为主体框架,减少操作dom,只关注于业务逻辑,对开发友好。