weixin_49070186的博客

jasmine的初步学习，了解jasmine的api含义和使用

jasmine是用于测试JavaScript的一种测试框架,BDD(Behavior Driven Development)行为驱动开发。不依赖于任何其他JavaScript框架，也不需要DOM。

cookie （会话）cookie是浏览器提供的一项功能是一个本地的存储文件用于存储数据前端和后端程序都可以调用操作cookie中存储的数据cookie的基本属性：name ：键名 value ：键值 domain ：域名 path ：路径 符合路径的文件才能访问cookie expires的操作语法 ：有效期 / 失效 超过有效期的cookie浏览器就自动删除页面打开检查（F12），点击application，就会出现cookieJavaScript设定cookie的

数组去重有很多方法，下面列举几种方式1. indexOf()方法const arr = [1,2,3,4,5,1,2,3,4,6,1,1,6,6,7,5,8]const newArr = []arr.forEach(item => { if(newArr.indexOf( item ) === -1){ newArr.push( item )}})2. set类型 - ES6最常用，代码最少const arr...

SET数据类型类似于数组类型，但是不会存储重复的数据创建set类型const 变量 = new Set( [ 数据1 , 数据2 , ...... ] )set类型的函数方法set对象.add( ) -------- 新增set对象.delete( ) -------- 删除set对象.clear( ) -------- 清除set对象.has(...

1. 创建 gulp 项目文件夹 - 导入 下载 相关的依赖包2. 创建 gulp 外部js文件 - 这个文件名 必须是 gulpfile.js - 所有的gulp打包压缩程序都定义在这个文件中3. 设定 gulp 打包压缩相关的程序(1) 导入相关依赖包(2) 定义 gulp 打包压缩规范的执行每一个gulp打包压缩规范都有固定的程序执行方式 设定的都是固定的程序模式 只是程序的相关参数设定不同注意问题1. 导入的 gulp 依赖包 是 对象形式的数据结构 有属性 和...

gulp是一种自动打包压缩工具 - 上线的所有的项目文件都必须是压缩文件需要先下载gulp相关依赖包，再设定gulp程序注意：和gulp相关的依赖包都是开发依赖包gulp依赖包安装1. 创建项目文件夹 在项目文件夹中，新建src文件夹，存储所有源文件，新建dist文件，使用来存储压缩后的文件2. 项目文件初始化在项目文件夹目录下cmd打开命令窗口执行 ` npm init -y `3. 安装全局依赖包` npm i -g gulp `4. 安装项目文件夹中的开发依赖包1）gulp

npm 常用命令1. 创建项目命令 src文件夹 存储 项目 源文件 dist文件夹 存储 项目 压缩文件2. 项目文件夹初始化 npm init -y 自动初始化命令执行成功 自动生成 package.json 文件 { "name": "shop", //项目名称 默认是 文件夹名称 文件夹必...

观察者模式 / 发布订阅模式 需要3阶段 框架语法中的双向数据绑定配合执行 主体状态改变 相关个体执行对应的函数程序二阶段的主要程序内容通过构造函数创建实例化对象 1. 属性 - 对象存储 要执行函数程序的 类型 和 具体的函数程序 事件类型 和 事件处理函数2. 函数方法add() 添加方法 向对象中 添加 事件类型 和 事件处理函数 判断 事件类型是否存在 如果事...

闭包的基本语法1. 有一个函数A 其中定义的需要保护的数据2. 函数A return 的返回值 是一个匿名函数3. 匿名函数程序 是操作执行 函数A 中被保护的数据4. 在函数A 外 有变量存储函数A 的执行结果 返回值5. 变量中存储的本质就是 return 的匿名函数function 函数A(){ //之前是全局变量 现在是被保护的局部变量 return function(){ //匿名函程序就是 操作 被保护的局部变...

ES5的面向对象的继承语法1. 继承属性通过改变this指向在子类构造函数中 直接调用父类构造函数（不通过new 关键字）通过 call / apply 调用父类构造函数通过 改变父类构造函数 this指向 到子类实例化对象语法：funtion F(){}...function S(){ F.call(this,参数....)}子类构造函数也可以定义 自己的属性属性值2.继承函数方法通过原型链 prototype函数方法定义 不是直接定义 -

注意：钩子函数只使用在jQuery中的ajax请求，不能在原生DOM中操作$(window).ajaxStart() 在ajax请求之前触发，多个ajax请求也只触发一次，就是最开始ajax请求那次之前$(window).ajaxSend() 在ajax发送请求之前触发，有一次send()就触发几次$(window).ajaxSuccess() 在每次ajax请求发送成功之后触发，几次请求成功，就会触发几次$(window).ajaxEr...

显示隐藏显示 $.show()隐藏 $.hide()切换 $.toggle()上卷下拉上卷 $.slideUp()下拉 $.slideDown()切换 $.slideToggle()渐隐减现隐 $.faseIn( 时间，liner，结束函数)现 $.faseOut( 时间，liner，结束函数)自定义 $.faseTo( {变化样式对象}，时间，liner，结束函数)结束运动$.finish() 从动画对象的结束位置开始执行别的操作$.stop(...

浅拷贝浅拷贝就是复制 内存地址，相当于多个数组占用一个共同的内存地址举个例子：const arr1=['上海','北京','天津']const arr2=arr1//arr2 arr1共用一个内存地址console.log(arr1,arr2) //两个一样//修改arr2[0]arr2[0]='未知'console.log(arr1,arr2) //arr1[0] ,arr2[0] 的数据都会改变为未知1. 浅拷贝复制 内存地址2. 一个数组 改变数据.

jQuery事件绑定语法形式1. $( ).事件类型(事件处理函数) ------ 是jQuery伪数组支持的事件类型//例子$('div').click(function(){ consloe.log('我是div标签对象')})2. $( ).on(事件类型 ， 事件处理函数) ------- 所有时间类型 都支持//例子$('[name=pwd]').on('input' , function(){ console.log('...

jQuery的选择器jQuery获取标签对象的语法形式选择器的语法形式 $( '条件' ) / jQuery( '条件') 获取 所有符合条件的标签对象 可以直接执行jQuery的函数方法，获取的是伪数组注意: JavaScript DOM操作获取的是 独立的标签对象 / JavaScript标签对象伪数组 jQuery 获取的 是 jQuery标签对象伪数组...

jQuery的基本介绍 jQuery 是 前端的一种 类库 也就是 前端函数方法中的一个 函数库 - 本质就是一个外部的js文件，里面封装了很多js函数方法 加载导入这个js外部文件就可以调用其中的函数方法 返回的是伪数组jQuery的网站 jQuery的官网 https://jquery.com/jQuery的中文 https://jquery.cuishifeng.cn/jQ...

回调函数？当一个函数被当做参数传递时，这个函数就叫做回调函数- callback通常使用回调函数来处理异步代码当异步代码执行结束后，需要执行的代码就要放在回调函数中回调地狱？当回调函数嵌套太多，就容易产生回调地狱 - 一行比一行缩进的厉害 - 牵一发而动全身类似于这种（代码不重要，主要看形式）： sendAjax({ url: 'http://localhost:8888/test/first', dataType: 'text', .

ajax 主要是根据文档来获取远程数据分析请求报文分析响应报文ajax请求方式有两种请求方式 - get方式 - post方式注释写在post方式代码中//get请求方式 var xhr = new XMLHttpRequest xhr.open('get', 'http://localhost:8888/test/third?name=张三&age=18') xhr.send() xhr.onreadyst...

Math数学对象，这种内置对象不是构造函数，所以不需要new来调用，而直接使用里面的属性和方法即可console.log(Math.PI) ///PI 圆周率的属性console.log(Math.max(3, 77, 6)) //77 ------max 求最大值console.log(Math.max(1, 99, 'pink')) //NaN -----不能进行比较的非数字元素，输出都是NaN console.log(Math.max())

事件？用户在网页中的行为处理用户在网页中的行为当用户出发某种行为之后，让他执行指定的函数事件由三部分组成1.事件源----触发行为的标签（使用标签的id名作为变量就可以代表这个标签）2.事件类型—用户在网页中行为的类型：左键单击，右键单击，滚动滚轮，敲击键盘，拖拽…3.事件处理程序—行为被触发后，要执行的函数处理事件的语法：事件源.on事件类型=函数代码： alert('点击了按钮'); } ```注：将一个函数名称作为事件处理程序的时候， 千万不要

1.输出结果undefinedconsole.log(num) //预解析后，var fn在最前面，fn现在属于变量定义未赋值，所以输出undefined var num = 1002.输出结果123 fn(); // 预解析后，把函数定义整个放在最前面，会执行fn()函数 function fn() { console.log(123); }3.第一行的console.log(fn)输出undefined第二行的fn()会输出报错，不执行之后代码consol

函数概念完成某个功能的一段代码，避免重复编写相同代码语法：//函数function 函数名(){ 代码段}//调用函数名()// 函数定义好以后，是一段死代码，不会自动执行// 执行函数 - 调用函数名命名规则由字母，数字，下划线和美元符号$组成，不能以数字开头带参数的函数//函数function 函数名(变量){ //形参，相当于定义的变量 代码段}//调用函数名(具体的值) //实参，实际就是给函数括号里的变量赋值匿名函数没有名字的函数，就

while循环语法：while(条件){ 当条件为true时执行的代码段}注意：在执行时，先判断再执行，当不满足条件时跳出循环举例：输出三遍我爱你var a=1while(a<=3){ console.log('我爱你'); a++}do…while循环do{ 执行的代码段}while(条件)注意：在执行时，先执行再判断，当不满足条件时跳出循环，最少执行一次举例：输出三遍我爱你var a=1do{ console.log('我爱你'); a++

1.强制转换转为数字类型number() // 转换为数字型代码：number(‘10’) // 10number(‘abc’) // NaNnumber(true) // 1number(false) // 0number(null) // 0number(undefined) // NaNparseInt() // 转为数字，向下取整注：从被转的数据中，从前往后获取整数，找到一个就不会再找了，只找整数开头的代码：parseInt(‘12.34

js的历史js是由网景公司（netscape）中的程序员布兰登·艾奇花费十天时间创造出来，起名livescript,后借java的名字改名为javascript发布。js的概念js是一种可以面向对象的跨平台脚本语言，依靠html运行js组成 ECMAScript:编程语言 DOM:文档对象模型 BOM:浏览器对象模型js的输出document.write(内容)：以文本形式显示在浏览器，里面可以携带标签，但标签必须是字符串类型。可以使用 + 字符串拼接，效果和