qq_51874203的博客

模块化：在Node.js中，一个js文件就是一个模块在Node.js中，每一行js文件夹中的js代码都是独立运行在一个函数中，而不是全局作用域，所以一个模块中的变量和函数，在其他模块中都是无法访问的。模块作用：代码逻辑分离。每一个文件都是一个模块，文件有专职，复用性更强。分类：1：核心模块：Node.js包自带的模块（http，fs，url，path）。2：自定义模块：自己实现的js代码注意：路径必须以./开头注意：尽量使用module.exports导出如果导入文件夹为路径：是否才能

ECAMScript3给Function的原型定义了两个方法，分别是Function.prototype.call和Function.prototype.apply，他们的作用一模一样，区别仅在于传参方式不同。传递参数的方式。用法上不同，主要是参数不同与apply相同，第一个参数是指定函数体内this对象的指向，后面的是需要传入被调用函数的参数call实际上是包装在apply上的语法糖。如果我们需要明确的知道函数接收多少个参数，而且想一目了然的表达形参和实参的对应关系，可以用call。......

ES6的拓展运算符，与解构赋值

目录1:Node.js1.1:什么是node.js1.2:Node.js中的Javascript运行环境1.3:Node.js可以做什么1.4:Node.js的学习路径1.5:查看已安装的Node.js的版本号 介绍2:http模块：2.1:http总结图2.2:什么是http 模块2.3:用http创建web服务器3:fs模块3.1:fs总结图3.2:fs详解3.3:常见api3.4:同步和异步3.5：文档流首先要清楚Node不是一个Web服务器，这十分重要。它本身并不能做任何事情。它无法像Apach

目录5：新增字符串操作5.1：模板字符串5.2：repeat()5.3：字符串补全长度()--str.padStart() str.padEnd()5.4：包含某个字符串（之前：indexOf ，正则）:includes(),startsWith(),endsWith()6：函数新特性6.1：参数默认值6.2：引入rest参数6.3：箭头函数padStart()和padEnd()方法的使用5：新增字符串操作5.1：模板字符串：就是反引号的用法，定义比较长，复杂的字符串，可以插入变量，可以插入函数。5.2：r

HTML,CSS,JS，服务器部分优化

canvas

HTML---JS移动端触屏事件touch详解

HTML:本地存储有四种方式。分别为：cookies、Storage 、Web SQL、IndexedDB。其中前端开发最常用的是Storage。下面来讲解一下他们的具体内容和区别；Cookie：构成： 名称 一个唯一确定cookie的名称 值 储存在cookie中的字符串值 域 cookie对于那个域是有效的 路径 指定域中的指定路径 失效时间 cookie何时应该被删除的时间戳 安全标志 指定后，cookie

用html与js实现简单的弹砖块小游戏(初级)用键盘的左右键控制一个板块让小球反弹，小球反弹到上面，与其相碰的砖块会消失，小球落地会重新开始游戏。弹砖块小游戏--初级第一部分body：要注意格式，父级与子级，兄弟的关系。<div class="container"> <div id="zhuan"> <!-- id砖只有管理权限，没有定位权限 --> <!-- <div c

第一部分body：先定义一个块标签，例如div class="drag"第二部分style：自由书写其样式，不可或缺的属性position：absolute；第三部分script：鼠标拖动元素移动，即元素的位置放上变化---坐标.var drag=document.querySelector(".drag");//获取元素//鼠标按下事件，获取起点位置信息drag.onmousedown=function(e1){ var x1=e1.clientX;//可显示出事件发生时鼠标

案例:div的方向移动body部分： <div id="ok">✈</div>style样式：自己设置大小灯样式，其中最重要的是要元素脱离文档流---不占页面位置了，其下也可以放其他元素。 #ok {position: absolute; }补absolute：它的参照物是最近使用了定位的父级，如果没有找body。此案例中div id="ok"的父级就是body。首先：我们需要知道怎样将键盘中的按键与元素/对象相联系，能控制它。这就是JS键盘事件

script

搜索框

1：body部分 <button onclick="zf()">正序/倒序</button>//侧边栏 <aside> <ul></ul></aside> 2：script部分//数据源 var arr = ["盒模型","浮动","定位","表单","响应式","弹性盒子","特效","动画","less/sass","网格","ES5"]; // 获取ul var ul =do

1:时钟构造：背景，表盘，指针(时针，分针，秒针），数字。2：body：一个div，class=clock{p便签嵌套span标签写上1~12的数字p标签是为了位置，span标签是为了数字的显示，能正过来例： <p><span>1</span></p>三个div，class分别为="hour","minute","second"。 <div id="hour"></div> <div id="m

1：在body中打个稿，样式在css中写就行//YYYY/MM/DD hh:mm:ss2：script中获取时间

在style中用@keyframes 来规定元素的动画动作，是一种创建动画的css规则。使用方法:keyframe规则由关键字“@keyframe”组成语法为:@keyframes 动画名{keyframes-selector{css-styles;}}。案例解析：当白色图像旋转中，每次落地，落地角都会收缩一下，阴影会发大缩小。注意：落地角收缩，另外三个角并没有收缩，所以要四个属性都心需要写上。主要代码如下：12.5%{top:100px;border-bottom-right-radiu

弹性盒模型帮助我们更好的处理元素的分配，如居中显示，多个块元素水平居中等，不用在左浮动，右浮动，计算间距等，弹性盒模型能更加简单快速的将元素按我们的需求分配，但是大的网页，复杂的网页设计不推荐使用，会影响大布局，推荐用于小型的，和顶部导航，底部导航简单的那种。如： display: flex;/* 换行 /flex-wrap: wrap;/ 两端对齐，中间空着 */justify-content: space-between;...

#position定位详解##absolute/relative/fixed###left/right/top/bottom

Input标签属性1.name:关键词；作用域　　2.type=" text (文本框)/submit (提交按钮)/password (密码域)/　　radio (单选框)/checkbox (复选框)/button (普通按钮)　　reset (重置按钮)/hidden (隐藏域)/ image (图片提交按钮)　　file (文件域) "3.value 表单元素的值　　4checked 默认选中 (单选框和复选框)　　5.placeholder：提示文本　　6.action：

HTML元素居中方法

HTML超链接蓝色不美观，这里教你一分钟学会美化超链接。

html-标签详解，快速浏览与记忆