1270015249-jmy-CSDN博客

原创数据加密

密码加密（crypto）引入cryptocnpm i crypto --save在文件中引入import crypto from 'crypto'使用const md5=crypto.createHash('md5');//转为base64位，将转换完成的数据返回return md5.update(password).digest('base64')打印转换后的密码：...

2020-09-04 21:22:06 146

原创 vue和element-ui实例

登录界面<template> <div class="login_contain fillcontain"> <transition name="el-fade-in"> <section class="form_contianer" v-show="showLogin"> <div class="conctain"> <p>后台管理系统</p&gt

2020-08-31 18:09:10 295

vue结合element-ui的表单验证1.使用此方法前检查prop一定必须要写在上面，写在里面的input上或者其他任何地方都不行（el-form-item prop属性绑定）<el-form-item prop="username"> <el-input v-model="loginForm.username" placeholder="请输入账号"></el-input> </el-form-item

2020-08-28 23:00:42 281

原创 nuxt简介

nuxt简介概念优点：安装运行命令目录结构添加路由关于layouts文件夹下的default.vue概念Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染。SSR服务器SSR在服务端将vue渲染成html返回给浏览器。优点：基于 Vue.js自动代码分层服务端渲染强大的路由功能，支持异步数据静态文件服务ES6/ES7 语法支持打包和压缩 JS 和 CSSHTML头部标签管理本地开发支持热

2020-08-28 00:02:30 563

原创 koa2中cookie和session的使用

koa中cookie和session的使用cookieCookie介绍运行原理koa2中cookie的使用Koa中设置Cookie的值Koa中获取Cookie的值HttpSessionSession技术介绍Session和Cookie的区别Session的工作流程koa-session的使用Koa中Cookie和Session区别cookieCookie介绍cookie是由服务器发送给浏览器一个或多个键值对，键和值都是String类型，可以设置过期时间，如果不设置过期时间，浏览器关闭后就失效。运行原

2020-08-27 23:31:31 895

原创 vue-click的传值、路由配置以及koa2的基本操作

vue-cli组件之间的传值1.父子组件之间的传值1.1父组件向子组件传值在父组件中引入子组件import com from './components/com'export default { data() { return { msg:20 } }, name: 'App', components: { com, },}用v-bind(:)对子组件进行传值<com :age='msg'></com>在

2020-08-26 17:51:51 222

原创 webpack-vue路由嵌套

路由嵌套添加两个子组件login.vue<template> <div> <h1>登录插件</h1> </div></template><script>export default {}</script><style></style>register.vue<template> <div> &lt

2020-08-25 22:44:48 146

原创 vue-cli基本操作

1.vue-cli是什么简单来说就是Vue搭建的架子vue-cli安装全局安装vue-cli使用下面的命令安装vue-cli3npm install -g @vue/cliORyarn global add @vue/cli安装完成，检查vue版本vue -Vvue-cli创建项目创建项目名为my-object的项目vue create my-object创建完成后，进入项目目录，执行以下命令cd my-objectnpm run serve在地址栏输入localh

2020-08-25 22:32:22 161

原创 webpack基本操作及常见问题

Webpack概念Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。图解：从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。Webpack安装使用 cnpm 安装 webpack：cnpm install webpack -g //全局常规项目还是把依赖写入 package.json 包去更人性化：$ cnpm init$ cnpm in

2020-08-24 21:35:32 485

原创 vue路由基本使用以及watch监听数据

路由前端路由和后端路由：后端路由：对于普通的网站，所有的超链接都是url地址，所有url都对应服务器上对应的资源前端路由：对于单页面应用程序来说，主要通过url的hash（#）来实现不同页面的切换，同时hash还有一个特点HTTP请求中不会包含hash相关的内容，所以单页面程序中的页面跳转主要用hash实现在单页面应用程序中这种通过hash来改变页面的方式称作前端路由区别于后端路由路由的使用导入vue-router<script src="https://cdn.staticfile

2020-08-21 22:09:31 622

原创 vue中的过渡动画效果以及自定义组件

vue过渡动画及自定义组件vue过渡以及动画vue的自定义组件vue过渡以及动画1自带类过渡动画<transition></transition>，如果是列表即用v-for则用<transitiongroup></transitiongroup>两个大阶段：v-enter-active和v-leave-active，进入阶段分为v-enter进入前，v-enter-to进入后。离开阶段分为v-leave离开前，v-leave-to离开后。代码举

2020-08-20 22:59:10 938

原创 Vue中使用v-for列表循环Key的作用

当Vue用 v-for 正在更新已渲染过的元素列表是，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue将不是移动DOM元素来匹配数据项的改变，而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。为了给Vue一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key 属性。key属性的类型只能为 string或者number类型。作用：可以高效渲染虚拟DOM树使用V-for更新已渲染的元素列表时，默认采取的方法是就地更新举例：当我们

2020-08-19 22:42:48 1027

原创 vue的过滤器、自定义指令以及生命周期

