沈川希-优快云博客

原创 03-node模块机制

一、Node.js常见模块在node中，模块有不同的表现形式，其使用方式也有差异。基本上，我们可以将node.js中的模块分为两种：核心模块（系统模块）、用户模块1.核心模块核心模块，也叫系统模块，是node.js自带，只要安装了node.js，它就已经具备了这些模块。是可以直接引入并使用的。系统模块在源代码中已经编译了,以二进制文件存在,模块引入时可以直接加到内存。常见的核心模块有http、fs、path、url。2.用户模块所有非核心模块，都属于用户模块。实际上，用户模块，有可以分为两

2020-08-29 15:03:54 269

原创 02-不得不了解的js特性

一、回顾js特性针对浏览器端js，它有哪些特性：弱类型解释型1.弱类型所谓强类型，就意味着在声明变量的时候，需要确定数据类型，一经确定就不能改变。而弱类型，在声明变量的时候，是无需声明变量的类型，变量的类型有其值来决定，并且是可以随时变化的。站在编写代码的角度（语法的角度）所有的语法，分成两大阵营：强类型，java、C、C++、C#弱类型，php和js2.解释型站在执行代码的角度，可以将予以分成两大阵营：编译型; 解释型。（1）编译型代码在执行的时候，需要先进行编译，生成一

2020-08-29 11:22:53 527

原创 01-初识node

初识node一、node写法：node nodeJS node.js Node Node.js是什么：JS的运行环境浏览器就是JS的运行环境Chrome’s V8 JavaScript engine：JS代码跑在浏览器上，在浏览器中是通过V8引擎执行JS代码的。说白了就是一个解释器。解释器：把高级语言翻译成计算机可以识别的代码。解释性语言，脚本语言。解释一行，执行一行，效率肯定没有编译型语言的效率高。编译型语言：编译器把代码直接编译成

2020-08-29 10:39:00 223

原创 03-jQ部分简单封装

