Faith0801-CSDN博客

原创 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 174

原创 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 135

原创 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 1790

原创 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 1125 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 811

原创 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 1339

原创 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 977

原创事件

事件一事件基础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

weixin_45261642的博客