- 博客(9)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 重学前端之导航下拉菜单（一）
写在前面的话： 最近因为工作需要，加上想巩固一下自己的JavaScript基础知识，所以打算从实际工作中着手，从头开始撸一遍JS。 但不是照着书本里的章节顺序，而是以网页形式，从页头、导航、banner图…页脚，重新梳理一遍，将每一个特效的需求、思路、逻辑及涉及到的知识点做一次总结。刚好也上过winter老师的《重学前端》课程，由于JS基础知识薄弱，课程中大部分章节没看，正好借此机会，完善自己。本系列里的各种实现效果并非完全原创，自己也在学习的过程中，不可避免的会借鉴一些别人的思路，例如：他人用jQue.
2020-09-26 15:47:37
807
原创 setTimeout与setInterval详解
window.setTimeout(“Fun”, time);超时调用：在指定时间后执行函数内的代码接收两个参数：函数体或者字符串（不建议使用字符串）、指定时间（毫秒为单位）在指定时间后只执行一次，如果需要重复执行需要在函数体内再调用一次setTimeout<!--文本框内的数字每过1秒加1--><input type="text" id="txt" value="...
2019-11-12 10:09:08
520
原创 JavaScript事件的初步理解
一、事件流事件捕捉 ：由document开始，一级一级向内捕捉事件，直到目标元素事件冒泡 ：由目标元素开始，一级一级向上冒泡，直到到达元素最外层事件执行机制：当页面发生某个事件时，先由最外层开始向内捕捉，直到找到事件目标元素；再由目标元素向上冒泡，直到到达元素最外层为了兼容浏览器，一般情况下，我们将事件添加在冒泡阶段 （IE执行事件冒泡，其他浏览器执行事件捕捉）二、事件处理程序...
2019-11-08 09:02:38
187
原创 JavaScript中更改CSS样式的方法合集
obj.style.property = “值”obj.style.cssText = “属性：值”obj.className = “类名”setAttribute(“class”, “类名”)下面将演示这四种方法的区别，可以在工作及项目中根据实际情况选择适合的方法：<div id="box" style="background-color: #cc0000;"> &...
2019-11-05 17:45:18
602
1
原创 通过原生JS实现瀑布流布局
关于瀑布流布局一、需要掌握的知识点由于工作需要，花了几天时间研究瀑布流布局。该布局可以试用原生JS、JQuery、以及CSS3来实现，目前的工作场景不允许使用CSS3（主要是IE），所以本文主要针对原生JS。一、需要掌握的知识点window.onload，onload事件会在整个页面文档全部加载完成后执行scrollTop、clientHeight、offsetHeight、offset...
2019-11-01 08:26:23
356
原创 正则表达式RegExp类型
正则表达式RegExp类型一、语法var box = new RegExp (“参数一”)； //参数一，必选* var box = new RegExp (“参数一”,“标记”)； //标记，可选，i:不区分大小写，g：全局模式，m：多行模式。不同的匹配，得出的验证结果不一样 var box = / pattern / flags; //pattern:任意简单或者复杂的正
2017-07-23 12:20:55
431
原创 纯CSS的导航下拉菜单
写在案例前： 本案例并非原创，百度一搜“css下拉菜单”一定能看见一模一样的案例，而且不止一个，所以就仿照这个案例又自己做了一遍，并且总结一下自己遇到的一些问题结合思考给出的解决办法，虽然不知道原作者是谁，但是还是要在这里感谢一下原作者，给了我不止一点思路。废话不多说，上图。 <nav> <ul> <li><a href="#">导航一<
2017-04-04 17:03:04
42490
3
原创 关于浮动元素float使其父元素高度塌陷的原因及解决方法
浮动元素使其父元素高度塌陷我们经常会遇到一种情况，给一个元素设置浮动之后 float:left/right;，如果该元素的父元素有背景颜色，那么会发现父元素的背景颜色消失了；如果父元素有一个边框，那么浮动元素无法将边框撑开。 从以上两张图中可以看出添加浮动元素后，li元素按照规则横向排列，但是父元素却消失不见了。 为父元素添加一个5px的边框，在li元素添加浮动后，边框并
2017-03-23 14:01:17
24191
6
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人