- 博客(8)
- 资源 (1)
- 收藏
- 关注
原创 client,scroll,offset三大家
1.offset offsetTop,offsetLeft(距离最近的定位父盒子(offsetParent)的距离,没有就是距离body的距离) offsetWidth,offsetHeight–内容+padding+border的宽高 2.client clientHeight、clientWidth-内容+padding的宽高 clientTop、clientLeft-获取border-to...
2019-12-17 19:35:03
96
原创 模拟滚动条
Title sagcfasgjhasfdvgdfgvfd vbdcvdfvdfvbgregrgdgdfgdfgdfgdfbdfbdfbdfbn sdfgsfghvbshfbgdgnbmbvmddvcbcvbcvbcbvccvbvcbcvbcvbcvbcvbcvbcvbvcbnbxvnzbncbzbcn...
2019-12-17 19:17:07
87
原创 用js给一张图片实现放大镜效果
Title //common.js代码如下主要处理兼容问题 function my$(id) { return document.getElementById(id); } // 处理浏览器兼容性 // 获取第一个子元素 function getFirstElementChild(element) { var node, nodes = e...
2019-12-17 16:19:46
433
原创 用Bootstrap之glyphicons字体图标组件无法显示图片Failed to load resource: the server responded with a status of 404
在webpack学习利用url-load下载文字图标发现什么都和老师的一样,就是显示不了图标 后来发现我下载的bootstrap库里竟然没有fonts文件!!! 百度之后发现是bootstrap版本问题,v4没有,v3有 所以我在终端里运行cnpm i bootstrap@3.3.7 -S下载了v3版本,图标就显示了 ...
2019-12-13 21:11:06
249
原创 JavaScript高级程序设计学习笔记(一)1.2JavaScript实现
1.2.1. 一个完整的JavaScript实现由以下三部分组成:ECMAScript.BOM.DOM 2.ECMAScipt-262定义的ECMAScript只是这门语言的基础 ECMASCript-262规定的内容: 语法 类型 语句 关键字 保留字 操作符 对象 Web浏览器是可能实现ECMASCript的宿主环境之一 ----宿主环境不仅提供语言的基本实现,同时也会提供语言拓展(如DOM)...
2019-09-28 10:54:39
75
原创 慕课学习笔记--实现图片瀑布流布局方法一(JavaScript)
一、瀑布流布局(其实商城更常见,特点等宽不等高) 二、实现代码 HTML: 瀑布流布局 //图片盒子,主要用来设置图片之间空白缝隙, //建议用padding,因为之后获取盒子高度时,高度包含padding,但不包含margin //边框 CSS *{ padd...
2019-09-11 21:16:26
150
原创 vertical-align基础理解--参差不齐的盒子
记录学习难点之vertical-align!!!垂直居中(实际上是对齐)的含义理解 学霸应用指路:https://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/ vertical-align和line-height的区别 1.适用范围:这个元素只对行内元素或者行内...
2019-09-09 11:13:16
417
原创 tr节点的父节点并非table,而是tbody,(为什么有个lastChild)
最近博主在慕客网上学习javascript时遇上了一道题,是要利用JavaScript删除表格中的一行,表格如下: xh001 王小明 删除 <tr> <td>xh002</td> <td>刘小芳</td> <td><a href="...
2019-09-09 11:07:11
1197
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人