vue过滤器、自定义指令以及生命周期vue过滤器自定义指令生命周期vue过滤器一、什么是过滤器？用来格式化数据的一个函数vue 1.x 版本借鉴了 angular , 提供 10 个过滤器，包括有：日期小数点位数保留货币大小写等Vue 2.x 废弃了这 10个过滤器，但是它提供了自定义过滤器的方式二、使用方式全局定义过滤器语法：Vue.filter(‘过滤器名字’,function(value){ value==谁调用fil过滤器指向谁 return

2020-08-19 21:51:51 214

原创 vue简介、基础操作及实例

vue是什么为什么要用vuevue是一款友好的、多用途的且高性能的js框架，它可以帮你创建可维护性和可测试性更强的代码库。1.易用：学习曲线平缓，api简洁，容易上手。学习过程较react来说比较容易，不那么痛苦2.灵活：如果你已经有一个现成的服务端框架，你可以将vue作为其中的一部分嵌入，带来更加丰富的交互系统，或者你希望将更多业务逻辑放到前端来实现，那么vue的核心库及其生态系统也可以满足你的各式需求，vue允许你将网页分割成可复用的组件，每个组件都可以包含自身的html,css,js文件

2020-08-18 22:40:27 310

原创 git的基本操作及远程操作

1.Git简介Git是目前世界上最先进的分布式版本控制系统，在处理各种项目时都十分高效，而且非常的高大上。SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。而且集中式版本控制系统是必须联网才能工作。Git是分布式版本控制系统，它就没有中央服务器的，每个人的电脑就是一个完整的版本库，这样，工作的时候就不需要联网了，因为版本都是在自己的电脑上。2.Git的优势大部

2020-08-17 12:13:33 181

原创前后台分离实现图书管理系统

加载首页前端：使用jquery添加页面初始化请求，调用ajax，向后台发送加载数据请求，不需要传递数据后台：通过前端传递的初始化url地址，向数据库发送请求，语句为select语句，请求完成时，将请求到的数据以json的形式返回给前端前端：将返回的数据对页面进行渲染，页面加载完成增加书籍信息前端：给增加书籍的按钮添加点击事件，弹出添加书籍信息的文本框，给提交按钮添加点击事件，调用ajax方法，将获取的文本框数据传递给后台后台：接收前端传递的数据，对数据进行判断，由于数据库具有id自增的

2020-08-15 00:04:04 437

原创 MYSQL基础操作

什么是数据库？数据库（Database）是按照数据结构来组织、存储和管理数据的仓库。每个数据库都有一个或多个不同的 API 用于创建，访问，管理，搜索和复制所保存的数据。我们也可以将数据存储在文件中，但是在文件中读写数据速度相对较慢。所以，现在我们使用关系型数据库管理系统（RDBMS）来存储和管理大数据量。所谓的关系型数据库，是建立在关系模型基础上的数据库，借助于集合代数等数学概念和方法来处理数据库中的数据。RDBMS 即关系数据库管理系统(Relational Database Manageme

2020-08-13 22:45:14 781

原创 express next()函数及body-parser解析

Next的作用我们在定义express中间件函数的时候都会将第三个参数定义为next，这个next就是我们今天的主角，next函数主要负责将控制权交给下一个中间件，如果当前中间件没有终结请求，并且next没有被调用，那么请求将被挂起，后边定义的中间件将得不到被执行的机会。何时使用Next()从上边的描述我们已经知道，next函数主要是用来确保所有注册的中间件被一个接一个的执行，那么我们就应该在所有的中间件中调用next函数，但有一个特例，如果我们定义的中间件终结了本次请求，那就不应该再调

2020-08-11 23:40:57 405

原创 express基础知识

ExpressExpress简介Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性：实现路由的功能–路由分发，在使用express框架之前，需要使用大量的判断实现路由分发的功能中间件的功能，将需要写在服务中的方法和程序进行封装对req和res对象进行了扩展可以继承其他模板的引擎Express基础知识1.创建

2020-08-10 18:20:26 576

原创 nodejs实践项目之成绩查询

1.新建一个view目录，在下面创建搜索成绩和查询成绩的页面：index.tpl:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>&

2020-08-09 20:28:33 210

原创关于nodejs的基础知识点

NodeJs 的fs模块fs是filesystem的缩写，该模块提供本地文件的读写能力，基本上是POSIX文件操作命令的简单包装readFile()，readFileSync()readFile方法用于异步读取数据fs.readFile('./image.png', function (err, buffer) { if (err) throw err; process(buffer);});readFile方法的第一个参数是文件的路径，可以是绝对路径，也可以是相对路径。注意，如果是相

2020-08-09 20:04:35 403

原创关于es6的基础知识

ES6简介1.什么是ES6？ES6，全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。2.为什么要使用ES6？因为JavaScript本身存在的缺陷，如：（1）变量提升特性增加了程序运行时的不可预测性。（2）语法过于松

2020-08-07 22:40:25 184

原创关于nodejs的基础知识

1.什么是NodeJS简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。2.nodejs基础知识global模块-全局变量Node.js 中的全局对象是 global, 类似于浏览器中的window常用的global属性：console:

2020-08-06 17:01:06 192

原创 MySQL基本简介

MySQL基本简介1.什么是数据库？2.数据库的特点3.数据库软件——MySQL1.什么是数据库？数据库，英文单词DataBase ，简称DB，是以一定方式储存在一起、能与多个用户共享、具有尽可能小的冗余度、与应用程序彼此独立的数据集合，可视为电子化的文件柜——存储电子文件的处所，用户可以对文件中的数据进行新增、查询、更新、删除等操作。用于存取和管理某种数据的仓库。2.数据库的特点持久化存储数据：数据库本质上是一个文件系统。方便存储和管理数据。使用了统一的方式操作数据库：SQL语句3.数据

2020-08-04 19:53:34 3979

原创关于json、jsonp以及ajax的区别

json、jsonp和ajax的实质和区别ajax的两个问题　　1.ajax以何种格式来交换数据　　2.跨域的需求如何解决　　　　数据跨域用自定义字符串或者用XML来描述　　　　跨域可以用服务器代理来解决jsonp来跨域　　json是一种数据交换格式 “暗号” 描述信息格式　　jsonp是非官方跨域数据交互协议 “接头方式” 信息传递双方约定的方法json是基于文本的数据交换方式或者数据描述格式json的优点1.基于纯文本，跨平台传递极其简单；2.javascript原生支持，后台语

2020-08-04 18:41:15 241

原创跨域访问简介及解决方法

1.同源策略同源策略，是由网景(netscape)提出的一个著名的安全策略，现在所有的浏览器都会使用这一安全策略。所谓同源策略，即相互访问的页面之间必须具有相同的协议、端口和主机地址。由于同源策略的限制，不同域名之间无法通过HTTP请求相互访问。我们把不同域名之间的访问问题称为跨域问题。2.跨域访问1.什么是跨域跨域是指跨域名的访问，以下情况都属于跨域：跨域原因说明示例域名不同www.jd.com 与 www.taobao.com域名相同，端口不同www.jd.c

2020-08-04 18:31:09 295

原创 jQuery对ajax的封装之$.ajax()的使用

jquery中ajax()的使用$.ajax()方法，用法为$.ajax({})，**{}**是用来描述请求选项参数的对象(必须有)，其选项参数如下： 1)url：请求地址 2)data：请求参数(根据实际情况选用)，有两种格式： ①请求字符串，比如”adminCode=cxd” ②对象格式，比如：{“adminCode”:”cxd”} 3)type：请求类型(get/post) 4)dataType：服务器返回的数据类型： ①text：文本数据 ②json

