Git仓库 什么是git?Git 仓库(或称为 Git 存储库、Git 仓库库)是一个存储项目所有版本历史的目录,其中包含了项目中的所有文件、历史记录以及关于这些文件和记录的元数据。Git 是一个分布式版本控制系统,它允许开发者在本地存储完整的项目历史记录,从而能够在没有网络连接的情况下进行工作。
Node.js 跨平台的node.js运行环境,使开发者可以搭建服务器端的js应用程序它可以编写服务器端程序;编写数据接口;提供网页资源浏览功能前端工程化:开发集成的所有工具和技术与浏览器环境的区别node.js环境中没有DOM和BOM。
Ajax(2) 传图片文件不能像传文字一样用JSON格式,可以用form-data类型携带文件1.获取图片文件对象2.使用FormData(浏览器内置的构造函数)携带图片文件3.提交表单数据到服务器,返回图片网址这里可能用到的事件监听器:change 事件通常用于在 HTML 表单元素的值改变时触发某些操作。最常见的应用场景是 <input>,<textarea>和 <select> 元素。
‘老生常谈’ - 图书管理系统 基于axios从服务器拿到需要数据,进行渲染、封装,新增数据并不是一条一条渲染,而是整体重新渲染;调用删除接口,需要id信息,但不能更改(最好隐藏);收集修改信息,提交给接口。对于该系统新增数据:收集表单数据、提交服务器保存 ->重新获取列表。对于删除数据,事件委托,请求服务器删除数据,重新渲染界面。在软件开发中,增、删、改、查这几个业务非常常见。获取id ->调用删除接口->重新渲染。
JavaScript进阶 (1) js可以通过构造函数进行封装,但存在浪费内存问题每创建新的对象引用数据类型就开辟新的空间构造函数通过原型分配函数是所有对象所共享的每一个构造函数都有一个prototype属性,指向另一个对象,也称为原型对象js封装后可以面向对象编程例如写一个数组扩展函数每个原型对象里都有constructor属性该属性指向原型对象的构造函数,添加公共属性时:1.如果是追加不会丢失constructor(知道爸爸是谁)2.如果直接不难理解,constructor会丢失。
ecmascript 6+(2) arr.reduce(functoin(pre(起始值或元素第一个值,循环后为返回值),current(后一元素)){拷贝对象Object.assign(要被追加的对象,对象)filter:过滤数组(返回新数组,筛选满足条件的数组元素)Object.keys(对象) 返回数组,内容为属性名。Object.values(对象) 返回数组,内容为值。包装类型:(底层数据类型会将简单数据类型包装为对象)forEach : 遍历数组(不返回数组)map:迭代数组(返回被处理的数组)对数组的元素循环操作。
WEB APIs (5) 其为js操作浏览器提供了方法window对象是一个全局变量,是BOM树根节点BOM的属性和方法都是window的,如document、console.log()等var定义在全局全局作用域中的变量、函数都会变成window对象属性和方法。
ecmascript 6+(1) 内存分配(声明变量、函数、对象时自动分配)-内存使用(读写内存,即使用函数等)-内存回收(自动回收不再使用的内存)函数执行时,优先当前函数作用域变量;...为语法符号,在形参最后,arr是含有剩余参数的数组(在函数参数中使用)把所有var声明的变量提升到当前作用域最前面,只提升声明,不提升赋值。符号为 ...,和剩余参数语法符号相同,用于展开数组,获得所有元素。调用每个元素,传递给回调函数(与map不同,不返回新数组)子作用域能访问父作用域,父作用域不能访问子作用域。嵌套关系的作用域嵌套形成作用域链。
正则表达式 用于匹配字符串中字符组合的模式。在js中,正则表达式也是对象。日期格式:^\d{4}-\d{1,2}-\d{1,2}[a-zA-Z]匹配大小写英文字母其中任何一个。[^a-z]匹配小写英文字母以外任何单个字符。g,匹配所有满足正则表达式的结果。匹配成功返回数组,否则null。i,正则匹配时字母不区别大小写。.除换行符外的任何单个字符。[abc]匹配abc中一个。test()检测是否匹配。输入框的输入限制等。量词(表示重复次数)
DOM(文档对象模型) 仅获得所有元素节点(只选亲儿子,只不过把儿子里的内容也获取了)获得所有子节点,包括文本节点(空格、换行)、注释节点等。传入布尔值为true,克隆会包含后代节点一起克隆(深克隆)属性节点:所有属性如href、id、class等。flash(默认),不会包含后代节点(浅克隆)父元素.removeChild(要删除的元素)复制原有节点,把复制节点放到指定元素内部即。移动端独特的地方:touch(触摸事件)把创建的新的节点放入到指定元素内部。2.插入到父元素中某个子元素的前面。1.插入到父元素的最后一个子元素。
WEB APIs (4) toLocaleString()、toLocaleDateString()、toLocaleTimeString()也可以显示粗略时间。1970年01月1日0时0分0秒其到现在毫秒数,计量时间的方式。将来的时间戳-现在的时间戳=剩余时间戳。代码中出现new关键字,创建时间对象。应用定时器可以实时显示时间。使用场景:倒计时效果。
WEB APIs (3) 事件对象有事件触发时的相关信息,如点击事件中事件对象储存了鼠标点在哪个位置的信息场景:用户按下了哪个键,按下回车键可以发布新闻鼠标点击了哪个元素,从而做哪些操作参数e为事件对象。