- 博客(36)
- 收藏
- 关注
原创 SQL语句(1)
SQL语句+----+--------------+---------------------------+-------+---------+| id | name | url | alexa | country |+----+--------------+---------------------------+-------+---------+| 1 | Google | https://www.google.cm/
2020-10-26 14:11:54 272
原创 HTTP协议
HTTP协议HTTP简介HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。。HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。HTTP 工作原理HTTP协议工作于客户端-服务端架构上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器有:Apache服务器,IIS服务器(I
2020-10-25 20:23:35 136
原创 测试用例、等价类划分法、边界值分析法、因果图法、判定表、场景法、流程分析法
测试用例测什么?怎么测?等价类划分法边界值分析法因果图法判定表法场景法流程分析法
2020-10-23 22:44:56 917
原创 String扩展的方法、set数据结构
2020年10月19日真是痛苦的一天模板字符串ES6新增的创建字符串的方式,使用反引号定义模板字符串可以解析变量 let name = `张三`; // let sayHello = `Hello, 我的名字叫${name}`; // console.log(sayHello); //hellp ,我的名字叫张三模板字符串中可以换行 let result = { name: "zhangsan", age: 20 }; let html = `
2020-10-19 22:42:52 184
原创 Array扩展方法
2020年10月19日真是痛苦的一天Array的扩展方法扩展运算符(展开语法)扩展预算福可以将数组或者对象转为用逗号分隔的参数序列 let ary = ["a", "b", "c"]; ...ary // "a", "b", "c" console.log(...ary) //a b c扩展运算符可以应用于合并数组 let ary1 = [1, 2, 3]; let ary2 = [4, 5, 6]; ...ary1 // 1, 2, 3 ...ary2 // 4
2020-10-19 22:15:22 524
原创 箭头函数、剩余参数
2020年10月19日真是痛苦的一天箭头函数ES6新增的定义函数的方式()=> {}const fn = () => {}如果函数体中只有一句代码 并且代码的执行结果就是函数的返回值 函数体大括号可以省略 // 在箭头函数中 如果函数体中只有一句代码 并且代码的执行结果就是函数的返回值 函数体大括号可以省略 const sum = (n1, n2) => n1 + n2; const result = sum(10, 20); console.log(
2020-10-19 22:13:55 349
原创 let、const、解构赋值
2020年10月19日真是痛苦的一天ES6概念它是由ECMA国际标准化组织,制定的一项脚本语言的标准化规范。(ES6泛指ES2015及后续的版本)为什么使用ES6letES6中新增的用于声明变量的关键字let声明的变量只在所处于的块级({})有效/* --------使用let关键字声明的变量具有块级作用域-------- */ if (true) { let b = 20; console.log(b) if (true) { let c = 3
2020-10-19 15:19:27 457
原创 正则表达式
2020年10月18日真是痛苦的一天正则表达式概述正则表达式特点创建正则表达式利用 RegExp对象来创建 正则表达式var regexp = new RegExp(/123/);利用字面量创建 正则表达式var rg = /123/;测试正则表达式rg.test(123)正则表达式中的特殊字符边界符用来提示字符所处的位置,主要有两个字符如果^$在一起则表示精确匹配// 边界符 ^ $ var rg = /abc/; // 正则表达式里面不需要
2020-10-18 22:42:16 157
原创 递归、拷贝
2020年10月18日真是痛苦的一天递归概念如果一个函数在内部可以调用其自身,那么这个函数就是递归函数简单理解:函数内部自己调用自己,这个函数就是递归函数作用和循环效果一样措施由于递归很容易发生“栈溢出”错误(stack overflow),所以必须要加退出条件return案例:递归求阶层<script> // 利用递归函数求1~n的阶乘 1 * 2 * 3 * 4 * ..n function fn(n) { if (
2020-10-18 21:07:22 456
原创 严格模式、高阶函数、闭包
2020年10月18日真是痛苦的一天严格模式概述JS除了提供正常模式外,还提供了严格模式。ES5的严格模式是采用具有限制性JS变体的一种方式,即在严格的条件下运行JS代码(IE10)JS语义更改开启严格模式严格模式可以应用到整个脚本或个别函数中。因此在使用时,我们可以将严格模式分为为脚本开启严格模式和为函数开启严格模式两种情况为脚本开启严格模式为整个脚本文件开启严格模式,需要在所有语句之前放一个特定语句"use strict";(或'use strict';)<script&g
2020-10-18 15:09:03 160
原创 ES5新增数组方法foreach()、filter()、some(),字符串方法trim(),对象方法Object.keys()、Object.defineProperty()
2020年10月17日真是痛苦的一天数组方法迭代(遍历)方法forEach()array.forEach(function(currentValue,index,arr))currentValue数组当前项的值index数组当前项的索引arr数组对象本身<script> // forEach 迭代(遍历) 数组 var arr = [1, 2, 3]; var sum = 0; arr.forEach(funct
2020-10-17 20:34:40 318
转载 构造函数、原型链、继承
2020年10月17日真是痛苦的一天构造函数概述在ES6之前,对象不是基于类创建的,而是用一种称为构造函数和特殊函数来定义对象和它们的特征构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new一起使用。我们可以把对象中一些公共的属性和方法抽出出来,然后封装到这个函数里面在JS中,使用构造函数要注意以下两点:构造函数用于构建某一类对象,其首字母要大写构造函数要和new一起使用才有意义new在执行时会做四件事情在内存中创建一个新的空对象让this指向这个新
2020-10-17 15:41:32 171
原创 面向对象编程
2020年10月15日真是痛苦的一天面向对象编程介绍两大编程思想面向过程面向对象面向过程编程POP面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了面向对象编程OOP面向对象是吧失误分解成为一个个对象,然后由对象之间分工与合作在面向对象程序开发思想中,每一个对象都是功能中心,具有明确分工面向对象编程具有灵活、代码可复用、容易维护和开发的优点,更适合多人合作的大型软件项目面向对象的特性封装性继承性多态性面
2020-10-17 13:18:26 137
原创 移动click延时、Swiper插件、本地存储
2020年10月15日真是痛苦的一天移动click延时解决原因移动端双击屏幕会缩放页面解决方案禁用缩放<meta name= "viewport" content="user-scalable=no">利用touch事件封装事件解决原理当我们手指触摸屏幕,记录当前触摸时间当我们手指离开屏幕,用离开的时间减去触摸的事件如果时间小于150ms,并且没有滑动过屏幕,那么我们就定义为点击使用插件。fastclick插件解决300ms延迟GitHub官方地址Swiper
2020-10-15 20:07:04 196
原创 移动端轮播图、classList属性
2020年10月15日真是痛苦的一天移动端轮播图要求 // 1. 获取元素 var focus = document.querySelector('.focus'); var ul = focus.children[0]; // 获得focus 的宽度 var w = focus.offsetWidth; var ol = focus.children[1]; // 2. 利用定时器自动轮播图图片 var index = 0; va
2020-10-15 14:39:33 238
原创 JS动画函数封装
2020年10月12日真是痛苦的一天动画函数动画实现原理setInterval()//不断移动盒子位置实现步骤获取盒子当前位置让盒子在当前位置加上1个移动距离利用定时器不断重复这个操作加一个结束定时器的条件注意此元素需要添加定位,才能使用element.style.left<body> <div></div> <script> var div = document.querySelector('div
2020-10-12 23:29:15 825 1
原创 元素偏移量offset系列
2020年10月11日真是痛苦的一天元素偏移量offset系列offset概述offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(便宜)、大小等获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位offset系列常用属性offset与style区别案例:获取鼠标在盒子内的坐标<body> <div class="box"></div> <scrip
2020-10-12 11:33:10 1184
原创 JS执行机制、(location,navigator,histiory)对象
2020年10月10日真是痛苦的一天JS执行机制JS是单线程同步和异步同步异步同步任务同步任务都在主线程上执行,形成一个执行栈异步任务JS的异步是通过回调函数实现的一般而言,异步任务有以下三种类型:普通事件,如click、resize等资源加载,如load、error等定时器,包括setTimeout、senInterval等异步任务相关回调函数添加到任务队列中(任务队列也称为消息队列)JS执行机制先执行执行栈中的同步任务异步任务(回调函数)放入任务队列中一旦
2020-10-10 16:14:16 166 1
原创 BOM概念、(窗口,窗口大小,定时器)事件、回调函数、this指向
2020年10月10日真是痛苦的一天BOM概述什么事BOMBOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是windowBOM由一系列相关的对象构成,并且每个对象都提供了很多方法和属性BOM缺乏标准,JS语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是网景公司浏览器标准的一部分DOM和BOM对比BOM的构成BOM比DOM更大,它包含DOMwindow对象的常见事件窗口加载事件wind
2020-10-10 12:56:20 266
原创 DOM自定义属性、节点操作
2020年10月8日真是痛苦的一天H5自定义属性自定义属性目的为了保存并使用数据,有些数据可以保存在页面中而不用保存到数据库中。设置H5自定义属性H5规定自定义属性data开头做为属性名并且赋值获取H5自定义属性dataset是一个集合,里面存放了所有以data-开头的自定义属性,只支持ie11以上若出现data-list-name=‘andy’这种自定义属性,则data.listName引用(驼峰命名)节点操作获取元素通常使用两种方式1.利用DOM提供的方法获取元素docum
2020-10-08 18:17:08 587
原创 DOM案例、操作元素属性
2020年10月6日真是痛苦的一天排他思想(算法)点击图片则当前网页背景换成该图片经过表格某行背景变色表单全选取消全选案例操作元素的属性值获取元素属性值的两种方式区别设置属性值区别移除元素属性值Tab栏切换案例(重点)...
2020-10-07 15:53:59 108
原创 Web APIs DOM
2020年9月29日真是痛苦的一天WebAPIWeb APIs 和 JS 基础关联性APIWeb APIDOMDOM定义DOM树获取页面元素方式ID以本身形式返回,CLASS以伪数组形式返回①根据ID获取②根据标签名获取③通过HTML5 新增的方法获取(IE9以上支持)document.getElementByClassName(‘类名’);根据类名获得某些元素集合document.querySelector(‘选择题’);根据指定选择题返回第一个元素对象
2020-10-05 23:27:45 103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人