- 博客(34)
- 收藏
- 关注
RSS订阅
1原创 Vue.js知识总结（一）
1、定义：vue是一套用于构建用户界面的渐进式框架，使用vue，可以完全在浏览器端渲染页面，服务器只提供数据，可以非常方便的构建单页面应用。2、网站：https://cn.vuejs.org/●不存在依赖；●轻便；●适用范围广（大中型项目，PC，移动端，混合开发）；●语法简单；●双向数据绑定；●都采用虚拟DOM；●React的生态系统更加庞大，由ReactNative来进行混合开发，Vue更加轻量级；●React有独特的JSX语法，Vue基于传统的Web（HTML/CSS/JS）；●语法非常相似；●Vue没
2022-07-04 09:04:09
208
原创 Node.js知识总结（三）
一、path1、basename() 文件名+后缀名2、dirname() 路径名3、extname() 后缀名4、parse() 将路径解析成对象5、join() 拼接路径6、format() 将对象整合成路径字符串7、isAbsolute() 是否是一个绝对路径二、http1、创建web服务器，将普通电脑编程web服务器；2、前言●IP地址：每一台计算机在互联网的地址唯一，点分十进制 192.168.0.1，在终端通过ping+网址可查看ip，127.0.0.1是自己电脑的可访问地址
2022-06-27 19:27:05
111
原创 Nodejs知识总结（二）
一、同步、异步1、所有的方法都有异步和同步的形式；2、node里关于文档的操作方法基本都给了2份，即同步和异步；3、使用前导入核心模块4、重命名异步5、重命名同步二、fs 文件操作1、读文件 fs.readFile() 2、写文件 fs.writeFile()●默认就是utf8的编码格式；●效果：删掉文档原内容，写入新内容，如果指定文档不存在 ，则新建；3、追加 fs.appendFile() 4、拷贝 fs.copyFile() 三、fs 流操作(一
2022-06-25 10:56:34
97
原创 Node.js知识总结（一）
一、什么是后端开发1、前端与后端：前端是指在客户端上运行的代码，后端是运行在服务器端的程序；2、后端开发组成：●语言：PHP JAVA C# JavaScript●Web服务器：Apache Tomcat●数据库：MySQL Oricle MongoDB3、后端开发平台： LAMP JavaEE .NET Node.js二、学习路径1、JS基础语法；2、内置API模块（fs,path,http等）；3、第三方模块（express, koa, mysql, mongodb等）；三、终端快捷键1、↑，上一次命令
2022-06-22 19:59:42
64
原创 canvas知识总结
一、介绍1、是HTNL5重要元素，不需要外部插件支持，提供了强大的图形处理功能，常用于移动端web的开发；2、基本现代浏览器都支持，IE8以下不支持3、进行绘制，是通过context环境进行操作的4、坐标系横轴向右为正，纵轴向下为正；二、基本图形绘制1、基础●beginPath() 开始绘制；●moveTo(x,y) 设置绘制起点；●lineTo(x,y) 设置下一个点；●closePath() 结束绘制，会从当前点回到结束点，形成一个封闭的图形；●strokeStyle 设置绘制的样式；●st
2022-06-21 09:20:33
85
原创 ES6（ECMAScript6）知识总结（三）
一、promise1、基础●js是单线程的语言，所以很多操作都是异步操作，而异步操作多由回调函数完成，这里边就会引出一个现象“回调地狱”，即回调函数中有回调函数，这种现象会导致代码的可读性降低，为了解决这个问题选择使用promise；●作用：防止出现回调地狱，提高代码的可读性，像同步操作那样去执行异步操作；●必须接受一个函数作为参数，两个参数名不是自定义的，是必须这么写的；2、原理●一个promise对象就代表一个异步操作，通过状态去管理异步操作；●状态1）pending 执行中2）fulfilled
2022-06-20 10:22:48
53
原创 ES6（ECMAScript6）知识总结（二）
一、数组新特性1、扩展运算符1）相当于rest方法的逆运算，把数组转换为用逗号隔开的参数列表；2）应用●复制数组●合并数组●用于解构赋值●用于字符串●适用于所有的类数组集合（实现了遍历器接口的数据类型）2、Array构造函数新增方法●Array.from() 将类数组对象转换为纯数组●Array.of(a,b,c) 将参数列表返回一个数组，相当于创建数组 Array.of(3) != new Array(3)3、数组对象新增方法●find(callback) 返回数组中第一个满
2022-06-20 09:44:13
106
原创 ES6（ECMAScript6）知识总结（一）
1、let声明的变量不能重复声明；2、let声明的变量不能变量提升；3、块状作用域；4、使用let声明的变量不属于顶层对象；1、声明常量用大写；2、常量不能修改；3、块状作用域；4、使用const声明的常量不属于顶层对象；1、数组的解构赋值●var [a,b,c] = [1,2,3];console.log(a,b,c);●可以给变量添加默认值：a=1；2、对象的解构赋值●完整版本●复杂对象3、特殊对象的解构赋值●字符串做数组●字符串做对象●Math的应用4、实际应用●交
2022-06-16 17:20:27
59
原创 AJAX知识总结
一、AJAX解决了什么问题？在不刷新网页的情况下去更新数据。二、核心三、用法1、创建var ajax = new XMLHttpRequest();2、打开（配置）ajax.open("参数1","参数2",参数3) 参数1：请求方式（get或post）参数2：请求地址参数3：是否异步（true或false）●同步：上一个任务结束，下一个任务开始，比如alert弹窗1）ajax.open("get","xxx.php",false) 2）ajax.open("post","xxx.php",false
2022-06-14 10:10:53
117
原创 jQuery知识点总结
一、什么是jQuery？jQuery是一个优秀的JavaScript库，是一个凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档，操作DOM，执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数。其理念：write less,do more.二、基础核心内容1、代码风格●$(function() {}); 匿名函数的执行●$("#div1") 选取元素●$("#div1").css('color','red') 添加内联样式●$ == jQuer
2022-06-12 23:03:29
329
原创 面向对象MVC
MVC是一种设计理念,将代码进行逻辑分离，分离成控制层、视图层及数据层三层。二、MVC的作用降低了耦合度，提高了代码的扩展性，易修改性。三、仿微信朋友圈代码1、model.js(M)2、view.js(V)3、样式等(C)4、效果图...
2022-06-03 14:21:32
267
原创 面向对象02
一、封装1、目的：将信息隐藏2、共有、私有：只是在命名的时候区分一下function Girl（name,age) {//共有属性this.name = name;this.age = age;//私有属性var _sex = "girl";//公有方法this.eat = function() {alert("吃饭");}//私有方法var _xiuxiu = function() {alert("美图秀秀");}}使用_来表示私有变量以及私有方法二、继承1、目的：找到共性，精简代码，提高重用性；2、属性
2022-06-02 21:36:49
52
原创 面向对象01
一、概念1、什么是“对象”不了解内部结构，知道表面的操作；2、什么是“面向对象”不了解原理的情况下，会使用功能；3、面向对象是一种思想，生活中处处都可以应用，万事万物都是对象；二、面向对象的特点1、封装：将一堆方法和属性放在一起；封装不考虑内部实现，只考虑功能使用；2、继承：最大限度重用代码；3、多态：不同类的同名方法，表现的形式太弱；4、抽象：抓住核心问题；三、面向对象的组成1、属性:变量，同一个东西，场景不同，称呼不同；2、方法即函数；四、js常见对象1、Array 数组，用来存储数据；2、Date 日
2022-06-02 21:05:59
49
原创 正则表达式
一、新建1、RegExp构造函数 var re = new RegExp("a");2、使用字面量（常用） var re = /a/;二、方法1、test() 返回一个布尔值，方法用于匹配字符串，匹配成功返回true，失败返回false；2、exec() 返回匹配结果，就返回一个以每个匹配成功的字符串组成的类数组集合，否则返回null， index表示匹配项在字符串中的位置， input表示原字符串；3、正则.方法(字符串)；三、匹配规则1、字面量字符 ：在正则表达式中，某个字符只表示它字面的含义，比如/a
2022-06-02 11:08:56
130
原创 事件学习05触屏事件
一、兼容DOM的触摸事件1、touchstart 当手触摸屏幕时触发；2、touchmove 当手指在屏幕上滑动时连续触发；3、touchend当手指从屏幕上移开时触发；4、touchcancel当系统停止跟踪触摸时触发；5、上述事件都会冒泡，也都可以取消。每个触屏事件的event对象都提供了在鼠标事件中常见的属性bubbles cancelable view clientX clientY screenX screenY等；二、整个触摸事件包含的三个触摸列表1、touches 当前跟踪的触摸操作的Touc
2022-06-02 08:38:33
102
原创 事件学习04存储
一、window.localStorage 本地存储，存储的数据没有过期时间1、语法：myStorage = localStorage；返回一个Storage对象；2、添加：localStorage.setItem('key','value');3、获取：localStorage.getItem('key');4、移除：localStorage.clear(); 不接收参数，清空存储对象里的所有数据；5、注：各浏览器支持的localStorage的容量上限不同；二、window.sessionStorage
2022-06-01 10:13:34
55
原创 事件学习03
一、DOM事件绑定1、DOM0级事件：●所有的浏览器都支持；●注册：在html上添加 this指向自身；匿名函数 d.onclick=function() {} this指向自身；普通函数 onclick="OK()" 相当于动态调用，this指向window，没有事件参数e的传递；2、DOM2级事件●IE attachEvent（event,function) event要加on；●datachEvent(event,functio
2022-06-01 09:39:33
50
原创 事件学习02
一、键盘事件1、keydown 当用户按下键盘上的任意键是触发，按住不动将重复触发keyup 当用户释放键盘上的键时触发（event.charCode键码）2、keypress 当用户按下键盘上的字符键时，按住不动将重复触发（event.charCode 键码，ASCII编码形式显示，需通过String.fromCharCode() 方法转换，IE9以下不支持）3、shiftkey、altkey、ctrlkey二、表单事件1、focus 元素获得焦点时触发；2、blur 元素失去焦点
2022-05-27 08:55:39
63
原创 事件01鼠标事件
一、事件类型1、onclick : 单击；2、ondblclick : 双击；3、oncontextmenu : 右键菜单；4、onmouseover , onmouseenter: 移入；5、onmouseout , onmouseleave : 移出；6、onmousedown : 按下；7、onmouseup : 抬起；8、onmousemove : 移动；二、坐标位置1、screenX 在屏幕中的x坐标，screenY 在屏幕中的y坐标；2、相对于body
2022-05-22 11:58:51
99
原创 BOM学习
一、什么是BOMBrowser Object Model 一系列与浏览器相关的信息。二、window对象1、窗口位置●screenLeft 返回浏览器窗口左上角相对于当前屏幕左上角的水平距离，不兼容FF浏览器；●screenTop 返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离，不兼容FF浏览器；●screenX 功能同screenLeft，兼容FF；●screenY 功能同screenTop，兼容FF；2、窗口大小（IE9以下不兼容）●innerWidth 返回网页
2022-05-20 08:58:17
45
原创 JS学习小结02
一、数组1、数组的作用：对大量数据进行存储，按顺序排列一组值，每个值的位置都有编号，从0开始；2、创建：在js中，数组使用Array对象表示；3、创建的三种方式：（1）var arr1 = new Array(); arr1 = [e|1,e|2,e|3,……] 元素个数不确定，用户可以在赋值时任意定义；（2）var arr2 = new Array([size]) 指定数组长度，如果赋值时，数值个数大于size，则会报错；（3）var arr3 = new Array(e|1,e|
2022-05-19 21:46:52
31
原创 JS 学习小结01
一、代码规范1、JS中一切都区分大小写；2、标识符组合规则●首字母必须是字母、下划线或符号；●其他字符必须是字母、下划线、符号或数字；●建议使用驼峰命名法；●见名知意；3、注释注释分为单行注释//，块标签/*代码*/。4、严格模式5.语句标准关键字和保留字是语言保留的，不能用做标识符语句必须是以分号为结束符语句块必须有大括号二、数据类型1、JS的数据类型采用了弱类型的方式，即不用在声明的时候指定数据的类型，在赋值时再确定（左边叫声明，右边叫赋值、定义
2022-05-17 21:03:08
34
原创 Day9_0428 动画animation
一、动画的作用增加用户体验，但是不可过度使用。二、关键帧keyframes ，写在css样式里。三、动画1、animation-name：动画属性名。2、animation-duration：动画持续时间。3、animation-delay：动画延迟时间。4、animation-timing-function：动画速度曲线。5、animation-iteration-count：定义循环次数，其中infinite为无限循环。6、animation-direction：
2022-04-28 21:37:21
52
原创 Day8_0427 弹性盒模型
一、目的1、提供一种更加有效的方式来布置，对齐和分布在容器之间的各项内容，即使他们的大小是未知的变化的；2、让容器有能力改变项目的宽和高，以填满可用空间；3、布局与方向无关：块属性，垂直；行间，水平；拓展性较差；4、最适合小规模布局（大规模用网格）。二、属性1、display：flex/display：line-flex适用于父类元素，声明要使用弹性盒模型。2、flex-direction：●写在父级css中，但是作用于子级；●检索，子级在盒子中的位置，说白了就是子级
2022-04-27 22:00:40
169
原创 Day6_H5新标签
一、结构标签1、article：定义文章，使用于论坛帖子，博客文章，新闻故事，评论。2、aside：定义文章的侧边栏。3、section：定义文档中的某个区域，使用于章节，头部，底部。4、nav：定义导航部分。5、header：定义section或者document页眉，使用于文章介绍内容，导航连接器的容器。6、footer：定义section或者document页脚，使用于文档创建者姓名，文档的版权信息，使用条款的链接，联系信息等。7、detail：定义展开详细内容，只有saf
2022-04-27 20:36:49
240
原创 Day6_0424 定位（position）
一、静态定位 static：默认定位方式。二、相对定位 relative：1、参考物：定位前的位置；2、特点：不影响元素本身特性；元素不脱离文档流；相对于原位置进行偏移。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2022-04-24 22:35:23
51
原创 Day5_0422 表单form-01
一、表单标签的格式：<form action="" method="POST/GET" name="myform"></form>●name：表单提交时的名称；●action：提交到的地址；●method：提交方式，两个值GET和POST，默认为GET；--GET和POST的区别：GET：默认方式直接将数据提交到相应地址，对于数据不安全；POST：将表单中数据打包提交到相应地址，对于数据安全。二、input：1、type类型：●单行文本框<i
2022-04-22 21:33:44
45
原创 Day5_0422 表格table
一、标签1、table ：用于定义一个表格；2、tr：用于定义表格中的行，必须嵌套在table标签中使用；3、td：用于定义表格中的单元格，必须嵌套在tr标签中使用；4、th：用于定义表头单元格，和td的区别在于th里面的文字默认会居中且加粗；●创建表格的基本语法以及基本实现效果：二、css reset1、table{border-collapse:collapse;}：单元格间隙合并。●效果对比实现：不设置样式时：设置样式时：2、th,td{padd
2022-04-22 19:42:35
59
原创 Day4_0415 图文组合
1、常见的图文组合：●单图单文：（1）垂直布局案例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-
2022-04-15 20:42:01
52
原创 Day3_0414 浮动
1、浮动的定义：元素脱离文档流，按照指定方向发生移动，遇到父级边界换行。2、浮动的取值：●none：不浮动，不设置取值时默认不浮动；●left：左浮动；●right：右浮动；●inherit：继承父级；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content
2022-04-14 21:44:59
51
原创 Day2_0413 标签
1、常见的标签●块标签：（1）div：没有具体的意义，只表示一块内容；（2）标题标签(h1~h6)：h1 h2 h3是具备搜索权重的<1>h1：大标题，一个页面只允许写一次；<2>h2：副标题，一个页面不要超过8个；<3>h3：小标题，不受限制；<4>h4~h6：不受限制；（3）段落标签(p)：代表...
2022-04-13 20:40:36
376
原创 Day1_0412 盒模型
1、什么是盒模型每一个标签都是一个矩形，像一个盒子，所以HTML页面的布局可以理解为多个盒子组合嵌套排列而成。2、盒模型的组成盒模型由内而外包括：内容（content）、内边距（padding）、边框（border）、外边距（margin）。●内边距（padding）：1、padding属性是用来定义内边距的，四个边的padding值的长度可以各不相同；2、内边距的值是顺时针进行赋值的，从上开始，即上右下左（如下图所示）；3、padding的值可以增加盒模型的面积（.
2022-04-12 21:48:51
133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人