文章分类 - 前端
摘要：事件对象（event） 概述：任意节点树上的节点（标签），都可以绑定一个或者多个事件。当用户触发事件的时候，系统会自动给事件处理函数传递实参，而这个参数就是事件对象（事件对象给我们传递了很多信息） <!DOCTYPE html> <html lang="en"> <head> <meta chars
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> * { margin: 0; padding: 0; } .contain { wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> * { margin: 0; padding: 0; } #contain { wi
阅读全文
摘要：简介 什么是BootStrap？ 它是一个基于HTML、CSS、JS的前端框架，它是一个可以快速生成的响应式页面的框架，它主要用于创建后台页面或页面内容比较简单的页面。不适用于电商类的页面。
阅读全文
摘要：选择器 选择器本身只是一个特定的语法规则的字符串，没有实质用处，它的基本语法规则使用的就是css的选择器语法，并对基进行了拓展。只有调用$，并将选择器作为参数传入才能起作用。 $(selector)作用：根据选择器规则在整个文档中查找所有匹配的标签的数组，并封装为jQuery 基本选择器 <!DOC
阅读全文
摘要：jQuery的2把利器 jQuery核心函数 jQuery库向外直接暴露的就是$/jQuery，引入jQuery（）库后，直接使用$即可。 当函数用：$(xxx); 当对象用：$.xxx(); 作为一般函数调用：$(param) 1.参数为函数：当DOM加载完成后，执行此回调函数 2.参数作为选择器
阅读全文
摘要：简介 write less do more 什么是JQuery？ 1.一个优秀的JS函数库 2.使用了JQuery的网站超过了90% 3.中大型web项目开发首选 write less do more 为什么使用JQuery？ 1.HTML元素选取（选择器） 2.HTML元素操作 3.CSS操作 4
阅读全文
摘要：定时器 概述：BOM对象给我们提供了很多属性和方法，其中最为重要的一个方法是定时器，定时器是每隔一段时间，执行一次回调函数。 语法格式： setInterval(callback, time); <script type="text/javascript"> setInterval(function
阅读全文
摘要：BOM 【browser object model】浏览器对象模型，每一个浏览器厂商都有属于自己特定的BOM对象，给我们提供一些获取浏览器信息的属性、方法。其实BOM即为每一个浏览器内置window对象。 <script type="text/javascript"> console.log(win
阅读全文
摘要：放大镜 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ posi
阅读全文
摘要：原生js实现拖拽效果 概述：在前端领域当中拖拽是一个非常常见效果。拖拽三板斧鼠标按下==》鼠标移动 〉鼠标弹起。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style ty
阅读全文
摘要：事件处理函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> *{ margin: 0; padding: 0; } div{ wi
阅读全文
摘要：javaScript组成？ javascript由哪几部分组成？ ECMAScript：简称【ES】，它是由欧洲计算机协会，大概每年的六月中旬定制语法规范。 DOM：全称【document object model】 即为文档对象模型。其实就是内置的document对象，引用类型数据 BOM：全称【
阅读全文
摘要：作用域 概述：作用域：可以理解为书写代码的范围。 全局作用域：书写js代码范围最大的是在两个script之间。 局部作用域：函数的作用域即为函数题的作用域 函数体中没有局部变量为什么可以去使用全局的变量？ 因为可以沿着作用域链向上查找，老大有，可以将这个变量借来用一下。 面试题 <script ty
阅读全文
摘要：形参和实参 概述：形参【形式参数】、实参【实际参数】 在函数声明的时候，声明部分的小括号里面可以书写形参。 在函数调用的时候，调用时候传递数据称之为实参。 <script type="text/javascript"> function add(a,b){ console.log(a); conso
阅读全文
摘要：函数（function） 概念：将某一个常用的功能进行封装，当你想使用这个功能的时候，可以选择调用、执行这个功能即可。 javascript脚本语言中，函数分为两种：一种是关键字function定义函数、表达式形式函数。 函数使用分为两部分：声明、调用。 关键字形式函数（function定义函数）
阅读全文
摘要：关键字 break break：终止、停止，可以结合循环进行使用。 关键字 continue continue：立刻终止当前循环，进行下一次循环 关键字return 概述：关键字return一般集合函数一起使用。而需要注意，这个关键字一般只能在函数体中使用。 return的作用： 1.函数体中如果遇
阅读全文
摘要：穷举思想 穷举思想:我们可以将题目的全部的情况--验证，根据题目要求将符合条件的情况作为结果输出。 例如：1～100之间所有的偶数 for (let i = 1; i <=100; i++) { if(i%2==0){ console.log(i); } }
阅读全文
摘要：循环语句 概述：在程序中，出现大量重复性的语句的时候，可以利用循环语句进行解决。 初次体验循环语句 前测试循环语句 // 在控制台中输出100次，我爱学习，我爱前端。 for (let i = 0; i < 100; i++) { console.log("我爱学习，我爱前端"); } while循
阅读全文
摘要：switch条件语句 switch 开关；case 条件；break 终止；default 默认 语法： switch ("true") { case "1": beijing; break; default : henan; break; }
阅读全文
浙公网安备 33010602011771号