- 博客(22)
- 收藏
- 关注
原创 AJAX详细步骤及代码
AJAX定义:Ajax 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求)。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。同步:必须等待前面的任务完成,才能继续后面的任务。异步:不受当前任务的影响。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-p9qyUjsw-1628933151109)(C:\Users\64305\AppData\Roaming\Typor
2021-08-14 17:27:52
1540
原创 vue导出为excel
vue常用插件(二)四、导出excel1)安装npm install -S file-saver xlsx xlsx-stylenpm install -D script-loader2)使用在src下建目录wendor文件夹,在vendor下建两个文件,Blob.js和Export2Excel.js//blob.js/* Blob.js * A Blob, File, FileReader & URL implementation. * 2019-04-19 * *
2021-05-23 16:55:35
268
原创 MySQL数据库的简单操作
MySQL(关系型)MySQL 是一个关系型数据库管理系统,由瑞典 MySQL AB 公司开发,目前属于 Oracle 公司。MySQL 是一种关联数据库管理系统,关联数据库将数据保存在不同的表中,而不是将所有数据放在一个大仓库内,这样就增加了速度并提高了灵活性。运行数据库1、cmdmysql -h 主机名 -u 用户名 -p-h : 指定客户端所要登录的 MySQL 主机名, 登录本机(localhost 或 127.0.0.1)该参数可以省略;-u : 登录的用户名;-p : 告诉服务器
2020-12-21 11:27:45
143
原创 客户端渲染和服务端渲染区别
(一)客户端渲染页面的渲染工作都是由浏览器来完成的,服务器只是负责提供数据。前端去后端取数据生成DOM树。**最少两次请求 **第一次请求拿到的是页面第二次请求拿到的是动态数据步骤1、收到服务端响应的字符串2、从上到下依次解析,在解析过程中,如果遇到ajax请求则向服务器再次请求一些数据3、服务器再次向浏览器发送相应的数据4、拿回ajax响应结果5、将拿到的数据用模板引擎渲染在页面上优点前后端分离。前端专注于前端UI,后端专注于api开发,且前端有更多的选择性,而不需要遵循后端
2020-11-28 22:07:05
580
原创 Node(一)
Node(一)(一)安装node1、Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/。2、检查是否安装成功(二)简单使用node创建文件01-helloworld.jsvar foo = 'bar dfd'console.log(foo)在终端处运行node 01-helloworld.js结果:(三)node中fs模块fs模块用于对系统文件及目录进行读写操作。1、先引入fs核心模块var fs = require('
2020-11-26 18:57:22
245
原创 路由(前后端路由阶段+vue-router)
路由(一)后端路由阶段早期的网站开发整个HTML页面是由服务器来渲染的。服务器直接生产渲染好对应的HTML页面,返回给客户端进行展示.1、后端路由一个页面有自己对应的网址,也就是URL.URL会发送到服务器,服务器会通过正则对该URL进行匹配,并且最后交给一个Controller进行处理。Controller进行各种处理,最终生成HTML或者数据,返回给前端.当我们页面中需要请求不同的路径内容时,交给服务器来进行处理,服务器渲染好整个页面,并且将页面返回给客户顿.这种情况下渲染好的页面,
2020-11-15 23:04:19
575
原创 VUEX的简单使用
Vuex(一)概述vuex是一个专门为vue.js设计的集中式状态管理架构。1、Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。2、你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化,从而让我们能够实现一些工具帮助我们更好地了解我们的应用。(二)Vuex的安装1、在 V
2020-11-09 15:57:49
126
原创 Vue-CLI(vue脚手架)安装的详细过程包括vue-cli2和vue-cli3
Vue-CLIVue-CLI:命令行工具,用于快速生成Vue项目基础架构,简化程序员创建Vue项目的过程。CLI的意思:CLI是Command-Line Interface,翻译为命令行界面,但是俗称脚手架.Vue CLI是一个官方发布vue.js项目脚手架使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置.(一)安装vue-cli前的准备安装vue-cli之前要先安装node和webpackvue-cli2与vue-cli3区别vue-cli 3是基于web
2020-10-26 12:22:31
1367
原创 webpack入门使用,超详细步骤
Webpackwebpack是一个现代的js应用的静态模块打包工具,依赖于node环境从图中我们可以看出,webpack将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求(一)webpack安装1、先检测是否安装了node.js2、安装webpack全局安装npm i webpack -g在项目中安装npm i webpack --save-dev(二)创建项目1、建两个文件夹分别为src和dist建一个文件为index.html,在src下建一个文件
2020-10-25 21:52:48
2871
3
原创 VUE组件
VUE组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子(一)注册组件步骤1、创建组件构造器对象const cpmC = Vue.extend({
2020-10-22 16:52:42
152
原创 VUE指令(三)
VUE指令(三)(一) v-if1、v-if v-else-if v-elsevue的条件指令可以根据表达式的值在dom中渲染或销毁元素或组件2、v-if后面的条件为false时,对应的元素以及其子元素不会渲染也就是说不会有对应的标签出现在dom中<body> <div id="app"> <h2 v-if="isshow">{{message}}</h2> <!-- v-if为false时显示v-el
2020-10-22 16:36:07
198
原创 VUE指令(二)
VUE指令(二)computed■我们知道,在模板中可以直接通过插值语法显示一些data中的数据。■但是在某些情况,我们可能需要对数据进行一些转化后再显示 ,或者需要将多个数据结合起来进行显示比如我们有firstName和lastName两个变量,我们需要显示完整的名称。但是如果多个地方都需要显示完整的名称,我们就需要写多个{{firstName}} {{lastName}}■我们可以将上面的代码换成计算属性:computed<div id="app"> <
2020-10-22 16:16:31
153
原创 VUE指令(一)
Vue指令(一)(一)v-once1、该指令后面不需要跟任何表达式(比如之前的v-for后面是由跟表达式的)2、该指令表示元素和组件只渲染-次,不会随着数据的改变而改变。<body> <div id="app"> <h2>{{message}}</h2> <h2 v-once>{{message}}</h2> </div></body><scrip
2020-10-22 16:03:38
253
原创 原生AJAX
AJAX(一)Ajax运行原理:Ajax相当于浏览器发送请求与接收响应的代理人,以实现在不影响用户浏览页面的情况下,局部更新页面数据,从而提高用户体验。(二)Ajax运行步骤:1)创建Ajax对象var xhr = new XMLHttpRequest();2)告诉Ajax请求地址以及请求方式xhr.open('get','http://www.baidu.com');3)发送请求xhr.send();4)获取服务器端与客户端的响应数据xhr.onload = function(
2020-10-21 01:03:12
206
原创 Vue组件通信
父传子------props在组件中,使用选项props来声明需要从父级接收到的数据。(一) props的值有两种方式:1.方式一︰字符串数组,数组中的字符串就是传递时的名称。2.方式二∶对象,对象可以设置传递时的类型,也可以设置默认值等(二) 用props传值方法:(1)组件模块的分离<template id="cpn"> <div> <h3>{{cmessage}}</h3> &
2020-09-21 19:37:14
134
原创 Cookie和WebStorage
Cookie和WebStorage(一)cookiecookie指的是服务器发送到用户浏览器并保存到本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常,它用于被告知服务端两个请求是否来自同一浏览器,如保持用户的登录状态。cookie使基于无状态的http协议记录稳定的状态信息成为了可能。cookie作用:(1)会话状态管理(如用户登陆状态,购物车,或其他需要记录的信息)(2)个性化设置(如用户自定义设置、主题等)(3)浏览器行为跟踪(如跟踪分析用户行为等)c
2020-09-11 19:30:23
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人