var 与 let/constvar {代码...} let、const {代码...} let、const 弥补 var 的缺陷，用于取代 var解构赋值针对数据类型：数组 与 对象作用：编写代码更加精简 {代码...} 变量重名的解决方案（数组没有变量重名问题） {代码...} 默认值 {代码...} 注意：ES6 内部使用严格相等运算符（===），判断一个位置是否有值。所以，...

介绍axios是功能单一的ajax封装库axios是基于Promise的同时支持Node与浏览器轻量级更适合现代前端单页应用开发接口规范遵循Restful API规范，规范包含以下内容Http协议 {代码...} 版本 {代码...} 例如：www.xxx.com/api/v1/user/1api.xxx.com/v1/user/1 {代码...} 200 —— 成功304 —— 跳转400 —— 客户端错误403 —— 500 ——...

介绍NPM是基于node.js开发的软件NPM是node.js默认包管理工具，现代前端开发必备检测 NPM 是否安装成功 {代码...} NPM 镜像由于 NPM默认镜像 是在国外，所以下载速度很慢很不稳定，所以需要切换回国内的镜像（国内最出名的镜像是阿里的）查看NPM当前镜像 {代码...} 设置镜像 {代码...} [推荐] nrm镜像管理工具 {代码...} ...

使用前的准备本地Git安装Git软件完成后，必须配置git使用者 姓名 和 邮箱，用于提交远程仓库时，如果别人发现BUG可以有渠道联系对应代码作者来修复 {代码...} 远程GitGit主要用于 高效多人协助开发 ，那必须要有远程git仓库，可以自己搭（gitlab）,也可以使用别人搭的（github/gitee）HTTPS与SSH的区别每次克隆远程仓库...

在网页中会引用哪些静态资源JS文件.js .jsx .coffee .ts {代码...} CSS文件.css .less .sass(已废弃) .scss {代码...} 图片文件.png .jpg .jpeg .bmp .svg .gif字体图标文件.ttf .svg .eot .woff .woff2模板文件.ejs .jade（太别扭） .vue【在webpack中定义组件的方式，推荐这样用】npm 全局安装与局部安装之间区别全局...

完整URL[链接]:80/MzyPractice/chapter10/testb.php?name=Mei&radio=Test#dowel {代码...} 前端路由1、是什么前端路由是相对后端路由的一个概念，是开发SPA单页应用程序的必备核心模块。本质：路由地址与组件之间映射2、好处用户体验更好性能更优3、实现原理基于Url的hash基于html5的历史模式apihash：页面不刷新、...

出现原因vuex出现之前，共享数据的难题： {代码...} vuex出现之后 {代码...} 好处集中管理（共享）数据，易于开发和维护高效地实现组件之间的数据共享，提高开发效率存储在vuex中的数据是响应式的，数据改变，使用到的地方会自动实时更新基本使用第一步：安装依赖包 {代码...} 第二步：导入 {代码...} 第三步：创建store...

主要都是因为安装组件时，组件给Vue添加全局功能，所以必须写在new Vue() 之前，否则创建的Vue实例无法获取插件添加的Vue全局功能

样式动态修改（两种方式） 通过修改class属性 通过修改style属性 通过class属性 通过修改class属性的类名来更改样式 对象写法 {代码...} 数组写法 {代码...} 注意事项 {代码...}

数据绑定DOM内容绑定插值表达式 {代码...} v-text {代码...} v-html {代码...} DOM属性绑定v-bind {代码...} 事件绑定v-on {代码...} 样式绑定2种样式绑定方式 {代码...} 通过class绑定样式通过修改class属性的类名来更改样式对象写法 {代码...} 数组写法 {代码...} 注意事项 {代码...} 通过style绑定样式双向绑定v-mode...

JS中，this究竟指向什么永远指向对象只会在两种作用域中才有this全局 {代码...} 函数域(function定义的函数，非箭头函数) {代码...} 注意：js中没有对象this，如果对象中，非函数类型属性使用this时，指向的都是外层this {代码...} JS中，this在哪些位置出现全局 {代码...} 函数 {代码...} {代码...} 普通函数与箭头函数...

创建 package.json {代码...} package-lock.json {代码...} 作用 package.json （必须上传git管理） {代码...} package-lock.json {代码...} 注意事项 如果你查看当前项目某个依赖包的版本时，请在package-lock.json里看，千万不要到package.json上看，因为package.json上的版本是个初始化的版本（只是限定大版本号等） ...

对象的种类 JS内置对象（Date/String/Array等） 宿主环境对象（window） 自己创建的对象 对象的创建方式 字面量方式 (只需要一个对象时使用) {代码...} new方式 （需要多个相同结构的对象或有继承运用到时使用） {代码...} 字面量方式与new方式其实是一样的，都是通过Object()构造函数创建 Object.create()方式 对象属性...

作用域分类 全局作用域 函数作用域 块作用域（ES6新增的） 注意：作用域在JS里也叫“词法环境”词法环境分为2种：一种是创建时的词法环境，另一种是执行时的词法环境 作用域链 由于执行时的词法环境里面有个outer变量总指向创建时的词法环境，所以会使作用域产生一条链式 1、全局创建时 ---> 生成全局创建时的词法环境...

