踩不完的坑-CSDN博客

原创设置div不可点击，input标签不可填

.notclick { pointer-events: none; }$(".save").addClass("notclick");$(".save").removeClass("notclick");

2020-09-28 13:45:24 906

原创设置radio和checkbox的样式

一定要选择小图片radio样式 <label><input name="Fruit" type="radio" value="" />苹果 </label> <label><input name="Fruit" type="radio" value="" />桃子 </label> label input[type="radio"] { appearance: none;

2020-09-24 10:18:08 198

方法var app = new Vue({ el: '#app', data: { message: 'Hello',}, methods: { reversedMessage: function() { return this.message.split('').reverse().join(''); }, },});计算属性var vm = new Vue({ el: '#example', data: { message: 'Hello' },

2020-07-14 16:41:28 1626

原创 vue购物车的加减案例

要求点击加减按钮数字一次递加或递减，这里给了一个限制，当数字为0时，弹出提示“不能小于零”；当数字为5时，再次点击，弹出提示框显示“不能大于5”#app { overflow: hidden;}.fl { float: left; width: 100px; height: 35px; background-color: #fff; text-align: center; line-height: 35px; font-size: 18px; border-rad.

2020-07-14 13:26:23 1563 1

转载 Ajax&JAON

Ajax1. 概念： ASynchronous JavaScript And XML 异步的JavaScript 和 XML 1. 异步和同步：客户端和服务器端相互通信的基础上 * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。 Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 [1] 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新

2020-07-14 09:38:52 164

原创 jquery获取当前时间

$(function() { var date = new Date(); var str = date.getFullYear() + '年' + (date.getMonth() + 1) + '月' + date.getDate() + '日' + '星期' + '日一二三四五六'.charAt(date.getDay()); console.log(s

2020-07-07 21:06:21 318

原创 jQuery对象和DOM对象

//用jQuery获取的对象是jQuery对象//用DOM对象获取的对象是DOM对象//jQuery获取对象 —— $('div')//原生JavaScript获取对象 —— var oDiv = document.getElementById(".box")$('div').style.display = "none"; //报错——Cannot setproperty 'display' of undefined //因为jQuery对象中没有style这个原生的属性和方法 //

2020-07-07 20:42:57 151

原创 jQuery入口函数

$(function(){ //此处是页面DOM加载完成的入口 }) $(document).ready(function(){ //此处是页面加载完成的入口 })

2020-07-07 20:18:21 128

转载 jQuery动态获取可视高度，根据可视高度设置div的高度

2020-07-07 20:13:14 1315

原创屏幕发生变化时调用

window.onresize = function() { console.log('fd'); };

2020-05-08 22:33:24 163

原创懒加载

//1.获取元素 var oImg = document.getElementsByTagName('img'); //2.确定哪些图片能显示 for (var i = 0; i < oImg.length; i++) { //3.获取当前元素到顶部的距离 var offsetTop = oImg[i].offsetTop; var clientH = document.documentElement.clientHeight;

2020-05-08 22:32:08 103

原创回到顶部

//1.获取元素 var oDiv = document.getElementsByTagName('div')[0]; //2.当滚动条滚动到1000的时候显示 window.onscroll = function() { //滚动监听 //3.获取滚动距离 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; if (

2020-05-08 22:25:31 105

原创 body位置属性

//client元素的可视宽高：元素.clientWidth （width+左右的padding）元素.clientHeight （height+上下的padding）屏幕的可视宽高：document.documentElement.clientWidth/clientHeight//元素边框元素.clientTop (上边框)——border 元素.clientLeft//offset//元素的占位宽高：元素.offsetWidth (width+paddi

2020-05-08 22:19:50 609

qq_44161201的博客