自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 jQuery

jQurey一、jQuery简介1.版本(1)jQuery1:兼容所有浏览器(2)jQuery2:不再支持IE6/7/8(3)jQuery3:目前版本2.作用jQuery作为JavaScript封装的库,他的目的就是为了简化开发者使用JavaScript。二、jQurey代码1.$在jQuery程序中,不管是页面元素的选择、内置的功能函数,都是美元符号“$”来起始的。而这个“$”就是jQuery当中最重要且独有的对象:jQuery对象,2.jQuery对象(1)jQuery对象是

2020-08-11 12:10:51 173

原创 ajax基础及解释

最简单的ajax,最详细的注释,代码注释如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><bod

2020-08-10 20:43:47 134

原创 NPM

NPM一、NPM简介1. 定义NPM(node package manager),通常称为node包管理器。2. 网址https://npmjs.org/二、NPM操作指令1.npm -v查看版本2.npm install npm -g升级NPC旧版本3.cnpm (淘宝镜像)npm install -g cnpm --registry=https://registry.npm.taobao.org淘宝镜像可以提高安装下载速度4.npm install (简写: npm

2020-08-10 20:42:05 133

原创 js创建服务器

原生js实现服务器创建,代码和注释如下//一、加载http模块var http = require("http"); //加载http模块,生成http模块对象//加载querystring模块var querystring = require("querystring");//二、通过http模块,来执行http模块内容var req, res;1; //创建服务器对象,并且通过serverHandler函数做相关的设定var server = http.createServer(ser

2020-08-10 20:40:54 1866

原创 原生js实现todoList

