- 博客(19)
- 收藏
- 关注
原创 vue路由介绍
Vue Router 是Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向,就是我在页面上点击一个按钮需要跳转到对应的页面,这就是路由跳转; 首先我们来学习三个单词(route,routes,router): route:首先它是个单数,译为路由,即我们可以理解为单个路由或者某一个路由; routes:它是个复数,表示多个的集合才能为复数;即我们可以理解为多个路由的集合,JS中表示多种不同状态的集合的形式只有数组和对
2022-09-25 17:20:44
334
原创 vue常用的指令
目录 Vue概念 同类产品 官网 特点 渐进式框架 入门案例.html 改造入门案例.html MVVM框架 基础语法 运算符 operator 方法 methods Vue解析数据 三种data值的写法 高级用法:v-命令 指令集 双向绑定 v-model 闪现 v-cloak 判断 v-if v-else-if 循环 v-for 事件 v-on 绑定 v-bind v-html v-text 小结 Vue组件 概述 使用 测试 Vue的Ajax
2022-09-14 13:32:40
285
原创 jwt...
认识JWT 什么是JWT? JWT全称是JSON Web Token是一个开放标准(RFC 7519),目前最流行的跨域身份验证解决方案。 它定义了一种经过加密的格式,放在json对象在请求中传递,用于验证请求是否被允许访问。 1 2 3 JWT的原理 服务器经过认证以后,会生成加密串返回前台,结构如下图: JSON Web Token由三部分组成,它们之间用.连接。 * Header 头部 * Payload 负载 * Signature 签名 1 2 3 4 5 Header Header 部分用
2022-08-29 22:26:37
187
原创 webpack
一、什么是Webpack Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。 二、Webpack安装 1、全局安装 npm install -g webpack webpack-cli 1 2、安装后查看版本号 webpack -v 1 三、初始化项目 1、创建webpack文件夹 进入webpack目录,
2022-08-23 18:58:30
171
原创 promise
ES6模块化规范中的定义 每个js都是一个独立的模块 导入其他模块成员使用Import关键字 向外共享模块成员使用export关键字 node -v 查看版本号 npm init -y 快速生成packge.json packge.json中添加 type =module 即可体验es6语法 { "type": "module", "name": "es6", "version": "1.0.0", "description": "", "main": "index.js"...
2022-08-18 11:10:21
417
原创 mysql
1.SQL的概述 Structure Query Language(结构化查询语言)简称SQL,它被美国国家标准局(ANSI)确定为关系型数据库语言的美国标准,后被国际化标准组织(ISO)采纳为关系数据库语言的国际标准。数据库管理系统可以通过SQL管理数据库;定义和操作数据,维护数据的完整性和安全性。 2.SQL的优点 1、简单易学,具有很强的操作性 2、绝大多数重要的数据库管理系统均支持SQL 3、高度非过程化;用SQL操作数据库时大部分的工作由DBMS自动完成 3.SQL的分类 1、DDL(Data
2022-08-16 20:45:47
70
原创 路由的使用及概念
路由的理解和使用 路由:就是根据不同的url地址来展示不同的页面或者内容。路由的作用就是展示不同的页面或者内容的。 ①传统的后端路由展示 就是浏览器发起请求,后台拦截转发到controller控制器之后,在根据url或者其他方式返回到真实的html或Jsp页面。此时后台内是存在许多真实的html或jsp页面的。 ②前端路由 就是登录页面跳转到index.html主页面之后,其他内容都是通过前端路由来在index.html页面上配装出来的“虚拟页面”,但是最终网站上仅仅保留一个index.html真实页面。
2022-08-12 12:03:23
517
原创 express中间件
Express是一个自身功能极简,完全是有路由和中间件构成的一个web开发框架:本质上说,一个express的应用就是在调用各种中间件。 中间件的功能: 执行任何代码。 修改请求和响应对象。 终结请求-响应循环。 调用堆栈中的下一个中间件。 重点 如果在post,get请求过程中的回调函数没有next()参数,那么就匹配上第一个路由,就不会往下匹配了。如果想往下匹配的话,就需要写next(); Express 常用的中间件介绍 1.应用级别的中间件 app.use(function (req, res,
2022-08-10 23:06:39
100
原创 express框架
Express框架是什么 Express是一个基于Node平台的web应用开发框架,它提供了一系列的强大特性,帮助你创建各种Web应用。 可以使用npm install express命令进行下载。 Express框架特性 提供了方便简洁的路由定义方式 对获取HTTP请求参数进行了简化处理 对模板引擎支持程度高,方便渲染动态HTML页面 提供了中间件机制有效控制HTTP请求 拥有大量第三方中间件对功能进行扩展 ...
2022-08-10 08:37:53
135
原创 express
Express Express 是基于 Node.js 平台,快速、开放、极简的 Web 开发框架 使用 Express,我们可以方便、快速的创建 Web 网站的服务器或 API 接口的服务器。 express的基本使用 安装 npm install express npm i express@最新版本号 创建基本的web服务器 导入express模块 创建web服务器 调用app.listen()函数启动服务器 //1.导入express模块 const express = require('ex
2022-08-08 22:09:39
130
原创 package.json
Package.json文件配置 1、基本字段 2、scripts:指定了运行脚本命令的npm命令行缩写 3.dependencies字段,devDependencies字段: 4.peerDependencies 5.main字段 6.types字段 package.json字面意义上就是一个包的json格式配置文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。 npm install命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。
2022-08-05 18:06:33
349
原创 自定义模块
自定义模块 当需要特定功能的模块时,可以自己自定义,在所有需要该模块功能的地方调用,从而避免重复代码的多次使用 注意:自定义模块的名字要符合python的规则 制作自定义模块步骤 三个基本步骤: 1.定义模块: 新建⼀个Python⽂件,命名为 my_module1.py ,并定义 testA 函数。 def testA(a, b): print(a + b) 1 2 2.测试模块: def testA(a, b): print(a + b) # 只在当前⽂件中调⽤该函数,其他导⼊的⽂件...
2022-08-05 08:37:32
696
原创 前端模块化
JS模块化 前端模块化 具有相同属性和行为的事物的集合。在前端中,将一些属性比较类似和行为比较类似的内容放在同一个js文件里面,把这个js文件称为模块,为了每个js文件只关注与自身有关的事情,让每个js文件各行其职。 模块要有几个特点: 独立、完整、依赖关系 CommonJs 根CommonJs规范,每一个文件就是一个模块,其内部定义的变量是属于这个模块的,不会对外暴露,也就是说不会污染全局变量。 该规范最初是用在服务器端的node的,前端的webpack也是对CommonJS原生支持的。 Common
2022-08-03 20:04:41
134
原创 箭头函数…
ES6标准新增了一种新的函数:Arrow Function(箭头函数)。 基础语法 通常函数的定义方法 var fn1 = function(a, b) { return a + b } function fn2(a, b) { return a + b } 使用ES6箭头函数语法定义函数,将原函数的“function”关键字和函数名都删掉,并使用“=>”连接参数列表和函数体。 var fn1 = (a, b) => { return a + b } (a,...
2022-08-02 09:09:31
57
原创 Git git
前言 发展过程 集中式与分布式的区别 Debian/Linux安装Git 配置git环境:git config --global 创建本地空仓库:git init 新建文件添加到本地仓库:git add、git commit -m 改写提交:git commit --amend 查看历史提交日志:git log 回滚代码仓库:git reset --hard 查看提交之后文件是否做了改动:git status 工作区与缓存区 修改缓存区内容:git add、git commit -m
2022-07-24 18:50:45
72
原创 jquery
jQuery 第一章 初识jQuery 第二章 jQuery的事件和API 第三章 jQuery中的动画 第一章 初识jQuery 一、jQuery简介 1.什么是jQuery? jQuery是一个优秀的JavaScript库,是一个凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档,操作DOM,执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数。其理念:write less,do more. 2.常见的javascript库? ...
2022-07-19 21:35:49
49
转载 JS正则的方法
正则 RegExp:由相关元字符和修饰符组成的一个规则,匹配 验证和捕获(只用来处理字符串) 可以理解为两个斜杠中间包含一些内容就是正则 元字符:/元字符/ 两个斜杠之间包起来的内容 正则:它就是用来处理字符串的一个规则; ●正则匹配: 编写一个规则,验证某个字符串是否符合这个规则,正则匹配使用的是test方法 ●正则捕获: 编写一个规则,在一个字符串中把复合规则的内容都获取到 正则捕获使用的方法 正则的exec方法、字符串中的split、replace、match等方法都支持正则 正则创建 ● 字
2022-07-13 21:14:00
352
原创 数组的方法
(一)使用 Array 构造函数: var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(20); // 创建一个包含20项的数组 var arr3 = new Array(“lily”,“lucy”,“Tom”); // 创建一个包含3个字符串的数组 (二)var 创建数组 var arr4 = []; //创建一个空数组 var arr5 = [20]; // 创建一个包含1项的数组 var arr6 = [“lily”,“lucy”,“Tom”]
2022-07-12 21:44:12
232
原创 JS面向对象
一、介绍 1.编程思想有三种: 面向过程编程POP:分析出问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以。 面向对象编程OOP:把事物分解成一个个对象,然后由对象分工与合作,每一个函数,一定会有一个原型,属性的选择性放在实例化的对象中,函数写在原型上 函数式编程FP:把现实世界 的事物和事物之间的联系抽象到程序里,用来描述数据之间的映射,相同的输入始终要得到相同的输出。 2.优点: 具有灵活性,代码可服用,容易维护和开发 3.面向对象的特性: 封装性(
2022-07-11 23:15:28
196
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人