js代码

JQuery

由 |▌冷眼眸甩不掉的悲伤 提交于 2020-03-08 18:36:37
目录 1. jQuery介绍 2. 下载jQuery 3. 基础语法 4. 文档就绪事件 5. jQuery选择器 6. 判断是否选择到了元素 7. jQuery样式操作 8. jQuery事件 9. 文档/窗口事件 10. 获取内容和属性 11. 改变内容和属性 12. jQuery效果 13. jQuery动画 14. jQuery获取表单数据 15. jQuery正则 16. AJAX jQuery:http://www.runoob.com/manual/jquery/ jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 jQuery库包含以下功能： - HTML 元素选取 - HTML 元素操作 - CSS 操作 - HTML 事件函数 - JavaScript 特效和动画 - HTML DOM 遍历和修改 - AJAX 异步加载 1. jQuery介绍 jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远 远超过其他库。 微软公司甚至把jQuery作为他们的官方库。 jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览 器，目前使用最多的是1.x系列的

Java语言基础JavaScript

由 不羁岁月 提交于 2020-03-08 16:40:04
JavaScript概述 JavaScript是基于对象和事件驱动的脚本语言，主要应用在客户端。 特点： 1.交互性（它可以做的是信息的动态交互） 2.安全性（不允许直接访问本地硬盘） 3.跨平台性（只要是可以解析Js的浏览器都可以执行，和平台无关） JavaScript与Java的不同 1.Js是Netscape（网景）公司的产品，前身是LiveScript；Java是Sun公司的产品，现在是Oracle公司的产品。 2.Js是基于对象，Java是面向对象。 3.Js只需解释就可以执行，Java需要先编译成字节码文件，再执行。 4.Js是弱类型，Java是强类型（每一种类型都有具体的划分）。 JavaScript与Html的结合方式 1.将JavaScript代码封装到<script>标签中； 2.将JavaScript代码封装到js文件中，并通过<script>标签中的src属性进行引用； <script type="text/javascript" src="demo.js"> </script> 注意：如果<script>标签中使用了src属性，那么该标签中封装的javascript代码不会被执行。所以导入js文件通常都是使用单独的<script>标签。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/

JS基础(回调函数)

由 ﹥＞﹥吖頭↗ 提交于 2020-03-08 14:29:13
什么是回调函数？ 一个回调函数，也被称为高阶函数，是一个被作为参数传递给另一个函数（在这里我们把另一个函数叫做“otherFunction”）的函数， 回调函数在otherFunction中被调用。 一个回调函数本质上是一种编程模式（为一个常见问题创建的解决方案），因此，使用回调函数也叫做回调模式。 一个函数作为参数传递给了click方法。click方法会调用（或者执行）我们传递给它的函数。这是Javascript中回调函数的典型用法， 它在jQuery中广泛被使用。 回调函数是怎样运作的？ 因为函数在Javascript中是第一类对象，我们像对待对象一样对待函数，因此我们能像传递变量一样传递函数， 在函数中返回函数，在其他函数中使用函数。当我们将一个回调函数作为参数传递给另一个函数是，我们仅仅传递了函数定义。 我们并没有在参数中执行函数。我们并不传递像我们平时执行函数一样带有一对执行小括号()的函数。 需要注意的很重要的一点是回调函数并不会马上被执行。它会在包含它的函数内的某个特定时间点被“回调”（就像它的名字一样） 这个匿名函数稍后会在函数体内被调用。即使有名字，它依然在包含它的函数内通过arguments对象获取。 回调函数是闭包 都能够我们将一个毁掉函数作为变量传递给另一个函数时，这个毁掉函数在包含它的函数内的某一点执行，就好像这个回调函数是在包含它的函数中定义的一样

前端之JS

由 ⅰ亾dé卋堺 提交于 2020-03-08 09:31:04
参考博客：http://www.cnblogs.com/liwenzhou/p/8004649.html JS基础语法: 0. JS引入方式 　　 1. 直接在script标签里面写代码 　　 2. 在单独的JS文件中写代码,然后通过 script标签的src属性引入写好的JS文件 1. 变量 　　 1. var 变量名; var 变量名 = 值 　　 2. 变量的命名 字母 数字 下划线和$组成 　　 3. 推荐使用驼峰 2. 数据类型 　　1. 数字 Number 　　　　 1. NaN 　　　　2. parseInt("111") --> 把字符串转成数字 　　　　 3. parseFloat("111") --> 把字符串转成小数 2. 字符串 String 　　 1. 字符串的常用方法 3. 布尔值 Boolean 4.数组 Array 　　1. 常用方法 5. null 6. undefined 3. 条件判断 　　 1. if else 　　 2. if; else if; else; 　　 3. switch (值){ 　　 case 1: 　　　　 console.log(...); 　　　　 break; 　　　 case 2: 　　　　 ... 　　　default: 　　　　console.log(上面case都不满足就执行这一句); } 4. 循环 1.

js中的函数

