vue 使用jquery的Ajax,推荐使用axios

总结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,只关注于业务逻辑,对开发友好。

相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页