盈玉-CSDN博客

原创 CSS知识点

九宫格背景图位置:首先导入一张大图.tu {background-image: url(p2.jpg);}然后固定每个小九宫格的大小(每个小九宫格里都有一张只露出左上角的大图)div {width: 200px;height: 200px;}然后设定大图在每个小九宫格里的位置,移动方式,靠近坐标轴为负,远离坐标轴为正#z-1 { background-position: 0px 0px; } #z-2 { ...

2022-03-09 10:08:27 76

原创笔记:JS方法

parseInt(string,radix)向下取整,string是字符串,radix是进制数,如string不是字符串,则先将字符串转换为数字如果字符串无法转换为数字(不为'123'类型),或者不符合进制数,则返回NaN

2022-03-09 10:02:58 76

原创 JQuery快速入门

JQuery提倡快速简洁是一个普通的js文件,引入方式和一般javaScript文件一样用script标签引入<script type="text/javascript" src="../jquery-1.4.2.js"></script>人们把JQuery称为JavaScript的框架(实际有点夸张),其实是一个JS的代码库JQuery有两个文件,一个有缩进版,一个min版,其实内容都是一样的...

2022-03-07 17:12:40 494

原创 JS放大镜

cursor:point 出来是小手指cursor:move出来是十字箭头移动符号event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.offsetX、event.offsetY鼠标相对于事件源元素（srcElement）的X,Y坐标，只有IE事件有这2个属性，标准事件没有对应的属性。event.screenX、event.screenY鼠标相对于用

2022-03-05 15:39:00 94

原创面试题小结整理:

parseInt截取number直到遇见不认识的为止用户单击超链接时弹出新窗口:a href = "right.html" target = "_blank"substring(a,b)开始索引结束索引截取substr(a,b)开始索引a截取b长度isNaN判断是不是不是数字,如果是数字返回false,不是数字返回true选择器权重大小:id>class>标签Math.ceil,向上取整,比如-3.4向上取整变成-3Math.floor向下取整Math.roun

2022-03-04 21:47:41 175

原创 JS事件节流和防抖函数

面试考试可能会问,抓住节流是减少调用次数,防抖是只允许执行最后一次就行事件节流常见于手机抢购活动概念事件节流: 当一个事件频繁触发时,降低事件响应的频率实现原理事件节流有两种实现方式: 频率节流和时间节流频率节流: 事件触发n(正整数)次,只响应一次,以降低响应频率时间节流: 在一定时间之内,无论事件触发几次(>0),只响应一次频率节流代码:var count = 0;function increase() {count ++if(count..

2022-03-04 10:45:51 572

原创制作JS轮播图

转义字符< 在html里用<代替>在html里用>代替设置两个按钮在两边#goPre { left: 0px; } #goNext { right: 0px; }轮播原理,谁的z-index最大谁在最上面所以给按钮z-index100给列表元素z-index10:.item.active {z-index: 10;}...

2022-03-03 23:03:45 231

原创 relative与absolute区别

相对定位: 未脱离文档流,占据空间绝对定位: 脱离了文档流,不占据空间相对定位:在文档中的正常位置通过top,left给定偏移值,但不影响其他元素偏移绝对定位:相对于最近的非static的祖先元素定位列表例子:如何将列表重叠HTML框架: <div class="wrap"> <ul class="list"> <li class="item">1</li> &lt..

2022-03-03 20:02:39 297

原创 Bom和Dom

Browser Object Model浏览器对象模型非官方,无标准只是个对浏览器API接口的统称BOM提供的API都放到了window全局对象中window代表了当前浏览器窗口DOM属于BOM的一部分window.alert("你是傻逼")window.prompt("你是傻逼吗")以及窗口属性:可以通过innerWidth和innerHeight来获取html页面部分的宽高还可以通过open() 打开新窗口或选项卡通过close()关闭新窗口.

2022-03-03 17:57:47 178

原创 cookie是什么

cookie 是从网站发送并存储在计算机或移动设备上的小文件，用于在本地保存一些配置或跟踪信息,登录账号信息密码等可以通过设置菜单将浏览器配置为拒绝第三方 cookie和追踪器

2022-03-03 16:41:55 105

原创 Dom尺寸和位置

文档对象模型（Document Object Model，简称DOM）可以把DOM认为是页面上数据和结构的一个树形表示在body里写入一个div<div id="div">1234567</div>设置样式: body{ border: 2px solid; }效果:关于屏幕尺寸: console.log("screen",screen.width, screen.height) // 屏幕尺寸.

2022-02-28 23:17:29 308

原创 window事件

创建两个div标签<div id="d1"></div> <script> console.log(d1, d2) </script> <div id="d2"></div>结果:script 内容替换为: window.onload = function(){ console.log(d1,d2) // div, div }

2022-02-28 22:06:03 208

原创 JS计时器

设置一个标题h1 <h1 id="h1">0</h1>给h1设置样式:红色渐变<style> h1 { /* 过度: 使标签样式按照动画过程变化 1s表示时间 linear表示匀速*/ transition: 1s linear; } h1:hover { color: red; }

2022-02-28 20:18:32 259

qq_44198410的博客