效果一、js文件1.Utile类(封装dom元素创建方法)export default class Utils{ static ce(type,style,parent){ var elem=document.createElement(type); if(style){ for(var prop in style){ elem.style[prop]=style[prop]; }

2020-08-10 20:36:42 1789

原创 cookie

cookie一、cookie介绍1.cookie 存储 (cookie以域当中的文件夹存储)document.cookie="key=value";(key相同时,会覆盖)2.获取cookie数据document.cookie(1)获取具体数据 function getCookie(){ return arr=document.cookie.split(/;\s*/).reduce((value,item)=>{ var arr=item.spl

2020-08-10 20:03:48 98

原创 宏任务和微任务

一、任务1.任务介绍(1)异步和同步都是在完成任务列的内容(2)同步任务逐条进行 事件抛发都是同时及时触发的。(3)异步任务固定时间或非固定时间 ①固定时间: 1°setTimeout 2°setInterval 3°requestAnimationFrame(帧时间固定) 4°promise ②非固定时间: 1°加载图片,加载任务 2°通信2.固定时间异步任务安排(1)

2020-08-09 12:41:59 117

原创 Promise

Promise一、promise固定格式var p = new Promise (function (resolve,reject){ var img= new Image(); img.src="./img/a.jpg"; img.onload=function(){ resolve(img); } img.onerror=function(){ reject(img.src+"地址错误"); }});

2020-08-09 12:41:05 148

原创 同步和异步

同步和异步一、概念1.同步:停止等待运行结束,继续后续的运行。2.异步:需要等待一个内容完成后继续执行后面的内容,但是不能将后面的内容写在等待函数外,否则会同时执行。二、目前异步操作1. 操作性事件(1)点击 (2)按下 ……2.load事件3.setTimeout4. setInterval5.requestAnimationFrame三、导入JS 异步执行1. 将下面所有代码执行完成后,再执行该 js。 即将该js放在下一帧执行。2.<script

2020-08-09 12:40:01 78

原创 PHP基础

PHP一、PHP简介<?phpheader("content-type:text/html;charset=utf-8")// 头 :请求头,响应头前端或者客户端向服务端发送的消息叫做请求;服务端向前端或者客户端返回的消息叫做响应;?> (1)PHP 是一种被广泛使用的开源脚本语言 (2)PHP 脚本在服务器上执行 (3)PHP 没有成本,可供免费下载和使用二、基础PHP语法(1)PHP 脚本以 <?php 开头,以 ?> 结尾(2)P

2020-08-09 12:38:03 120

原创 购物车 (JS面向对象实现)

效果图:代码实现:1.js文件#####(1)商品列表模块import Utils from "./Utils.js";export default class GoodsItem { //设置静态变量styleBool,用来控制多次循环,CSS只设置一次 static styleBool = false; data; //将外部传入的数组的item数据赋给data属性 preIcon; //miniicon内目标图片 constructor() {

2020-08-09 12:36:52 1124 1

原创 轮播图(面向对象)

轮播图,效果如下一、js文件1.Utils类export default class Utils{ static ce(type,style,parent){ var elem=document.createElement(type); if(style){ for(var prop in style){ elem.style[prop]=style[prop]; } }

2020-08-09 12:12:29 806

原创 js实现小球生成及移动

效果如下一、JS文件内代码1.Utils 类export default class Utils{ static ce(type,style,parent){ var elem=document.createElement(type); if(style){ for(var prop in style){ elem.style[prop]=style[prop]; } }

2020-08-08 15:02:09 1338

原创 JS ES6

ECMAScript 6一 严格模式1.严格模式开启<script type="module">模块式开发,自动严格模式。"use strict" //严格模式2.严格模式规范(1)变量必须声明后再使用。①var a;②全局变量 a =windo.a(2)函数的参数不能有同名属性,否则报错。(3)不能使用with语句。(4)不能对只读属性赋值,否则报错。(5)不能使用前缀 0 表示八进制数,否则报错。(6)不能删除不可删除的属性,否则报错。(7) eval不会

2020-08-08 14:52:48 133

原创 js正则表达式

#正则表达式一 定义1.正则表达式创建(1)构造函数创建var reg=new RegExp(正则内容,修饰符);(2)字面量创建var reg=/正则内容/修饰符;(3)修饰符:1° i:不区分大小写2° g:全局匹配3° m:多行匹配(4)正则对象的方法1°test()判断test()参数中的字符串中有没有匹配正则表达式内容。例:var reg=/a/i; (是否存在"a",不区分大小写)2°exec()exec 返回一个数组,表示exec()参数中字符串匹配正则的内容

2020-08-08 14:51:45 119

原创 角色人物简单移动

var div0, code, dic = "", time = 0, num = 0, bool = false, x = 0, y = 0, dis = 1; into(); function into() { div0 = creatElem(); document.addEventListener("keydown", keydownHandler);

2020-08-08 14:44:11 976

原创 事件

事件一 事件基础1.定义事件 :是通知和侦听组合合成的,先侦听后通知,执行对应的函数。(1)侦听document.addElementListener(“事件名称”,事件函数名);function 事件函数(e){执行函数;}(2)创建一个事件对象var evt=new Event(“事件名称”);document.dispatchEvent(evt); //通知,抛发 。(3)①事件的类型必须相同。②事件侦听的对象和抛发的对象必须相同。③将事件抛向倾听对象。④先侦听

2020-08-08 14:39:12 121

原创 BOM和DOM

BOM和DOM一 BOM1.定义(1)BOM是Browser Object Model的缩写,即浏览器对象模型。(2) BOM没有相关标准。不同浏览器定义有差别,实现方式不同。(3) BOM的最根本对象是window。2.window对象(1)open()window.open(“要打开的网页”, “网页名字”, “height=400,width=400,top=10,left=10”);(2)close()关闭网页。(3)innerHeight浏览器窗口的内部高度(兼容所有

2020-08-08 14:38:01 148

原创 在含有多个子节点的父元素内层包裹一层div,使div是原来父元素的子元素,原来子元素的父元素

function parentWrap() { var div0 = document.querySelector("div"); var childNodes = Array.from(div0.childNodes); var div1 = document.createElement("div"); //将div放入父元素 div0.appendChild(div1);

2020-08-08 14:36:36 287

原创 JS内建对象

内建对象一 Math1.Math的属性(1)Math.E 返回算术常量 e,即自然对数的底数(约等于2.718)。(2)PI 返回圆周率(约等于3.14159)。(3)SQRT1_2 返回返回 2 的平方根的倒数(约等于 0.707)。(4)SQRT2 返回 2 的平方根(约等于 1.414)。2.Math的方法(1)abs 绝对值(2)ceil:向上舍入。(整数+1)(3)floor:向下舍入。(自动取整,小数点后自动舍弃)(4)round:四舍五入。负数的四舍五入:-3.6

2020-08-08 14:33:18 140

原创 统计数组内所有数字出现次数

function redoTime(arr) { var arr1 = [], obj = {}; arr.forEach(function(item, index) { if (index === 0) { arr1.push(arr[0]); } else { if (arr1.i

2020-08-08 14:32:26 757

原创 数组方法重构

一/* pop重构 */ function pop(arr) { var elem = arr[arr.length - 1]; if (arr.length > 0); arr.length--; return elem; }二 /* push重构 */ function push(arr) { for (var i = 1; ..

2020-08-08 14:31:00 159

原创 对象,函数,数组

对象,函数,数组一 对象1.创建对象的方法var obj=new Object(); //构造函数创建法var obj={}; //字面量创建法var obj=Object.creat({});2.给key和value赋值var obj={//key : value,name:"ahahha",//字符型key"name","hahah",//变量型key[i]:16,//数字型key5:6,}如果key不是字符串:点语法拒绝使

2020-08-05 11:53:23 181

原创 JS基础

JS基础一 JS构成1.ECMAScript2.文档对象类型(DOM)3.浏览器对象模型(BOM)二 JS基础1.js是从上向下的同步性解释文档。(1)上面的代码不能调用下面script中的标签。(2)下面的代码可以调用上面的标签。2.JavaScript引入(1)标签内书写:超链接默认阻止跳转。(2)内部书写:在html文件中直接进行代码的书写,。3.变量污染如果加载的js中,变量或者函数相同时,就会覆盖,称为变量污染。三 注释行注释ctrl+/ 行注

2020-08-05 11:51:24 141

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除