Faith0801-CSDN博客

Faith0801

码龄7年

13,531

总访问量
24

原创
15

粉丝
11

关注

IP 属地：山东省

加入CSDN时间： 2019-06-17

查看详细资料

个人成就

获得8次点赞
内容获得1次评论
获得27次收藏
博客总排名2,217,688名

TA的专栏

js
17篇
jQuery
1篇
ajax
1篇
服务器
1篇
nodejs
1篇
todoList
1篇
面向对象
3篇
原生js
1篇
cookie
1篇
javascript
1篇
同步和异步
2篇
Premise
微任务和宏任务
1篇
php
1篇
购物车
1篇
轮播图
1篇
元素移动
1篇
es6
1篇
正则表达式
1篇
人物移动
1篇
BOM
1篇
DOM
1篇
事件
1篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

创作活动更多

「谁说嵌入式只是调包和焊板子？」—— 2026嵌入式全栈技术征锋令

谁说嵌入式只会“Ctrl+C 调包”和“拿电烙铁焊板子”？2026嵌入式全栈技术征锋令正式启幕！本次活动专为硬核硬件/软件开发者打造，无论你是刚玩转裸机外设的萌新，还是精通RTOS调度、死磕底层驱动的行业老手，亦或是执掌系统架构的大神，这里都是你证明实力的舞台！拒绝表面功夫，每一行代码，都有撬动硬件的力量！晒出你的硬核工程实战，为嵌入式开发者的全栈硬实力正名！

210人参与去参加

更多

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 ·

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 ·

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 ·

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 ·

原生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 ·

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 ·

宏任务和微任务

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

博文更新于 2020.08.09 ·

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 ·

同步和异步

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

博文更新于 2020.08.09 ·

PHP基础

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

博文更新于 2020.08.09 ·

购物车 (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 ·

轮播图（面向对象）

轮播图，效果如下一、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 ·

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 ·

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 ·

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 ·

角色人物简单移动

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 ·

JS内建对象

内建对象一 Math 1.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 ·

事件

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

博文更新于 2020.08.08 ·

BOM和DOM

BOM和DOM 一 BOM 1.定义（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 ·

在含有多个子节点的父元素内层包裹一层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 ·