- 博客(10)
- 收藏
- 关注
RSS订阅原创 用JS实现放大镜效果
* 遮盖物的最大移动距离，父元素camera的宽度减去遮盖物的宽度(300-100) */大图片的移动距离=（遮罩层的移动距离 /遮罩层最大移动距离）*大图片最大移动距离 */// 计算大图移动距离（zoom移动距离/zoom最大移动距离）*大图最大移动距离。// zoom移动距离/zoom最大移动距离 = 大图移动距离/大图最大移动距离。遮罩层的移动距离 /遮罩层最大移动距离 = 大图片移动距离/大图片最大移动距离。// 计算大图的最大移动距离 大图-大图盒子大小。
2024-11-21 11:55:44
1402
原创 javaScript BOM简介
4.1.1、BOM简介BOM（browser Object）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM由一系列的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JS语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分4.1.2、DOM与BOM的区别类别DOMBOM1文档对象模型浏览器对象模型2DOM是把文档当做一个对象来看待把浏览器当做一个对象来看待3。
2024-11-19 18:47:15
1357
原创 javaScript正则
默认情况下，我们的match只会找到第一个符合要求的内容，找到以后就停止检索，我们可以设置正则表达式为全局匹配模式，从而匹配到所有的内容，可以为一个正则表达式设置多个匹配模式，且顺序都可以。注意：使用构造函数时，由于它的参数是一个字符串，而\是字符串中转义字符， 如果要使用\则需要使用\\来代替。//str=str.replace(/^\s*/,"")//去除开头所有空格。//str=str.replace(/\s*$/,"")//去掉结尾的空格。
2024-11-15 09:30:57
1131
原创 HTML+CSS面试题重点摘要
外边距重叠（ margin-collapse），在 CSS 当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。解决外边距重叠的问题：1、开启元素的BFC属性，2、在元素的前面加一个空的table3、增加透明的边框标准的 W3C 盒子模型模型 ，css为了更好的布局，将页面中所有的元素形状都统一为矩形。盒模型包括四个方面：内容、内边距、边框、外边距（不计入盒子实际大小）1、flex-direction：排列方向。
2024-11-13 17:17:06
847
原创 JS实现轮播图
通过Swiper中文网去下载Swiper插件首先加载插件，需要用到的文件有swiper-bundle.min.js和swiper-bundle.min.css文件，不同Swiper版本用到的文件名略有不同。可下载Swiper文件或使用CDN。
2024-11-11 17:13:49
495
原创 JS操作事件
JS使我们有能力创建动态页面，而事件是可以被JS侦测的行为简单理解：触发----响应机制网页中每个元素都可以产生某些可以触发JS的事件，例如点击事件事件是由三部分组成 事件源 事件类型 事件处理程序 称为事件三要素事件源： 事件被触发的对象 谁被触发事件类型：如何触发，什么事件 例如鼠标点击，鼠标经过，键盘按下等事件处理程序：通过函数赋值的方式完成执行事件的步骤：a获取事件源b注册事件（绑定事件）c添加事件处理程序（采取函数赋值形式）//第一步：获取按钮对象。
2024-11-07 18:19:50
613
原创 javaScript13DOM获取
返回一个类数组(伪数组)对象，所有查询到的元素都会封装到对象中，即使查询到的元素只有一个，也会封装到伪数组中返回;补充1：innerHTML 可读写，一方面可获取到元素内部的html代码，另一方面可以操作更改元素内容，包括标签，保留空格和换行，比较常用。补充2：innerText 可读写，它和innerHTMl类似，不同的是更改元素内容的时候，它会自动将html标签，空格和换行去除。通过id属性获取一个元素节点对象，参数：id是大小写敏感的字符串，返回的是。可以获取当前元素的所有子元素，不包括空白文档了。
2024-11-06 19:36:55
601
原创 JS数组的数组方法，包括es5,es6新增方法！
1 push() (在结尾)向数组添加一或多个元素 返回新数组长度 ES5-2 unshift() （在开头)向数组添加一或多个元素 返回新数组长度 ES5-3 pop() 删除数组的最后一位 返回被删除的数据 ES5-4 shift() 移除数组的第一项 返回被删除的数据 ES5-5 reverse() 反转数组中的元素 返回反转后数组 ES
2024-11-04 18:34:40
516
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人