- 博客(42)
- 收藏
- 关注
RSS订阅原创 Promise方法
ECMA6新增方法（这里就不统录了，关于ECMA6新增请看我以前的文章）此方法据说相当高端是异步编程的解决方案 （不懂同步异步参考我的AJAX文章）不废话上代码： //假设绿灯亮2秒，然后黄灯亮1秒，红灯再亮3秒。 console.time("test"); var state = 1; new Promise(function(resolve, reject){ ...
2019-03-28 20:09:47
368
原创 闭包
闭包什么是闭包呢闭包是一个概念1.闭包可以将一个变量常驻在内存当中2.闭包可以避免全局污染3.闭包可以声明私有成员闭包有的特点1.函数嵌套函数2.内部函数引用了外部函数的变量或者形参3.内部函数引用变量和形参，不会被垃圾回收机制所回收。这个就是一个闭包的结构案例： function aaa(a){ var b = 20; function bbb(){//...
2019-03-28 19:41:42
184
原创 JQuery的常用方法（更新中）
JQuery的方法删除添加classaddClass() 添加class，添加多个用空格隔开，重复添加一样的class样式会自动去重removeClass() 删除class，删多个用空格隔开。宽width() 包含widthinnerWidth() 包含width+paddingotherWidth() 包含width+border+paddingotherWidth(true)...
2019-03-25 21:12:31
439
原创 JQuery入门 （含选项卡案例）
JQuery是前端的一个框架起初在做JQuery的时候抱着的理念是：最少的代码，实现最多的功能！截止2019.03.25今天我写这篇文章，现在市面上流行的JQuery版本主要是1代和2代版本兼容IE6的话用1代，不兼容的话就2代，3比较新可能还有问题。JQuery元素选择器$()看下面代码也许会给你启发 //记得引入 <script src = 'jquery-1.10....
2019-03-25 15:26:27
231
原创 JSONP
上一篇我们讲到AJAX，我们先复习下 AJAX来帮助我们更好的认识什么是 JSON PAJAX复习下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> ...
2019-03-21 20:46:21
367
原创 快速认识并掌握回调函数
本篇文章不适合你考试的时候上来搜答案本文适合你有个五分钟能静心看看文章写得非常简单，原文内容来自千锋田宇飞老师。这大概就是鲁迅先生的白话文吧回调函数function(food, eatFunc){ alert("出餐成功，您好您的" + food + "准备好了，请您及时取餐"); eatFunc(food): // 吃啥}//上面的代码是进行吃的操作，但每个人吃什么或者怎么吃都...
2019-03-21 09:36:56
202
原创 AJAX（前端向）
什么是AJAX呢AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）AJAX不是新的语言，可以在js运行，新方法。异步同步？在现实中同步是两个人跑步齐头并进，异步是一快一慢。但在js里异步是指两个分开处理，同步是指两个一个跟一个逐条处理。多进程同时处理也就是异步处理的时候可以调高程序效率AJAX异步加载数据有顺序...
2019-03-19 21:06:36
265
原创 前端认识mysql（含php和mysql的链接代码）
首先要安装Mysql感觉安装数据库本身就是门学问大家可以百度数据库的安装在这里我选择的数据库是Mysql因为开源免费，并且应用率也蛮高的。代码要写在命令提示符里打开开始，搜索cmd，右键管理员打开。mysql常用命令1、登录数据库mysql -u root -p 密码2、查看mysql下有哪些数据库show databases;3、创建数据库create database...
2019-03-18 21:13:48
801
原创 前端认识PHP
这篇文章不是教PHP的因为前端涉及到前后端的交互，所以PHP需要了解学习一下。本片内容非常浅显，仅供前端方向了解PHP。PHP怎么写PHP代码要写在php标签里<?php 代码?>首先在开始要设置编码格式，让当前页面支持中文（写在代码里）header(‘content-type:text/html;charset=“utf-8”’);//这是php标签，所有的代码...
2019-03-18 19:18:50
216
原创 JSON对象的方法（承接上一篇localStorage）
什么是jsonjavascript对象表示法一种基于文本，独立于语言的轻量级数据交换格式。JSON结构有两种结构，就是对象和数组。我们本篇不细节探讨Json，只是帮助大家认识Json，能够在JS中去运用。将json格式的字符串，转成对应的数据结构。JSON.parse()将数据结构，转成对应的json格式的字符串。JSON.stringify()上一篇我们讲到localStora...
2019-03-18 10:06:10
138
原创 localStorage
在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。优势和局限优势：1.localStorage拓展了cookie的4K限制。2.localStor...
2019-03-18 09:44:22
322
原创 面相对象 （继承封装多态 / ECMA6类）
什么是面向对象面向对象是一种编程思想，我们要通过类和对象的语法，实现面向对象编程。使用面向对象思想编程后，具有继承、封装、多态的特点。还是讲到了构造函数来看代码 //创建人的构造函数 function Person(name, sex){ this.name = name; this.sex = sex; } Person.prototype.s...
2019-03-12 12:15:35
188
原创 面对对象 （工厂模式/构造函数/ instanceof /prototype）
这是一种编程思想一般来说编程分两种：面向过程编程思想和面向对象编程思想应用题：有一辆车60km/h，跑在一条1000km的公路上，问，车跑完这条路需要多长时间？//面对过程var hour = 1000 / 60;alert(hour);//16.666666666666668//面对对象 var car = { speed: 60, run: function...
2019-03-11 16:46:12
207
原创 ECMA6新增的一些方法
目录``字符串${}占位符的方式，进行字符串拼接Array.from将伪数组转成真正的数组find()查找符合条件第一个元素，查找条件是return后面的表达式findIndex()查找符合条件第一个元素，的下标copyWithin截取的一段覆盖另一段Object.assign浅拷贝Symbol()声明变量set...
2019-03-07 11:19:05
271
原创 this let关键字（更新中实际上是懒得写了）
this每一个函数中，都有一个内置的变量this，这个this中存储着当前函数的主人，所以，要知道this是谁，就要通过上下文分析，当前函数的主人是谁。this永远存储的是当前函数的主人。强制改变this的指向。call格式：函数名.call(this指向对象);参数：原有的参数往后顺延一位。apply格式：函数名.apply(this指向对象，数组)参数：把后续的参数全部放在数组...
2019-03-06 20:52:23
211
原创 事件 事件类型
事件事件的外联模式元素节点 . on+事件类型 = 匿名函数（处理事件的行为）<script> function btnClick(){ alert("点击按钮了"); } window.onload = function(){ var oBtn = document.getElementById("btn1"); oBtn.onclick = function...
2019-03-04 12:04:03
299
原创 DOM更新中
DOMdocument object model文档 从 到结束对象DOM节点的种类元素节点 属性节点 id = ‘div1’文本节点 div文本获取元素节点先给一个完整的环境，不包含script&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&
2019-02-28 16:45:56
193
原创 BOM属性方法(更新中)
这张思维导图有助于记忆，并不完整就挑常用的说，那么关于这所有的方法属性我就写这下面了alert这几个在我上篇文章里window1.open()第一个参数：url 网址 每调用一次，都会打开这个窗口，加载这个网页第二个参数：字符串 给打开的窗口起一个名字第三个参数：一串特殊意义的字符串 function btnClick(){ open("https://www....
2019-02-28 11:55:41
667
原创 BOM是什么
javascript组成ECMAScriptBOM 浏览器对象模型DOM 文档对象模型BOMbrowser object model浏览器 对象 模型系统对话框alert();confirm();prompt();凡是window开头的方法和属性都可以省略window调用全局变量全局属性都是window下的属性和方法，都可以...
2019-02-28 11:41:07
306
原创 日期对象 方法/定时器/匿名函数
声明日期对象1.new声明如果不传入参数，默认获取的是当前的系统时间。var d = new Date();alert(d); //Wed Feb 27 2019 14:13:52 GMT+0800 (中国标准时间)传入参数，生成日期对象var d = new Date("2015/08/22");alert(d);//Sat Aug 22 2015 00:00:00 GMT+0...
2019-02-27 17:24:02
221
原创 Math对象
Math对象Math.random()返回0-1之间的随机数alert(Math.random());//随机Math.max(num1, num2)返回较大的数alert(Math.max(10, 20, 30));//30Math.min(num1, num2)返回较小的数alert(Math.min(10, 20, 30));//10Math.abs(num)绝对...
2019-02-27 16:47:08
149
原创 对象
来了，对象是什么？作为JS学习的重点概念之一，本篇文章先简略介绍什么是对象。对象在其他语言中基本都有明确划分，但JS里没有类概念。类：抽象概念，将具有一类相同特征的事物的抽象概念。对象：具体某一个个例，唯一的个体。以前的文章中有罗列数据类型，现在整理一版新的。数据类型1.&nbsp;&nbsp;基本数据类型&nbsp;&nbsp;&nbsp;&nbsp;number&a
2019-02-27 16:37:36
129
原创 验证码JS写法
这个方法利用字符串的生成ASCLL码那么ASCLL码怎么随机呢，我们知道字母的不是从1开始的，怎么随机才能只有字母或数字呢这样：parseInt(Math.random() * 26) + 65;这个就是随机到大写字母，从65开始嘛。function testCode(n){ var arr = []; for(var i = 0; i < n; i++){ var tmp ...
2019-02-26 17:36:15
911
原创 字符串方法
concat()字符串拼接(基本上不用)格式：字符串1.concat(字符串2 …);var str1 = &quot;hello&quot;;var str = str1.concat(&quot;world&quot;);alert(str);//helloworldalert(str1);//hello常用。。。（尴尬）var str = &quot;hello&quot
2019-02-26 17:21:31
207
原创 字符串是什么，声明方式。
字符串技术小白，从最基础的开始分享，适用初学者，如有误点还望指正。本篇内容字符串你看到的在js代码里带单引号和双引号的就是字符串本串了三种字符串声明方式1。new运算符var str = new string(true);alert(typeof str);//object2。不写newvar str = string(true);alert(typeof str);//st...
2019-02-26 16:33:39
2074
原创 ECMA5新增数组方法
indexOf()格式：数组.indexOf(item, start);参数：第一个参数：查找哪个元素第二个参数：从哪个位置开始查找，不传，默认从下标0开始查功能：查找item在数组中，第一次出现的位置，并且从start开始去查返回值：查找到的下标 如果查找不到，返回-1var arr = [10, 20, 30, 40, 30, 20, 10];var index = arr.i...
2019-02-26 13:04:48
271
原创 严格模式
严格模式更加严格的语法规范。设置严格模式：找一个作用域，“use strict”; 这个区域下的代码都必须是严格模式。【注】一般情况下不要再全局设置严格模式。全局变量声明时，必须加var"use strict";num = 10;alert(num);函数内重名属性use strict";function show(b, b, c){ alert(b + ", ...
2019-02-26 11:36:42
133
原创 排序 冒泡排序选择排序 数组去重
本篇主要写的排序算法sort()排序sort()这个当然是最简单的数组排序方法，但是字符串排序，如果想数字排序可以这样写：从小到大var arr = [50, 30, 40, 10, 20];arr.sort(function(value1, value2){ return value1 &gt; value2;})alert();//10,20,30,40,50从大到小...
2019-02-25 17:52:11
428
原创 数组 数组方法/符合数据类型/二维数组
数组首先在认识数组的方法前我们要有概念，数组可以形成什么样子的结构。1.栈结构先进后出push格式：数组.push(元素…);功能：给数组的末尾添加元素。返回值：插完元素以后数组的长度。var arr = ["钢铁侠", "惊奇队长", "绿巨人"];var res = arr.push("雷神", "蜘蛛侠&a
2019-02-25 13:35:12
277
原创 数组 创建 访问 遍历
数组技术小白，从最基础的开始分享，适用初学者，如有误点还望指正。本篇内容数组数组的定义是可以储存大量数据的结构，可以使用一个变量名。数组的3个创建方法1.new运算符var arr = new Array(100,true,"hello");alert(arr);2.省略newvar arr = Array(100,true,"hello");alert(arr);3.用...
2019-02-22 15:33:26
206
原创 递归 是什么,怎么写,练习题
递归技术小白，从最基础的开始分享，适用初学者，如有误点还望指正。本篇内容递归（有搬运内容）什么是递归，递归就是函数调用函数自身递归一般有参数一般情况下有return小白如我学渣如我达不到理解递归的程度，就是能写，想写的话有一个框框这个框框我们姑且称他为最强王者法则！！！最强王者法则： 1先找临界值，即无需计算，获得的值。 2.找这一次和上一次的关系。 3假设当前函数已...
2019-02-22 11:15:12
142
原创 arguments 是什么 应用在哪
arguments技术小白，从最基础的开始分享，适用初学者，如有误点还望指正。本篇内容arguments怎么说，这个东西有点怪…每一个函数内都有，是一个数组，作用是存储函数调用时传入的每一个参数。有个属性，arguments.length输出存储数的个数。访问arguments里面的数，利用下标：arguments[0];function show(){ alert(argumen...
2019-02-22 11:10:14
441
1
原创 函数的练习题（再更新）
函数练习题判断一个数是不是质数 function answer(n){ var isYes = true; for(var i = 2; i < n; i++){ if(n % i == 0){ isYes = false; break; } } return isYes; } alert(answer(6));两...
2019-02-21 16:28:16
315
原创 函数 声明提升 作用域
函数function 函数名（）{函数体（写具体的代码）；}函数名（）；就是要先声明后调用function print(){ for(var i = 0; i &lt; 10; i++){ document.write("&lt;h1&gt;hello world&lt;h1&gt;"); }}print();声明提升程序在执行之前，会
2019-02-21 16:12:28
281
原创 break continue 一些循环逻辑练习题
break continue终止当前循环for(var i = 1; i <= 100; i++){ if(i == 5){ break; } document.write("<br>");}去掉这次循环for(var i = 1; i <= 100; i++){ if(i == 5){ continue; } document.write("&...
2019-02-21 12:04:56
3306
原创 循环的练习题
比较两个数的大小if…else var num1 = 7; var num2 = 16; if(num1 > num2){ alert(num1); }else{ alert(num2); }判断一个年份是闰年还是平年if…else var year = 1997; if(year % 4 == 0 && year % 100 ...
2019-02-20 19:34:31
256
原创 js常见循环 while for forEach
循环技术小白，从最基础的开始分享，适用初学者，如有误点还望指正。本篇内容三个循环加一个特殊循环,代码就写一到一百的和吧。1.while循环var i = 1;var sum = 0;while(i &amp;lt;= 100){ sum += i; i++; }alert(sum);2.do…while循环var i = 1;var sum = 0;do{ sum += i...
2019-02-20 15:18:35
407
原创 流程控制语句 if else语句 switch语句 三目运算符
流程控制语句技术小白，从最基础的开始分享，适用初学者，如有误点还望指正。本篇内容控制语句结构。主要if else 和switch 和三目运算符顺序结构自上而下顺序执行的都是if语句 条件/选择/分支结构根据不同情况执行不同代码if（判断语句）{判断条件true的执行语句}else{判断条件false的执行语句}可以只写if，那就是单分支语句。if里可以写任何表达式，最终都...
2019-02-20 10:38:47
375
原创 JS基础的小白练习题
一些小的基础练习题，帮助更多小白认识js如有错误欢迎评论指正。华氏温度是80度，摄氏温度是多少呢var str = 80; var num = 5 / 9.0 * (str - 32); alert("现在的温度是" + num);//26.666666一个三位数分别取每一位分别是什么数字 var str = 678; var first = parseInt(str / 1...
2019-02-19 16:19:44
317
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人