- 博客(30)
- 收藏
- 关注
RSS订阅原创 Vue基础笔记 Vuex
Vuex是vue项目中实现大范围数据共享的技术方案能够方便、高效地实现组件内数据共享存储的数据都是响应式的使用步骤：下载依赖包。yarn add vuex导入 Vuex 模块Vue.use(Vuex)创建 store 实例对象。const store = new Vuex.Store({ })挂载到 Vue 身上。new Vue ({ store })1.state对象存储全局共享的数据在 main.js 中定义 state 数据。const store = new
2021-12-20 15:42:19
105
原创 Vue基础笔记 路由
1.路由路由：路径和组件的映射关系目标：实现单页面应用（SPA）单页面应用：所有功能在一个HTML页面上实现前端路由作用：实现业务场景切换优点：整体不刷新页面，用户体验更好。数据传递容易，开发效率高缺点：首次加载会比较慢使用路由：下载路由。yarn add vue-router在main.js中引入VueRouter函数使用 Vue.use 将构造函数 VueRouter 加载到 Vue 上。这一步 VueRouter 注册了 两个全局组件 RouterLink 和 RouterVi
2021-12-20 15:02:11
118
原创 Webpack笔记 相关知识
1.Webpack概念及使用webpack概念：现代 javascript 应用程序的静态模块打包器 (module bundler)可以分析、压缩、打包代码好处：减少文件数量，缩减代码体积安装依赖包：yarn add webpack@5.31.2 webpack-cli@4.6.0 -D在package.json中, 配置scripts(自定义命令)scripts: { "build": "webpack"}运行打包命令：yarn build2.Webpack配置修改修改
2021-12-15 21:38:59
341
原创 vue基础笔记 组件插槽、$refs、$nextTick
1.插槽1.1组件插槽作用：让组件内的标签能动态传入。给组件插入什么标签，组件就显示什么标签。没传就用默认内容，传了就会替换使用方法：子组件内用slot标签占位使用组件时pannel标签夹着的地方，传入标签替换slot。（pannel是子组件名）如果外面不给传，就在slot标签内传入默认内容1.2具名插槽一个组件内有两处以上需要外部传入标签的地方使用方法：子组件内给slot标签设置name属性区分名字父组件内template配合v-slotv-slot可以简写为 #
2021-12-15 21:14:47
809
原创 Vue基础笔记 生命周期及axios库
Vue生命周期vue生命周期：从创建到销毁的整个过程就是Vue实例的生命周期1.Vue钩子函数vue钩子函数：Vue 框架内置函数，随着组件的生命周期阶段，自动执行。有4大阶段8个方法。钩子函数定义在组件对象的根节点，和 data 同级1.1初始化阶段beforeCreate，钩子函数被执行，此时无法访问 data 中的数据created，实例创建，可以访问 data 中的数据，不能获取真实DOM。常用，发送 AJAX 请求1.2挂载阶段beforeMount，挂载前执行，
2021-12-14 17:00:46
624
原创 Vue基础笔记 脚手架、指令、语法
Vue简介Vue，渐进式jsvasript框架，一套拥有自己规则的语法渐进式: 逐渐进步, 想用什么就用什么, 不必全都使用库: 封装的属性或方法 (例jquery.js)框架: 拥有自己的规则和元素, 比库强大的多 (例vue.js)脚手架脚手架，一套固定标准的，文件夹+文件+webpack配置好处：开箱即用，0配置webpack，babel支持，css, less支持，开发服务器支持使用，需要下载，yarn global add @vue/cli脚手架创建项目创建项目：v
2021-12-13 22:03:58
343
原创 Vue基础笔记 组件
1.组件组件：组件是可复用的Vue 实例, 封装标签, 样式和JS代码组件化：封装的思想，把页面上 可重用的部分封装为组件，从而方便项目的开发和维护好处：各自独立，互不影响1.1组件的使用创建组件注册组件：全局注册，写在 **main.js **中，必须放在 new Vue（）前面局部注册，写在某Vue文件中使用组件，<组件名></组件名>1.2组件_scoped作用目标：解决多个组件样式名相同, 冲突问题在组件的 style 标签后加上s
2021-12-12 21:10:17
463
原创 Node.js学习笔记 day05、day06
1.接收客户端数据的语法1.1GET方式1.1.1客户端请求：/api/xx?id=1接口写法：app.get(‘api/xx’,(req,res) => { })接口参数：req.body1.1.2客户端请求：/api/xx/1接口写法：app.get(’/api/xx/:id’)接口参数：req.params1.2POST方式1.2.1客户端：content-type:application/x-www-form-urlencoded中间件：app.use(
2021-12-06 21:13:17
80
原创 Node.js学习笔记 day03、day04
jsonwebtokenjsonwebtoken模块，用于生成token字符串需要下载，npm i jsonwebtoken@8.5.1使用：const jwt = require("jsonwebtoken");const token = "Bearer " + jwt.sign( {id: },//向token中存储的对象 ' ',//加密字符串 {expiresIn:' '}//加密有效期)；nodemon模块在终端用nodemon代替node执行代码在书写代码时
2021-12-04 14:33:54
625
原创 Node.js笔记02 相关第三方模块
1.MySQL数据库数据库：用来组织、存储和管理数据的仓库常见的数据库及分类MySQL 数据库(目前使用最广泛、流行度最高的的开源免费数据库)Oracle 数据库(收费)SQL Server 数据库(收费)Mongodb 数据库(Community + Enterprise)MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，目前属于 Oracle 旗下产品数据表的结构和excel一模一样1.1Navicat使用必要条件：必须启动MySQL服务打开 Na
2021-12-01 20:06:19
68
原创 Node.js笔记01 Node基础及三大模块
初识Node.js1.浏览器中的JavaScript浏览器中JavaScript的组成部分：ECMAScript、WebAPIJavaScript通过解析引擎进行运行2.Node.js简介Node.js为JavaScript代码的正常运行，提供了必要的环境在powershell、vscode、git中都可以执行js文件3.Node.js操作**node -v **，查看是否安装及版本号Tab键可以补齐文件名或文件路径clear清空屏幕代码上下键可以调出历史命令ctrl +
2021-11-29 20:13:58
318
原创 JavaScript高级笔记05 ES6相关语法
ES6中新增的语法与方法ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范ES6解决了之前的一些问题，使语法更加严谨1.LETlet是ES6中新增的用于声明变量的关键字let声明的变量在在所处的块级有块级作用域，每个{ }中就是一个块级作用域不存在变量提升。如果先输出再声明，则会报错，显示找不到变量暂时性死区，外部声明的变量不会影响存在let的区域。如果在块级作用域外部用var声明一个变量，在块级作用域内，先给变量赋值，再用l
2021-11-27 15:31:58
318
原创 Ajax笔记03 XMLHttpRequest
1.XMLHttpRequest1.1XMLHttpRequest的概念XMLHttpRequest是浏览器内置的一个构造函数。所以使用的时候需要 new作用：基于 new 出来的 XMLHttpRequest 实例对象，可以发起 Ajax 的请求axios 中的 axios.get()、axios.post()、axios() 方法，都是基于 XMLHttpRequest（简称：XHR） 封装的1.2XMLHttpRequest的实现步骤创建xhr对象。** let xhr = new
2021-11-21 21:35:46
108
原创 JavaScript高级笔记04 正则表达式
正则表达式用于匹配字符串中的字符组合1.创建正则表达式正则表达式是一个对象利用RegExp对象创建var regexp = new RegExp(/123/)利用字面量创建var regexp = / /检测输入文本是否符合正则表达式regexpObj.test(str) ；正则表达式名字.test(输入的文本)2.相关符号元字符2.1首尾元字符边界符^ ，以谁开始$ ，以谁结束^ $ ，只能是里面的内容2.2基本元字符字符类
2021-11-20 16:35:29
168
原创 JavaScript高级笔记03 闭包、递归
1.函数的定义及调用自定义函数（命名函数），this => windowfunction fn(){};fn();fn.call();函数表达式（匿名函数），var fn = function(){};fn();利用new Functionvar fn = new Function(‘a’,‘b’,‘console.log(a+b)’);fn(1,2)对象的方法，this => 对象ovar o = {say:function(){}};o.say();构造函数，t
2021-11-20 15:54:42
734
原创 Ajax笔记02 axios请求及拦截器
1.Ajax提交表单数据的用法表单的组成部分：表单标签（form）、表单域（input、texyarea、select）、表单按钮（submit、reset）表单的作用是收集数据阻止表单默认提交事件：e.preventDefault()jQuery中的serialize()：获取到的form表单数据类型为a=1&b=2&c=3，可以发送给data使用2.axios请求方法简写axios的get请求，简写：无参类型：axios.get(‘地址’).then(res =&g
2021-11-20 10:43:54
329
原创 Ajax笔记01 Ajax基础
1.客户端与服务器1.1客户端和服务器客户端：在前端开发中，客户端特指“Web浏览器”。只要可以访问服务器的一段都属于客户端服务器：服务器是提供服务的设备。在上网过程中，服务器专门负责存放资源和对外提供服务客户端与服务器之前的通信过程是基于请求和响应的1.2URLURL地址的主要组成部分：协议、主机名、端口号、路径协议：协议是用来规范网络通讯中数据的格式。常见: http 和 https域名：电脑主机网络中存放的位置，主机地址的唯一标识。域名就是 给 IP 地址起个名字，方便记忆端口
2021-11-18 20:18:53
319
原创 JavaScript高级笔记02 原型及原型链
1.成员构造函数中的属性和方法我们称为成员，成员可以添加实例成员：构造函数内部通过this添加的成员。只能通过实例化的对象访问。静态成员：在构造函数本身上添加的成员。只能通过构造函数访问2.原型及原型链2.1构造函数原型prototype ，函数名.prototype.方法每一个构造函数都有一个原型对象一般情况下，我们的公共属性定义到构造函数里面，公共方法放到原型对象身上优点：节省内存，共享方法值是一个地址，指向一个空间2.2对象原型_ _ proto_ _ ，任何对象都有
2021-11-17 21:26:44
331
原创 JavaScipt高级笔记01 面向对象编程
1.面向对象面向过程编程POP，按照分析的步骤解决问题面向对象编程OOP，以对象为功能中心特性：封装性，继承性，多态性1.1类ES6中新增加了类的概念，可以使用关键字class声明一个类创建类：//步骤1 使用class关键字class name { // class body} //步骤2使用定义的类创建实例 注意new关键字var xx = new name(); 添加属性和方法共有属性放在constructor里面，所有的函数都不需要funct
2021-11-17 20:17:58
47
原创 Web API笔记05、06、07 js一些常见方法
1.offset系列offset，偏移量，只能获取不能更改offsetTop，返回元素距离具有定位的父元素的上方的偏移（Y轴大小），如果没有，就是到body的距离offsetLeft，返回元素距离具有定位的父元素的左边框的偏移（Y轴大小），如果没有，就是到body的距离offsetWidth，返回元素自身宽度，包含padding、边框、内容区offsetHeight，返回元素自身高度，包含padding、边框、内容区offsetParent，返回带有定位的父元素，如果没有，则返回body
2021-11-05 20:25:15
128
原创 Web API笔记04 BOM元素相关
1.BOMBOM：Browser Object Model，浏览器对象模型BOM研究的是浏览器的每一个页面window，书写时可以省略window对象是浏览器的顶级对象，它是js访问浏览器窗口的一个接口；它是一个全局变量，定义在全局作用域中的变量、函数都会变成window对象的属性和方法1.1常见事件onload ，窗口（页面）加载事件，当文档内容完全家在完成后会触发该事件，可以把js写在任何位置DOMContentLoaded ，DOM加载完毕，不包括图片、flash、css等就可以执行
2021-11-03 21:25:17
52
原创 Web API笔记03 DOM事件流
1.事件监听1.1事件监听注册事件事件源.addEventListener（(事件类型,事件处理函数,[事件流])事件类型是字符串，必定加引号，而且不带on同一个元素、同一个事件可以添加多个监听器（事件处理程序）1.2事件监听删除事件事件源.removeEventListener(事件类型,事件处理函数,[事件流])删除时函数要命名，事件处理函数写函数名arguments.callee表示函数地址2.DOM事件的流向，事件触发的顺序捕获阶段、当前目标阶段、冒泡阶段js代码中
2021-11-03 18:46:05
49
原创 Web API笔记02 元素节点相关
1.排他思想只有自己改变，其他同类不变代码说明： //任意点击一个按钮，颜色发生变化，其他不变 //1、获取所有按钮 var btns = document.getElementsByTagName('button'); for (var i = 0; i < btns.length; i++) {//这个循环是为了绑定事件，并不是双重循环 btns[i].onclick = function () {
2021-10-23 15:28:53
65
原创 Web API笔记01 DOM元素基础使用
1.概述API：application programming interface（应用程序接口）Web API：浏览器给我们提供了一些函数，帮助我们开发DOM：document Object Model（文档对象模型）2.获取元素2.1根据id找元素document.getElementById（） var div = document.getElementById('div'); console.log(div); //div元素对象 conso
2021-10-23 10:49:38
56
原创 JavaScript基础笔记06 一些内置对象
内置对象内置对象：浏览器内核自带的一些帮助程序员快速开发的对象，这些对象中有一个方法常用对象：Math数学对象 Date时间对象 String字符串对象 数组对象1.Math对象
2021-10-22 20:23:42
68
原创 JavaScript基础笔记05 函数及对象
1.Arguments在不确定有多少个参数传递的时候，用arguments来获取在任意一个函数内部，都有一个看不见的 arguments，arguments展示形式是一个伪数组arguments的内部的元素就是函数的实参列表伪数组并不是真正意义上的数组，它具有数组的length属性，能够按照索引的方式进行存储，有索引号，它没有真正数组的一些方法案例： //3、利用函数对数组进行排序 function sort(arr){ for(var i = 0;
2021-10-22 19:22:40
77
原创 JavaScript基础笔记04 数组及函数
1.数组1.1数组的意义及创建数组：一组数据的集合，将一组数据存储在单个变量创建方式 //1、利用new创建数组 var arr = new Array(); //2、利用数组字面量创建数组 var arr = [];//常见用法 var arr1 = [1,2,'啦啦啦',true];//数组中的数据一定要用逗号分隔开 //3、数组里面的数据，我们称为元素，数组里的元素可以是任意类型1.2访问数组元素数组
2021-10-17 20:54:49
57
原创 JavaScript基础笔记03 循环相关
循环1.循环的目的循环的最终目的是将一段代码重复的执行多次实现用循环这种语法来将代码执行多次，避免大量篇幅的重复代码2.for循环2.1 概念for循环，重复执行某些代码，通常跟计数有关系2.2 语法结构 for(初始化变量；条件表达式；操作表达式){ 循环体 }初始化变量，就是用var声明的一个普通变量，通常用于计数器使用条件表达式，就是用来决定每一次循环是否继续执行，就是终止的条件操作表达式，是每次循环最后执行的代码，经常用于我
2021-10-14 18:58:50
113
原创 Java Script基础笔记02 运算符及分支
1.运算符1.1算术运算符加、减、乘、除、取余%，取模（取余数），余数是0，表示能够被整除两个浮点数无法直接判断是否相等1.2递增递减运算符前置递增递减运算符。++变量，表示先自增加1，再返回值；后置递增递减运算符。变量++，表示先返回原值，再自增加1；练习 var i = 10; var b = ++i; console.log(i);//输出11 console.lopg(b);//输出11 var i = 10; var b = i++; cons
2021-10-11 19:35:07
127
原创 Java Script基础笔记01 初识js
Java Script1.初识js1.1 js是什么？js语言的特点是什么？js能做什么事情？js是一种运行在客户端的脚本语言js语言不需要编译，由js解释器（js引擎）进行逐句解释js最初用来做表单校验，现在只要是客户看到的东西，js都能做处理1.2 js的组成js由ECMA Script，DOM，BOM这三个部分组成1.3 js的书写位置内嵌式，写在的形式引入行内式，写在标签内容里，不推荐使用####1.4 js的注释方法单行注释，//注释内容 ，快捷键 ‘ctrl+.
2021-10-11 17:11:10
102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人