奔腾的小马达

web前端开发

C++(58) C++设计模式(24) Django2.0(17) H3CNE网络工程师之路(1) Linux(18) NLP(4) python(35) PyTorch(7) shell脚本编程(8) TensorFlow(2) 开发工具(14) 操作系统(4) 数据分析(5) 数据库(8) 数据结构与算法(8) 未归档(473) 机器学习(15) 生活感悟(8) 计算机网络(2)

/ 注册

全部文章 / web前端开发（共88篇）

30 元素可视区client系列

技术交流 QQ 群:1027579432，欢迎你的加入！ 1.client 概述使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client 系列的相关属性可以动态的得到该元素的边框大小、元素大小等。 2.淘宝 flexible.js 源码分析立即执行函数:不需要调用，...

2020-05-29

0 540

28 模态框拖动案例

1.模态框拖拽案例模态框也称为弹出框。功能需求：点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层鼠标放到模态框最上面一层，可以按住鼠标拖拽模态框在页面中移动鼠标松开，可以停止拖到模态框移动整体思路：点击弹出层，...

2020-05-27

0 412

29 仿京东放大镜案例

1.仿京东放大镜案例功能需求：鼠标经过小图片盒子，黄色的遮挡层和大图片盒子显示，鼠标一离开隐藏2个盒子功能 // 当页面全部加载完毕，因此需要load，执行里面的js代码 window.addEventListener("load", function() { v...

2020-05-27

0 547

22 定时器

技术交流QQ群:1027579432，欢迎你的加入！ 1.两种定时器 window对象给我们提供了两个非常好用的方法-定时器。 setTimeout()：用于设置一个定时器，该定时器在定时器到期后执行调用函数。注意： window可以省略；这个调用函数可以直接写函数，或者写函数名或者采取'函数...

2020-05-25

0 459

21 window对象常见事件

技术交流QQ群:1027579432，欢迎你的加入！ 1.window对象的常见事件窗口加载事件： window.onload是窗口(页面)加载事件，当文档内容完全加载完成会触发该事件(包括图像、JS脚本文件、CSS文件等)，就调用的处理函数。 window.onload = function...

2020-05-24

0 558

20 BOM概述

技术交流QQ群:1027579432，欢迎你的加入！ 1.BOM概述什么是BOM：BOM(Browser Object Model)即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。 BOM由一系列相关的对象构成，并且每个对象都提供了很多方法和属性。 B...

2020-05-24

0 558

19 事件高级

技术交流QQ群:1027579432，欢迎你的加入！ 1.注册事件(绑定事件) 注册事件概述：给元素添加事件,称为注册事件或绑定事件。注册事件有两种方法：传统方式方法监听注册方式传统方式：利用on开头的事件onclick，如下例所示：特点：注册事件的唯一性；同一个元素同一个事件只能...

2020-05-22

0 735

05 移动端布局基础之flex弹性布局项目实战(携程移动端首页)

技术交流QQ群:1027579432，欢迎你的加入！ 1.携程网移动端首页打开网址：m.ctrip.com 携程网移动端首页.png 2.技术选型 ...

2020-05-10

0 742

04 flex弹性布局子项常见属性总结

技术交流QQ群:1027579432，欢迎你的加入！ 1.常见子项属性 flex: 子项目占的份数 align-self: 控制子项自己在侧轴的排列方式 order：定义子项的排列顺序(前后顺序) 2.flex属性[重点] flex属性...

2020-05-10

0 558

03 flex弹性布局父项常见属性总结

技术交流QQ群:1027579432，欢迎你的加入！ 1.常见父项属性以下有6个属性是对父元素设置的： flex-direction: 设置主轴的方向 justify-content: 设置主轴上的子元素排列方式 ...

2020-05-09

0 606