jQ部分简单封装一、实现基本骨架$(function(){ function $(selector) { return new jQuery(selector); } function jQuery(selector){ this.ele = document.querySelector(selector); } jQuery.prototype = { constructor:jQuery,

2020-08-10 09:01:26 274

原创 02-jQ小案例

jQ小案例案例01：微博的发布功能代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{

2020-08-08 20:30:43 321

原创 01-jQ小案例

jQ小案例案例01代码运行效果案例01代码运行效果案例01代码运行效果案例01代码运行效果案例01代码运行效果案例01代码运行效果案例01代码运行效果案例01代码运行效果...

2020-08-08 17:50:26 558

原创 17-实现最基础的轮播图

实现最基础的轮播图html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> </head><body> <div class="box" id="box"> <ul id="ulList"> <

2020-08-08 17:38:20 177

原创 16-滚动新闻列表

滚动新闻列表dom简单实现html部分<!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><bo

2020-08-08 17:01:30 142

原创 13-传统弹幕

传统弹幕简述：实现最简单的弹幕html部分<!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><bo

2020-08-08 16:40:44 140

原创 15-图片懒加载

图片懒加载简述：当浏览到有图片的位置，图片就进行加载，否则，不进行加载html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- <link rel="stylesheet" hr

2020-08-08 16:34:50 154

原创 14-导航条固定

导航条固定html部分<!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><body>

2020-08-08 16:27:17 186

原创 12-盒子在界面拖拽

盒子拖拽简述：鼠标可以在界面中选中盒子，并在界面中进行拖拽html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &

2020-08-08 16:20:02 178

原创 11-tab选项卡

tab选项卡简述：鼠标放在导航栏上面，选中的部分会发生改变，下面的内容也会发生改变。html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</tit

2020-08-08 15:53:46 177

原创 10-小球移动

小球移动简述：小球向一个方向定向移动html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="./js/animate.js"></script>

2020-08-08 15:42:12 262

原创 09-回到顶部

回到顶部简述：当屏幕卷上去的高度大于一个屏幕的高度时，显示的回到顶部的小图标,点击小图标，屏幕自动回到顶部。html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu

2020-08-06 22:39:37 123

原创 08-小星星评论(简单)

小星星评论（简单）简述：鼠标放在星星上面，鼠标之前的星星都被点亮，鼠标之后的星星都是灰色的，并且星星可以随着鼠标移动而发生变化。图片素材rank_1.gifrank_2.gifrank_3.gifrank_4.gifhtml部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w

2020-08-06 22:29:19 174

原创 07-操作属性节点两种方式区别

操作属性节点两种方式区别1）打点方式不能操作自定义属性，这里的操作是指获取和设置2）使用getAttribute和setAttribute可以操作自定义属性3）通过打点方式设置的属性，后期还可以通过打点修改4）使用getAttribute和setAttribute，后期还可以通过打点修改1）标准属性标签中已经定义好的属性 id=“box”2）自定义属性程序员自己写的属性 nihao=“hello”示例<!DOCTYPE html><html lang="e

2020-08-06 22:09:44 204

原创 06-js电影的添加与删除（简单）

电影的添加与删除（简单）简述：可以删除电影，添加电影列表。如果添加的电影名或者主演为空，将会进行弹窗提示。html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>电影的添加

2020-08-06 22:03:51 658

原创 05-js灯泡效果

4.灯泡效果简述:点击哪个圆形图案，对应的样式会发生改变html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>灯泡效果</title> </he

2020-08-06 21:59:19 150

原创 04-js全选，全不选和反选

全选，全不选和反选代码html部分<!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><body&g

2020-08-05 21:59:07 206 1

原创 03-动态创建行指定删除

动态创建行指定删除简述：点击添加按钮，动态创建行。在输入框中输入你需要删除的行，点击删除按钮，删除对应的行的。代码如下：html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g

2020-08-05 21:57:00 170

原创 02-遮罩层

遮罩层可以用来设置网页的夜晚或者白天模式代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>遮罩层</title> <style>

2020-08-01 20:54:42 142

原创 01-初识DOM

初识DOMDOM：Document Object Model，文档对象模型。是一组用来描述js代码怎样与html文档进行交互和访问的web标准，它定义了一系列对象、方法和属性，用于访问、操作和创建文档中的内容、结构、样式和行为。一、.DOM历史版本1.DOM00级DOM，主要就是针对Document，定义了一些相关的属性和方法。以下是具体的属性和方法2.DOM1DOM 1制定了两个子规范：DOM Core（核心部分），把xml文档设计为树形节点结构，并为这种结构的运行机制制订了一套规范化标

2020-08-01 16:56:53 208

原创 08-js创建对象和继承

创建对象和继承一、创建对象JS中创建对象有方式 1）通过字面量创建对象 {} 2）工厂内部可以创建对象并返回批量创建对象的目的 3）构造器创建对象 4）构造器（私有属性）+原型（公有方法）创建对象 5）ES6中通过class创建类 new 对象1.通过字面量创建对象<script> //var age = 48; let obj = { name:"wangcai",

2020-08-01 15:49:30 179

原创 07-call、 apply和 bind的使用

call、 apply和 bind的使用一、用途call()、apply()、bind() 都是用来重定义 this 这个对象的，二、区别call：改变了this指向并让函数执行，传递参数一个个传递apply：改变了this指向并让函数执行，传送参数必须是数组bind：改变了this指向函数不执行。三、使用1.数据类型的检测typof的不足：检测基本数据类型OK，对于引用数据类型来说，检测function也可以检测到，但是其它的检测的比较笼统，不够准确。<script&g

2020-08-01 15:11:39 253

原创 06-原型和原型链

原型和原型链一、概念原型对象：每一个构造器都有一个属性叫prototype,它的值是一个对象，这个对象我们叫原型对象。隐式原型：每一个对象中都有一个属性叫__proto__,她指向了创建这个对象的构造器的原型对象。原型链：是一个对象属性的查找机制，arr.toString()，先在自己私有属性中找，如果找不到就沿着__proto__去原型对象中找，如果找不到就沿着__proto__去他的原型对象中的原型对象中找，直到找到Object的原型对象(Object原型对象中的__proto__指向了null

2020-08-01 11:36:00 185

空空如也

空空如也