![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 84
Ayhan_huang
Die Nacht ist dunkel und voller Schrecken.
展开
-
JavaScript基础一
概述JS是什么JS是JavaScript的缩写,是一门动态、弱类型、基于对象的、多范式高级解释型语言。HTML, CSS,和JS, 是万维网内容生成的三大核心技术。JS用于制作网页交互,提供在线程序,包括视频游戏。大多数网站都使用JS,所有的现代浏览器也都内建JS引擎。这些引擎都是基于ECMAScript标准,对JS的不同实现。JS的组成ECMAScript: 语法;DOM: document原创 2017-08-07 16:40:21 · 323 阅读 · 0 评论 -
AJAX异步请求
准备知识在学习AJAX前,我们先了解一下JSON和XMLJSON定义 JSON(JavaScript Object Notation, JS对象标记),是一种轻量级的数据交换格式。 它基于 ECMAScript (w3c制定的JS规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同原创 2017-09-13 11:14:28 · 151760 阅读 · 2 评论 -
JS 中的事件冒泡与捕获
本文来源:渔人原文地址:http://yuren.space/blog/2016/10/16/事件冒泡与捕获/刚接触 JS 的那个时候,啥也不懂,只想着如何利用 Google、百度到的函数来解决实际的问题,不会想到去一探究竟。渐渐的,对 JS 的语言的不断深入,有机会去了解一些原理性东西。最近在看 JQuery 源码,感触很多,总想着用原生的 JS 去实现自己的一个 JQuery 库。说实在的,JQ转载 2017-11-25 09:33:13 · 501 阅读 · 0 评论 -
JavaScript基础二
object对象看个栗子对象是带有属性和方法的特殊数据类型。 object结构类似于python中的字典:var cat = { "name": "Whiskers", "little name": "idiot", "legs": 4, "tails": 1, "enemies": ["Water", "Dogs"]};object通过这种结构的化的原创 2017-08-07 16:58:09 · 647 阅读 · 0 评论 -
JavaScript 自执行函数和 jQuery扩展方法
我们通常将JS代码写在一个单独的JS文件中,然后在页面中引入该文件。但是,有时候引入后会碰到变量名或函数名与其它JS代码冲突的问题。那么如何解决这个问题呢?作用域隔离。在JS中,作用域是通过函数来划分的,将JS代码封装到函数中进行调用可以避免变量名/函数名冲突的问题,但是这也并不是万无一失,因为封装函数本身有可能和其它函数重名,解决方案:自执行函数。自执行函数是用一对圆括号将匿名函数包起来,加括号(原创 2017-10-12 21:23:44 · 1217 阅读 · 0 评论 -
通过JS原型定义字符串格式化方法
初识原型在python中,我们可以通过format方法来格式化字符串,比如:>>> s = 'I am {name}'.format(name='Ayhan')>>> s'I am Ayhan'可是,JavaScript中的String类型并没有内置的格式化方法,那么怎么解决这一问题呢?通过JS原型来为类增加方法。首先我们看一下定义JS原型的基本格式:Object.prototype.metho原创 2017-10-13 22:46:08 · 698 阅读 · 0 评论 -
通过JS和CSS,实现网页加载中的动画效果
需要材料:一张loading动画的gif图片基本逻辑:模态框遮罩 + loading.gif动图,默认隐藏模态框页面开始发送Ajax请求数据时,显示模态框请求完成,隐藏模态框下面我们通过Django新建一个web应用,来简单实践下实践新建一个Django项目,创建应用app01, 配置好路由和static,略。将gif动图放到静态文件夹下,结构如下:视图中定义一个函数,它返回页面tes原创 2017-10-13 14:49:55 · 6238 阅读 · 0 评论 -
简述 JavaScript 作用域与词法分析
作用域 & 作用域链在JS中,作用域是通过函数划分的,函数的作用域在定义阶段就已经确定:最外层函数,和最外层定义的变量,拥有全局作用域未声明,直接赋值的变量,拥有全局作用域函数内部定义的变量,拥有局部作用域另外,所有的window对象的属性和方法拥有全局作用域,因此我们调用alert()和window.alert()效果是一样的。(window对象更多方法,参考JavaScript基础三)当原创 2017-10-21 12:01:39 · 432 阅读 · 0 评论 -
jQuery
概况什么是jQuery jQuery是一个轻量的JavaScript库,它的目的是简化JavaScript的使用。jQuery将很多常用的功能封装成方法,这些功能往往需要很多JavaScript代码才能实现,有了jQuery,你只需要一行代码调用就可以实现。引入jQuery <script src="jquery-3.2.1.js"></script>jQuery对象: 3.1 通过jQ原创 2017-08-14 20:07:07 · 1081 阅读 · 2 评论 -
SweetAlert用法
一句话介绍SweetAlert是一个JS插件,能够完美替代JS自带的alert弹出框,并且功能强大,设计优美。引用直接在官网下载CSS和JavaScript文件,解压后找到/dist文件夹,里面有CSS样式文件和JS脚本,在自己文件中引用它们:<!-- 引用sweetalert css 和 js --> <script src="sweetalert-master/dist/sweetale原创 2017-08-21 13:36:04 · 6283 阅读 · 2 评论 -
CSS, JavaScript, jQuery实现标签页切换
效果图参考: 基本实现如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } .out原创 2017-08-14 20:32:07 · 953 阅读 · 0 评论 -
JavaScript基础三
BOMBOM: browser object model 浏览器对象模型。允许JS和浏览器“对话”。 window object窗口对象,代表浏览器窗口。 所有浏览器都支持窗口对象。JS中的全局对象,函数,变量都是窗口对象的成员。具体来说,全局变量是窗口对象的属性;全局函数是窗口对象的方法;即便是文档对象,也是窗口对象的一个属性,先下面二者是相等的:window.document.getElem原创 2017-08-08 17:03:47 · 385 阅读 · 0 评论 -
基于css和jQuery实现轮播图
效果图: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } .box {原创 2017-08-14 20:25:18 · 543 阅读 · 0 评论 -
JS杂记
JS 杂记'use strict' JS文件行首声明,防止变量未声明成为全局变量// 对象内部定义的函数称为方法,其中this关键字代指对象本身// 如果不通过对象调用方法,那么this代指window,如果在'strict'模式下,this代指'undefined'ES6 模板字符串// 需要放到 反引号 中才有效哦;另外 反引号 可以支持多行文本var name = '小...原创 2019-01-23 18:49:00 · 262 阅读 · 0 评论