由 岁酱吖の 提交于 2020-03-08 08:05:31
函数 函数:由事件驱动的或者当它被调用时执行的可重复使用的代码块。语法格式: function 函数名(参数1,参数2) { //用关键字function来声明函数 这里要执行的代码 } 函数名(参数1,参数2) //调用函数 注意:javaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。 函数的声明 第一种function关键字： function foo(x, y) { return x + y } 这种声明方式可以通过函数名来调用 第二种：函数表达式 这种方式：没有函数名而是通过变量名来代替函数名，调用函数的时候通过访问变量来调用 var foo = function (x, y) { return x + y }; 第三种：function构造函数，没有人用 var foo = new function() 带有返回值的函数 var foo = function (x, y) { return x + y }; var f = foo(3, 4); alert(f) 注意:在使用 return 语句时，函数会停止执行并不是整个javascript 停止，并返回指定的值 ,函数的返回值你不需要声明他只需要使用 return 运算符后跟要返回的值即可。如果return没有返回值

js 面向对象

由 主宰稳场 提交于 2020-03-08 07:55:20
1.对象的表现形式 // new Object() var person = new Object(); person.name = "sdf"; person.age = "23"; person.job = "Enginer"; person.sayName = function () { alert(this.name) } person.sayName(); //对象字面量模式 var person = { name: "sdf", age: 23, job: "Enginer", sayAge: function () { alert(this.age) } } person.sayAge(); 　　Reflection：如果有多个对象需要创建多次 2.创建对象工厂模式 func：解决了创建多个对象模式，但是没有解决对象识别的问题（即怎么知道一个对象的类型） function creatPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function () { alert(this.name) } return o; } var person1 = creatPerson("Nicholas", 23, "Enginer"

css加载会造成阻塞吗？

由 假如想象 提交于 2020-03-08 05:36:07
之前面试今日头条的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。 为了完成本次测试，先来科普一下，如何利用chrome来设置下载速度 打开chrome控制台(按下F12),可以看到下图，重点在我画红圈的地方 点击我画红圈的地方(No throttling),会看到下图,我们选择GPRS这个选项 这样，我们对资源的下载速度上限就会被限制成20kb/s，好，那接下来就进入我们的正题 css加载会阻塞DOM树的解析渲染吗？ 用代码说话： <!DOCTYPE html> <html lang="en"> <head> <title>css阻塞</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> h1 { color: red !important } </style> <script> function h () { console.log(document.querySelectorAll('h1')) } setTimeout(h, 0) </script> <link href="https:/

jquery幻灯片插件之owl.carousel.js

由 邮差的信 提交于 2020-03-08 04:15:09
官网地址： http://owlcarousel2.github.io/OwlCarousel2/ 这个插件兼容各种浏览器，以及移动端 使用方法： 1、下载文件，解压以后，把dist里面的文件放到项目中 2、引入jquery文件，必须是1.8以上的 3、页面引入的文件： <link rel="stylesheet" href="./js/vendor/OwlCarousel2-2.2.1/assets/owl.carousel.min.css"><link rel="stylesheet" href="js/vendor/OwlCarousel2-2.2.1/assets/owl.theme.default.min.css"> <script src="js/vendor/jquery-3.1.1.js"></script><script src="js/vendor/OwlCarousel2-2.2.1/owl.carousel.min.js"></script> 4、页面代码： 1 <div class="owl-carousel owl-theme"> 2 <div class="item"> 3 <picture> 4 <source srcset="img/ad001-l.png" media="(min-width:50em)"> 5 <source srcset=

vue-cli中的webpack配置

由 被刻印的时光 ゝ 提交于 2020-03-08 03:10:55
　　安装好vue-cli之后，我们可以在package.json中看到下面所示： {　// 项目名称 "name": "myvue",　// 项目版本 "version": "1.0.0",　　　// 项目描述 "description": "A Vue.js project",　// 项目作者 "author": "",　// 是否私人 "private": true,　// 快速运行脚本 "scripts": {　　// 这是我们在本地调试时最常用的，即运行项目，创建了本地服务器在localhost:8088打开，运行的就是build下的server.js "dev": "node build/dev-server.js",　　// 同样的，因为很多人习惯 npn start 来启动一个项目，这里也是可以的。 "start": "node build/dev-server.js",　　// 即部署到服务器上我们需要使用这样的方式，运行build下的build.js "build": "node build/build.js" },　// 注意和devDependencies的区别，根据这里的依赖项，最终在build文件时，会将其中的依赖文件一起进行打包。 "dependencies": { "vue": "^2.2.6", "vue-router": "^2.3.1" },　/

JS面向对象之作用域

由 折月煮酒 提交于 2020-03-08 02:24:15
作用域 词法作用域 作用域 域 表示的就是 范围 ,即 作用范围 就是一个名字在什么地方能使用,在什么地方不能使用 块级作用域 块 级别的作用范围 // 在 c , java 等编程语言中,下面的语法报错 { var num = 123; // 应该用int , 这里是伪代码 { console.log(num); // 123 } console.log(num); // 报错 } 在 js 中采取词法作用域 词法(代码) 作用域,就是代码在编写过程中体现出来的作用范围,代码一旦写好,不用执行,他的作用范围就已经确定好了,这个就是所谓的 词法作用域 在 js 中的词法作用域规则 1. 函数允许方位函数外的数据 2. 整个代码结构中只有函数可以限定作用域 3. 作用规则首先是 提升规则 分析 4. 就近原则 如果当前作用规则有了名字,就不考虑外面的名字 在 js 中作用域分析方法 1. 先进行预解析,分析预解析过程 *　程序在执行过程, 会先将代码读取到内存中检查. 会将所有的声明在此时进行标记. 所谓的标记就是 让 js 解释器知道有这个名字, 后面在使用名字的时候, 不会出现未定义的错误. 这个标记过程就是提升. *　声明 1. 名字的声明, 标识符的声明( 变量名声明 ) * 名字的声明就是让我们的解释器知道有这个名字 * 名字没有任何数据与之对应 2. 函数的声明 *
订阅 js代码