2020-08-03 16:12:15 242

原创封装自定义AJAX请求函数

为什么要封装AJAX函数？在网页中经常需要利用AJAX向后台请求数据，需要创建XMLHttpRequest对象。在请求个数不多时，可以单独写请求函数。可是如果请求数量多，就会有大量的重复性代码。为了减少冗余，就可以对请求函数进行封装，将一系列的请求操作逻辑封装好，我们只需调用这个函数，传入参数变量即可。封装AJAX函数function ajax(type,url,async,param,callback){ //创建变量 var xmlhttp=null; //判断浏览器版本

2020-08-03 15:27:45 218

原创 json字符串与js对象的相互转换

json字符串与js对象的相互转换举例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><bod

2020-08-03 14:58:14 241

原创 ajax的responseText返回值长度问题

关于ajax的reponseText的返回问题，我们在测试的时候发现，当按照下面代码运行的时候，程序会出现错误：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l

2020-07-31 22:46:51 900

原创 Ajax关于readyState和status

1.Ajax：readyState（状态值）和status（状态码）的区别readyState，是指运行AJAX所经历过的几种状态，无论访问是否成功都将响应的步骤，可以理解成为AJAX运行步骤，使用“ajax.readyState”获得status，是指无论AJAX访问是否成功，由HTTP协议根据所提交的信息，服务器所返回的HTTP头信息代码，使用“ajax.status”获得总体理解：可以简单的理解为state代表一个整体的状态。而status是这个大的state下面具体的小的状态。2.什么是re

2020-07-31 22:27:35 541

原创 ajax工作原理、同步与异步

其实ajax可以笼统的分为三步创建 XMLHttpRequest 对象在onreadystatechange 事件中，获取异步调用返回的数据，使用JavaScript和DOM实现局部刷新调用对象的方法规定请求的类型、URL 以及是否异步处理请求，并向服务器发送请求XMLHttpRequest 是 AJAX 的基础。所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。XMLHttpRequest 用于在后台与服务器交换数据。这意味着

2020-07-31 22:22:01 288

原创表单发送get与post请求以及php中GET与POST的区别

目录HTTP请求报文和响应报文HTTP请求报文HTTP响应报文GET和POST的区别HTTP请求报文和响应报文既然GET和POST是有关HTTP请求的两种方式，就先来看看HTTP请求报文和响应报文的知识。超文本传输协议(Hypertext Transfer Protocol，简称HTTP)是应用层协议。HTTP 是一种请求/响应式的协议，即一个客户端与服务器建立连接后，向服务器发送一个请求;服务器接到请求后，给予相应的响应信息。HTTP请求报文HTTP请求报文由请求行、请求头部、空行和请求体组成，

2020-07-31 21:00:58 920

空空如也

空空如也