问题 在其他编程语言中，都规定必须先声明再使用，例如： {代码...} 但在JS中，我们发现，如下： {代码...} 为什么可以 先使用后声明 呢？ {代码...} 分类 JS解析与执行过程分成2部分 {代码...} 全局 全局JS代码执行分为2个阶段 （JS一开始就执行以下2个阶段） {代码...} 预处理主要处理以下2种代码 {代码...} {代码...}...

面向对象语言中，要先定义类才能创建对象JS中，无须定义原型就可以直接创建对象例子：对象原型 -- Object.prototype数组原型 -- Array.prototype方法原型 -- Function.prototype

优点：1、书写简单2、只支持遍历数组缺点：1、性能没有for高2、不支持break中断，continue跳过（跳过可以使用另外一种方式实现）

1、对html标签进行渲染2、不执行<script></script>中的代码3、安全性不如上面2种高，标签中的js代码执行，如下

CSS 书写语法 内部与外部样式 {代码...} 内联样式 {代码...} CSS 基础选择器 ID选择器 {代码...} class选择器 {代码...} 元素选择器 {代码...} 以上三种基本选择器可以拼接在一起，匹配更准确 例如：div.cls{ }选择器的作用：匹配HTML元素 CSS 高级选择器 组合选择器 {代码...} 通配符选择器 {代码...} 后代选择器 {代码...

JS表达式 函数（方法）调用表达式 {代码...} 属性调用表达式 {代码...} 变量（常量）调用表达式 {代码...} 字面量表达式 {代码...} 算术表达式 {代码...} 三目表达式 {代码...} 模板语法 插值 {代码...} 插值 与 v-text 区别两者都是在标签内容处插入内容，但v-text是全量插入，而插值更灵活，除了全量插入，还可以使用...

声明 三大关键字 {代码...} var 声明变量 特性1、支持 函数作用域2、支持 JS预解析 （所谓变量提升）3、支持 重复声明 （同域同名变量） {代码...} let 声明变量 （推荐） 特性1、支持 块作用域2、不支持 JS预解析3、不支持 重复声明 （同域同名变量） {代码...} const 声明常量 从ES6开始引入常量概念特性1、let所有特...

JavaScript 和 XML 结合的一种语法，最终通过 转化工具 将 JSX 转化成 JS推荐在 React 中使用 JSX 来描述用户界面，JSX既不是字符串也不是HTML，而是XML与JS的混合体

webpack默认只支持js的模块化（CommonJS/ES6/AMD），如果需要把其他文件（css/图片等）也当成模块引入，就需要相对应的loader解析器

前端模块化 主要解决的问题 {代码...} 前端模块化规范 {代码...} Nodejs使用的模块化开发规范就是CommonJS前端使用的模块化开发规范就是ES6 前端模块化 CommonJS 应用场景 {代码...} 导出 {代码...} 导入 {代码...} 导入模块-加载机制 {代码...} 开发环境搭建（3m安装法） nvm (推荐) {代码...} 安装完 nodejs 之后，npm...

什么是流？流有什么特点？ 所谓流 就是数据流，传输数据的通道 特点 {代码...} 输入输出设备有哪些？ 输入 {代码...} 输出 {代码...} 注意事项 {代码...} File类 操作 文件 与 文件夹 的类 判断文件还是目录 {代码...} 判断是否存在 {代码...} 创建文件或目录 {代码...} 列表项目 输入流 字节输入流InputStream FileInpu...

人生苦短，我用 python 安装 {代码...} 基本数据类型 python 相比其他语言，简化数据类型 数字 （整型int 浮点型float） 布尔 （只有2个值：True/False） 字符串 列表 （list） 元组 （tuple） 集合 （set） 数字 加、减、乘、除 {代码...} 进制 —— 表示与转换 {代码...} 复数 {代码...} 布尔 布尔类型其实归类到数字类...

Java 导入 Java 导出 上传 前提 {代码...} 准备上传页面 {代码...} {代码...} 上传处理类 servlet {代码...} 解析 Excel 生成 Excel 下载

JDBC由来与描述 没有JDBC前 {代码...} 有了JDBC后 {代码...} JDBC描述 {代码...} JDBC常用四大API DriverManager {代码...} Connection {代码...} Statement {代码...} ResultSet {代码...} JDBC资源释放 释放原则：晚创建，早释放；资源稀有，不释放很快会阻塞 {代码...} JDBC CURD操作 增加 {代码...} 更新 {代码...} ...

单线程 什么是单线程？ Javascript语言的执行环境是"单线程"（single thread） {代码...} 单线程的好处与产生的问题 {代码...} 单线程解决方案 为了单线程（JS引擎线程）不卡死，所以出现“异步 ”这个解决方案 异步 前端中有哪些操作属于异步操作？ {代码...} 异步编程处理方式 {代码...} 回调函数 最早出现的处理异步编...

API 是什么？应用程序编程接口，就是JDK提供的类 （供开发者使用 或 继承实现再使用），只需要学习如何使用这些类API文档 是什么？就是 类的说明文档，对 JDK提供的类 进行说明