- 博客(39)
- 收藏
- 关注
RSS订阅原创 node
1、node的前后端：2、get和post的区别： 参数的传递方式不同 get传递的数据量少，post传递的数据量多3、什么是核心模块？请举例 核心模块：node包自带的模块 http、url、fs、path4、如何获取该文件所在文件夹的绝对路径 __dirname5、静态方法是什么？ static 构造函数调用的方法6、super函数的作用 继承 调用父级的构造函数7、call方法和apply方法的区别 call+参数列表 app
2022-06-27 22:14:20
247
原创 canvas
1、canvas介绍： canvas是HTML5重要元素，不需要外部插件支持 提供了强大的图形处理功能 常用于移动端web的开发 基本现代浏览器都支持，IE8以下不支持 进行绘制，是通过context环境进行操作的（var canvas = document.querySelector(“canvas”) / var context = canvas.getContext(“2d”)） 坐标系：横轴向下为正、纵轴向下为正2、绘制直线： context.beginP
2022-06-27 20:36:56
206
原创 模块及分类
1、模块：代码逻辑分离，每一个文件都是一个模块，文件有专职，复用性更强2、模块化： 表现形式：js中引入其他js文件 作用：简化html文件，增加代码的独立性与复用性3、核心模块：安装nodejs自带的 举例：http、fs、url、path http： fs: url: path:4、自定义模块：自己实现的js代码 注意：路径必须以./开头、尽量使用module.exports导出 如果导入文件夹为路径： 1、是否存在package.
2022-06-27 20:02:12
427
原创 ES6
1、let和var的区别 1>let用于声明变量 2>let声明的变量不能重复声明 3>let声明的变量不能变量提升 4>块状作用域 eg.点击li弹出第n个 5>使用let声明的变量不属于顶层变量2、构造函数的方法称为静态方法 实例对象的方法称为实例方法3、filter 如果返回值为真，将元素放入新数组 map 将计算后的结果放入新数组4、Object.keys(obj) 将obj的key值返回数组 Object.values(obj) 将obj的v
2022-06-14 22:34:30
110
原创 Ajax
1、Ajax解决了什么问题？（Ajax和form提交的区别） Ajax局部刷新数据，在不刷新网页的情况下更新数据2、解释同步、异步，并举例 同步：上一个任务结束，下一个任务开始，比如alert弹窗 异步：多个任务按顺序进行，但是不一定按顺序结束，比如下载任务、图片的加载3、Ajax分几步实现 1>创建 2>配置/打开 3>监听/响应 4>发送4、Ajax.open(1,2,3) 请解释说明1，2，3 1：数据提交方式get/post 2：地址url
2022-06-14 22:11:50
129
1
原创 jQ原理
1、oop三大特征： 封装：将一堆方法和属性放在一起。目的：将信息隐藏 继承：最大限度重用代码。目的：找到共性，精简代码，提高重用性 多态：不同类的同名方法。目的：使语言具有动态性，具有更好的通用性2、构造函数、析构函数 构造函数：开辟内存空间 析构函数：释放内存空间3、原型：该类的公共存储空间，用于节省内存4、原型链：当访问对象的某个属性或方法时，先在自己的构造函数中寻找，如果没有，就在自己的原型中寻找，如果还没有，就找原型的原型，一直向上寻找一直找到object的原型
2022-06-05 16:16:43
171
原创 cookie,localStrong,sessionStorage
1、如何实现跨页面传值 1> a标签 或者 location.href 2> 存储(cookie,localStorage,sessionStorage)2、cookie,localStrong,sessionStorage的区别 1> cookie存储量小受到限制，设置过期时间删除，前后端自动同步； 2> localStorage存储量大，需手动删除 3> sessionStorage临时存储，关闭浏览器自动清除3、冒泡与捕获 事件由子级传向父级，称之为事件冒泡
2022-06-04 21:21:26
310
原创 键盘事件
1、键盘事件：只修改状态 window.onkeydown = function(e){ if(e.keyCode === 37){ isLeft = true; }else if(e.keyCode === 38){ isTop = true; }else if(e.keyCode === 39){ isRight= false; }else if(e.keyCo
2022-06-02 21:21:23
143
原创 BOM、拖拽、点击查看详细
1、window是浏览器留给js的窗口2、全局变量都是window的属性，全局变量都是window的方法3、location 地址栏 function to(){ /* a标签跳转的原理 / location.href = ‘lurenjia.html’;}4、navigator 浏览器状态 console.log(navigator,navigator.userAgent);5、判断是否是移动端 function isMobile(){ / 移动端操作系
2022-06-02 21:01:41
109
原创 轮播图、瀑布流
1、越界处理 showIndex = showIndex === data.length ? 0 : showIndex; changeBg(data[showIndex]); dots[showIndex].classList.add(“now”);2、瀑布流 1>先确定屏幕的宽度，按照我们定义的列宽来确定ul的大小和位置 2>根据屏幕的宽度和ul的单位宽度来设置列数并重新调整ul的宽度 3>填充arrHeight以及li3、获取最小下标function getM
2022-06-02 20:30:58
150
原创 四、day04Swiper、city、手风琴
swiper：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="
2022-05-15 11:09:40
397
原创 四、day_03计时、关灯游戏
clock：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>炫酷计时</title> <style> *{
2022-05-13 19:38:32
435
原创 四、day02切换滑块
tab切换：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>tab切换</title> <style> *{
2022-05-12 00:51:50
138
原创 四、day_01百度换肤、Dom
百度换肤：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>百度换肤</title> <style> *{ m
2022-05-12 00:43:51
81
原创 三、静态页面
e租宝：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>case01</title> <style> *{
2022-05-10 23:18:51
170
原创 三、day05
case01_目录：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>目录</title></head><body> <h1&g
2022-05-10 23:10:39
145
原创 知识点总结
1、soild 实线 dashed 虚线 dotted 点线 border-radius 圆角 transparent 透明色2、叠压现象：常态下，两者之间的间距以大值为准。3、塌陷问题： 原因:父级的第一个子级是块标签，并且使用了margin或margin-top。 解决方案：不用margin，在父级使用padding-top &nbs
2022-05-06 11:22:30
87
原创 三、JS_定时器、边界处理
case01_边界碰撞：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>case01</title> <style> *{
2022-05-05 23:17:32
252
原创 二、day05
csdn:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>csdn</title> <style> *{ m
2022-05-05 22:48:48
87
原创 二、day04_动画
case01：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>case01</title> <style> body{
2022-05-05 22:29:16
113
原创 二、day02_media
huoliguangdong :<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>活力广东</title> <link rel="stylesheet" h
2022-05-05 21:44:40
54
原创 二、day01_响应式
apple：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>apple</title> <style> *{
2022-05-05 21:33:20
48
原创 day09
duolaAmeng:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>哆啦A梦</title> <style> *{
2022-05-05 21:17:18
44
原创 day08_position
1、baudu:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>百度一下</title> <style> *{
2022-05-05 21:13:08
66
原创 day07
轰隆隆：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轰隆隆</title> <link rel="stylesheet" href="css/rese
2022-05-05 18:38:41
118
原创 day06_练习
work3：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>work3</title> <style> *{
2022-05-05 17:40:43
65
原创 day05_图文
case 01:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>case01</title> <style> *{
2022-05-05 17:29:07
58
原创 day04_图文
居中：1、line-height = height 文本垂直居中2、text-align:center 写在父级3、margin：0 auto 写在块元素，相对于父级水平居中今日小练：test01<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini
2022-04-16 11:22:13
138
原创 day02_tags
01_block 块标签1、list-style:none：没有列表样式2、SEO：网络引擎优化，一个页面最多出现一次3、h1~h3都具备SEO功能4、p：段落标签5、pre：pre标签可以保留段落的格式6、块标签：div h1~h6 ol ul li p pre7、unorder list：无序列表8、order list：有序列表9、list-item：列表项10、块标签特点：独占一行，默认宽度占满父级，高度为0，子级内容撑开高度。02_inline 行标签1、br：
2022-04-13 19:45:09
78
原创 day01
01 初识html1、：当前文档使用html5的标准进行解析2、：根标签3、head：引入相关配置、描述文件4、meta charset=“UTF-8”：使用utf-8的编码规则 防止中文乱码5、body中写正文内容02_div标签div:无语义03_border边框1、soild:实线2、dashed：虚线3、dotted:点线4、double：双线5、border-radius:圆角6、transparent：透明色7、边框会增加盒模型的面积05_margin外边距1
2022-04-12 20:05:36
389
原创 第6章 利用数组处理批量数据
第6章 利用数组处理批量数据例6.1 对10个数组元素依次赋值为0，1，2，3，4，5，6，7，8，9，要求按逆序输出。#include<stdio.h>int main(){int i,a[10];for(i=0;i<=9;i++)a[i]=i;for(i=9;i>=0;i--)printf("%d ",a[i]);printf("\n");re...
2019-02-17 14:52:33
163
原创 第5章 循环结构程序设计
第5章 循环结构设计例5.1 求1+2+3+…+100。#include&amp;amp;lt;stdio.h&amp;amp;gt;int main(){int i=1,sum=0;while(i&amp;amp;lt;=100){sum=sum+i;i++;}printf(&amp;quot;sum=%d\n&amp;quot;,sum);return 0;}运行结
2019-02-15 16:44:41
282
原创 第4章 选择结构程序设计
第4章 选择结构程序设计例4.1 在例3.5的基础上对程序进行改进。题目要求解得ax²+bx+c=0方程的根。由键盘输入a,b,c,假设a,b,c的值任意，并不保证b²-4ac≥0。需要在程序中进行判别，如果b²-4ac&amp;amp;amp;lt;0,就输出“此方程无实根”的信息。#include&amp;amp;amp;lt;stdio.h&amp;amp;amp;gt;#include&amp;amp;amp;lt;ma
2019-02-06 11:34:59
152
原创 第3章 最简单的C程序设计——顺序程序设计
第3章 最简单的C程序设计——顺序程序设计例3.1有人用温度计测量出用华氏法表示的温度（如64°F），今要求把它转换为以摄氏法表示的温度（如17.8°C）。#include&amp;lt;stdio.h&amp;gt;int main(){ float f,c; f=64.0; c=(5.0/9)*(f-32); printf(&quot;f=%f\nc=%f\n&quot;,f,c); return 0;
2019-02-01 15:21:58
101
原创 第2章 算法-程序的灵魂
第2章 算法-程序的灵魂例2.1求12345。#include&amp;amp;amp;amp;lt;stdio.h&amp;amp;amp;amp;gt;int main(){int i=1,m=2;while(m&amp;amp;amp;amp;lt;=5){i=i*m;m=m+1;}printf(&amp;amp;amp;quot;%d\n&amp;amp;amp;quot;,
2019-01-31 10:59:51
175
原创 第1章 程序设计和C语言
第1章 程序设计和C语言例1.1要求在屏幕上输入以下一行信息例1.2求两个整数之和例1.3求两个整数中的较大者例1.1要求在屏幕上输入以下一行信息#include<stdio.h>int main(){printf("This is a C program.\n");return 0;}运行结果如下:例1.2求两个整数之和#include<stdio...
2019-01-29 12:53:27
153
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人