javascript
关注
分享
扫一扫
文章平均质量分 85
初见766
这个作者很懒，什么都没留下…
展开
-
Javascript总结
Javascript历史1995年 5月 网景公司 布兰登·艾奇 用10天 Macha9月 改名 LiveScript12月 javascriptjava 和 javascript 没有关系 雷锋和雷峰塔解决表单提交验证ie: JScript1997年, 欧洲计算机制造商协会(ECMA) 以JavaScript1.1为蓝本 定义了语法规范 ECMAScriptjavascript和ECMAScript的关系前者(javascript)是后者的体现后者(ECMASc原创 2021-11-26 14:02:10 · 471 阅读 · 0 评论 -
BootStrap介绍
BootStrap介绍官网: Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。入门:下载: 完整的bootstrap快速使用<!doctype html><html lang="zh-C原创 2021-11-25 21:06:07 · 340 阅读 · 0 评论 -
zepto: 专门给移动端使用的javascript库
深拷贝合集 JSON.parse(JSON.stringify(数据)) var res = JSON.parse(JSON.stringify(obj));console.log(res);console.log(res == obj); // false extend(true, ...data); var res1 = $.extend(true, {}, obj);console.log(res1);console.log(res1 == obj); // fal原创 2021-11-25 21:04:10 · 1059 阅读 · 0 评论 -
jQuery 动画
动画show/hide/toggleshow([s,[e],[fn]])width + height + opacity不传参: 没有动画效果传参:时间: 以ms为单位运动曲线: 'swing' 'linear'回调函数: 在动画执行完成后还要执行的操作$('button').eq(0).click(function () { // $('div').show(); // $('div').show(3000); $('div').eq(0).s...原创 2021-11-25 21:02:53 · 111 阅读 · 0 评论 -
Javascript节点操作
元素宽高client: 可视宽高innerWidth/innerHeight: 内容+内边距offset: 占位宽高outerWidth/outerHeight(布尔值):false/不传: 内容 + 内边距 + 边框true: 内容 + 内边距 + 边框 + 外边距scroll: 滚动距离console.log($('div').width(), $('div').height()); // 内容宽 内容高console.log($('div').innerWidth(原创 2021-11-25 21:01:31 · 158 阅读 · 0 评论 -
jQuery
jQuery介绍jquery: js的工具库事件处理文档的处理动画唯一变量 $ jQuery强大的选择器开源完善的文档...jquery:\1. 官网:\2. cdn: jquery (v3.6.0) - jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。 | BootCDN - Bootstrap 中文网开源原创 2021-11-25 20:48:25 · 95 阅读 · 0 评论 -
Javascript面向对象的继承
面向对象的继承原型链继承子类构造函数的原型对象 = 父类构造函数的实例化对象;原型链查找: 找自身 自身没有 找自身的原型对象(父类构造函数的实例化对象) 如果没有 找父类构造函数的原型对象 找object 如果没有 返回undefined 如果在哪一步找到了 直接返回结果constructor: 当前对象的构造函数原型链继承: 1. 无法识别当前对象真正的构造函数 2. 一改全改 3. 不能传参 ...原创 2021-11-25 20:47:10 · 2631 阅读 · 0 评论 -
Javascript面向对象
递归递归: 函数里面调用自己的函数注意: 一定要有函数结束的条件将大的操作划分小操作重复执行的时候使用报错: Uncaught RangeError: Maximum call stack size exceeded 栈溢出 ---> 原因: 递归函数没有设置结束条件// 阶乘: 6! = 6 * 5 * 4 * 3 * 2 * 1// function jc(n) {// return n * jc(n - 1);// }function jc(n) { ..原创 2021-11-25 20:45:52 · 115 阅读 · 0 评论 -
Javascript回调函数
回调函数回调函数: 执行完一个动作之后还要继续执行的函数作为实参传递的函数就是回调函数function a() { console.log(123);}function b(fn) { // fn: 形参 函数 回调函数 console.log(fn); fn();}b(a);匿名函数匿名: 没有名字的函数直接写会报错 将匿名函数转换成函数表达式 外面加() 同样具有函数的特点立即执行函数: IIFE 函数自执行 使用:...原创 2021-11-25 20:40:44 · 557 阅读 · 0 评论 -
Javascript事件
事件绑定语法标准事件绑定：利用特定的方法可以实现给一个元素的同一个事件添加多个事件处理函数标准: 元素.addEventListener(事件类型, 事件处理函数, [是否捕获]);事件类型: 不加on事件处理函数: 函数名 函数是否捕获: 默认false冒泡 true: 捕获ie: 对象不支持“addEventListener”属性或方法function a() { console.log(this);}console.log(div.addEventLi..原创 2021-11-25 20:35:45 · 79 阅读 · 0 评论 -
Javascript中BOM操作
BOMBOM: Browser Object Model 浏览器对象模型js提供给我们用来操作浏览器的信息的接口iframeslocationhistorydocumentnavigator....BOM核心: window可以直接使用变量名或者函数名就能出线效果的(全局变量、全局函数), 所属对象都是window对话框 警告框: alert() 带有确定取消按钮的警告框: confirm('提示内容') 带有输入框的对话框: pro原创 2021-11-25 08:55:13 · 268 阅读 · 0 评论 -
Javascript中DOM节点操作
DOMDOM:DOM树 浏览器在渲染页面的时候 会先形成树状结构 就叫做DOM树DOM由节点组成的获取节点获取节点: css选择器: css中选择器怎么写 这里就怎么写 id class tag 父子 层级 交叉...ie8+ 静态获取符合选择器的第一个元素: document/父元素.querySelector('css选择器')var div = document.querySelector('div');console.log(div); // 直接获取到第一个di原创 2021-11-24 22:13:52 · 575 阅读 · 0 评论 -
Javascript 迭代方法 正则
迭代方法迭代: every some filter map forEacheveryevery: 对数组的每一个项做一些判断, 根据函数的返回值, 如果每个项执行函数的返回值都是true, 返回true. 如果有一个是false 返回false全真为真 一假为假语法: 数组.every(函数);函数有3个形参: 项 下标 原数组var arr = ['a', 'b', 'c', 'd'];var res = arr.every(function (v, i, a) { .原创 2021-11-24 22:12:35 · 191 阅读 · 0 评论 -
Javascript数组的方法
数组数组: 用来存储不定数量不定类型的数据的容器;创建数组 字面量创建 new关键字创建 // 1. 字面量创建var arr = [12, 43, 64];console.log(arr);console.log(typeof arr); // object// 2. new关键字创建// var 变量 = new Array(...data);// 注意: 当参数只有一个且是数字, 表示数组的长度var arr1 = new Array(1, 2, 3,原创 2021-11-24 22:10:58 · 87 阅读 · 0 评论 -
Javascript字符串的方法
对象对象: 在js中 万物皆对象 一切皆对象 分为: 本地 内置 自定义 宿主 全局本地(内部): Number String Boolean Object Array Function RegExp Date Error内置: 在页面加载完成后 已经实例化的对象 Global Math宿主: DOM BOM全局: windowapi: application programming Interface 应用程序编程接口已经封装好的可以直接使用的函数 直接调用实现功能Math原创 2021-11-24 22:10:01 · 250 阅读 · 0 评论 -
Javascript定时器
定时器概念定时器: 让一段代码等待一段时间或者每隔一段时间就执行一次的代码就是定时器分类延迟定时器延迟: 让一段代码等待一段时间 setTimeout(函数, 时间); 时间单位: ms等待 只执行一次的效果 使用延迟定时器效果: 一次性广告 关不掉的广告/* 打开页面 等待3s后 显示img*/var img = document.getElementsByTagName('img')[0];// 等待 只执行一次的效果 使用延迟定时器setTimeou.原创 2021-11-24 22:07:39 · 182 阅读 · 0 评论 -
Javascript 元素样式 this指向
获取元素样式基础获取标准浏览器(ie9, chrome, ff):getComputedStyle(元素).属性名ie(ie8及以下):元素.currentStyle.属性名// 获取divvar div = document.getElementsByTagName('div')[0];console.log(div);// 获取样式:// 标准:// var w = getComputedStyle(div).width;// console.log(w);/原创 2021-11-24 22:06:36 · 414 阅读 · 0 评论 -
Javascript函数
函数概念函数: 将具有独立功能的代码块整合命名的代码作用: 减少页面代码 提高页面执行速度 页面结构更加清晰使用:\1. 事件处理函数: 元素.事件 = function(){}function(){}--->函数\2. 对象的方法:var obj = {abs: function(){} ---> 函数}\3. 封装复用声明函数: 由事件驱动的或者在有需要的时候被调用的代码块注意: 函数只声明 没有任何效果声明函数: 函数声明:原创 2021-11-24 22:04:32 · 107 阅读 · 0 评论 -
Javascript的流程控制语句
流程控制语句分类流程控制语句: 代码按照什么顺序执行的语句顺序语句: 默认从上到下执行条件语句(分支语句): 多条(2条以上)分支中选择 if if-else if-else-if switch循环语句: for while do-while for-in其他语句: break continue分支语句ifif: 判断代码是否执行if(条件){条件为真的时候执行的代码;}var core = prompt('请输入成绩');console.log(co原创 2021-11-24 22:02:52 · 156 阅读 · 0 评论 -
Javascript运算符
算术运算符+ - * / % ++ --基础console.log(10 + 20); // 30console.log(10 - 20); // -10console.log(10 * 20); // 200console.log(20 / 10); // 2// %: 取余 模 console.log(20 % 3); // 2console.log(20 % 2); // 0++++: 在自身基础上加1 可以放在变量的前面 也可以放在后面++和其他运算放在一起的原创 2021-11-24 22:00:59 · 161 阅读 · 0 评论 -
Javascript
javescript 简介原创 2021-11-24 21:58:43 · 400 阅读 · 0 评论