- 博客(33)
- 收藏
- 关注
RSS订阅原创 ElementUI快速入门
1.什么是ElementUI？Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型官网: http://element.eleme.io/#/zh-CN特性：（1）一致性 Consistency与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。（2）反馈 Fee
2020-08-31 20:56:14
424
原创 Nuxt.js安装与使用
1.Nuxt.js 是什么？Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI 渲染。我们的目标是创建一个灵活的应用框架，你可以基于它初始化新项目的基础结构代码，或者在已有 Node.js 项目中使用 Nuxt.js。Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。作为框架，Nuxt.js 为 客户端/服务端 这种典型的应用架构模式提供了许多有用的特性，例如异步数据加载、中间件支
2020-08-28 00:09:11
528
原创 Koa 路由 koa-router
koa-router 是Koa 的路由中间件（1）基础格式//引入const Koa = require('koa');// 初始化实例const app = new Koa();const Router = require('koa-router');const router = new Router();//实现 '/'、'/koa'两个路由层级 router .get('/Index ',(ctx,next)=>{ ctx.body="Index ";
2020-08-27 23:13:08
240
原创 vuex的安装和使用
1.Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。2.什么是“状态管理模式”？状态自管理应用包含以下几个部分：state，驱动应用的数据源；view，以声明方式将 state 映射到视图；actions，响应
2020-08-27 08:45:39
118
原创 vue-cli 脚手架
1.什么是vue-clivue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件：CLI ：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）CLI 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack 和
2020-08-26 01:12:24
175
原创 Webpack打包
1.什么是webpack？模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。2.为什么使用webpack现在是网络时代，在我们的生活中网络成为了必不可少的，我们在网络上可以看到很多漂亮的功能丰富的页面，这些页面都是由复杂的JavaScript代码和各种依赖包组合形成的，那么这些都是怎么*组合在一起的呢，组合在一起需要花费多少精力呢，经过漫长发展时间现前端涌现出
2020-08-24 22:15:39
145
原创 vue路由,$refs的用法
1.Vue RouterVue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式，在 IE9 中自动降级自定义的滚动条行为2.安装直接下载 / CDNhttps://unpkg.com/vue-rou
2020-08-21 22:40:55
868
1
原创 vue.js基础（二）
1.过滤器Vue.js 的过滤器本质上是一个函数，这个函数会接收一个值，将其处理并返回。过滤器在指令中由一个管道符(|) 标记，并可以跟随一个或多个参数：<element directive="expression | filterId [args...]"></element>例子：过滤器必须放置在一个指令的值的最后：<p v-text="msg | capitalize"></p>你也可以用在 mustache 风格的绑定的内部：<
2020-08-20 08:55:22
90
原创 Vue.js安装与指令
文章目录1.vue.js简介1.1什么是vue.js?1.2 安装2.Vue.js 模板语法3.Vue.js 条件与循环4.循环语句1.vue.js简介1.1什么是vue.js?Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。从技术上讲， Vue.js 集中在 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架，Vue.j
2020-08-18 21:45:46
139
原创 git的基本操作
1.下载地址：https://git-scm.com/downloads2.git结构3.Git命令行操作1.设置签名目级别/仓库级别：仅在当前本地库范围内有效（1）用户名git config user.name chenyan（2）邮箱git config user.email [ [[email protected]](3)查看cat .git/config系统用户级别：登录当前操作系统的用户范围（1）用户名git config --global user.name cheny
2020-08-17 12:29:36
121
原创 Express 中间件body-parser
1.body-parser是什么?body-parser是一个HTTP请求体解析中间件，使用这个模块可以解析JSON、Raw、文本、URL-encoded格式的请求体，Express框架中就是使用这个模块做为请求体解析中间件。body-parser模块是一个Express中间件，它使用非常简单且功能强大2.下载配置body-parsernpm install body-parser3.基本使用var express = require('express')//获取模块var bodyPar
2020-08-13 23:12:08
431
2
原创 Node.js 连接 MySQL
1.什么是数据库？数据库（Database）是按照数据结构来组织、存储和管理数据的仓库。每个数据库都有一个或多个不同的 API 用于创建，访问，管理，搜索和复制所保存的数据。我们也可以将数据存储在文件中，但是在文件中读写数据速度相对较慢。所以，现在我们使用关系型数据库管理系统（RDBMS）来存储和管理大数据量。所谓的关系型数据库，是建立在关系模型基础上的数据库，借助于集合代数等数学概念和方法来处理数据库中的数据。RDBMS 即关系数据库管理系统(Relational Database Manage
2020-08-12 21:53:44
98
原创 express框架中app与router的区别
1.appapp对象通常表示Express应用程序。通过调用Express模块导出的顶级express()函数来创建它：var express = require（'express'）;var app = express（）;app.get（'/'，函数（req，res）{ res.send（'hello world'）;}）;app.listen（3000）;app对象具有用于路由HTTP请求的方法;配置中间件；渲染HTML视图；注册模板引擎；可以从请求对象和响应对象分别将Expr
2020-08-10 21:32:04
1039
原创 Node.js Express 框架
1.Express 简介Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性：可以设置中间件来响应 HTTP 请求。定义了路由表用于执行不同的 HTTP 请求动作。可以通过向模板传递参数来动态渲染 HTML 页面。2.安装 Expressnpm install express --save以上命令会将 Expre
2020-08-10 17:54:50
93
原创 Node.js 中的全局对象global，引入与导出
1.Node.js全局对象global在浏览器 JavaScript 中，通常 window 是全局对象， 而 Node.js 中的全局对象是 global，所有全局变量（除了 global 本身以外）都是 global 对象的属性。注意： 最好不要使用 var 定义变量以避免引入全局变量，因为全局变量会污染命名空间，提高代码的耦合风险。打开命令行，输入 node 回车，然后输入 this 或者global就可以看到全局对象。2.模块的引入使用require()加载模块文件，参数值是字符串，如非n
2020-08-10 00:07:16
897
原创 Node.js 中的 HTTP模块，URL模块，querystring模块
一. HTTP 的基本概念Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符，我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的查，增，改，删4个操作。二.基本用法1.HTTP请求的属性headers：HTTP请求的头信息。url：请求的路径2.http模块的方法createServer(callback)：创造服务器实例。3.服务器
2020-08-09 23:33:52
303
原创 Node.js中文件和路径操作
一.fs模块对系统文件及目录进行读写操作fs 模块提供了用于与文件系统进行交互（以类似于标准 POSIX 函数的方式）的 API。要使用此模块：const fs = require('fs');1.读取文件readFile方法使用//fs.readFile(filename,[option],callback) 方法读取文件。const fs = require('fs');// 设置编码格式fs.readFile('node1.js', 'utf-8', function(err, da
2020-08-08 00:31:38
385
原创 ES6
一 ES6简介1.ES6是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言2.ES6 与 ECMAScript 2015 的关系ES6 既是一个历史名词，也是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等等，而 ES2015 则是正式名称，特指该年发布的正式版本的语言标准。3.Babel 转码器
2020-08-07 22:34:52
78
原创 认识Node.js
1.什么是Node.js？Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。2.Node.js 安装配置（1）Node.js 安装包及源码下载地址为：ttps://nodejs.org/en/download/。（2）Windows 二进制文件 (.exe
2020-08-06 23:12:43
214
原创 PHP MySQL知识总结
1.MySQL 是什么？MySQL 是一种在 Web 上使用的数据库系统。MySQL 是一种在服务器上运行的数据库系统。MySQL 不管在小型还是大型应用程序中，都是理想的选择。MySQL 是非常快速，可靠，且易于使用的。MySQL 支持标准的 SQL。MySQL 在一些平台上编译。MySQL 是免费下载使用的。MySQL 是由 Oracle 公司开发、发布和支持的。MySQL 是以公司创始人 Monty Widenius’s daughter: My 命名的。MySQL 中的数据存储在
2020-08-06 17:41:03
188
原创 Jsonp解决跨域问题原理
1.什么是Jsonp？Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。为什么我们从不同的域（网站）访问数据需要一个特殊的技术( JSONP )呢？这是因为同源策略。同源策略，它是由 Netscape 提出的一个著名的安全策略，现在所有支持 JavaScript 的浏览器都会使用这个策略。JSONP由两部分组成：回调函数和数据，回调函数一般是在浏览器控制，作为参数发往服务器端（当然，你也可以固定回调函数的名字，
2020-08-04 18:46:30
428
原创 Ajax请求过程与代码
一 原生JS中ajax请求1.创建异步对象var xmlHttp = new XMLHttpRequest()2.设置请求//第一个参数为请求方式（'GET'/'POST'），第二个URL，第三个一般为true（异步），false（同步）xmlHttp.open('POST',URL,true);3.设置请求头//（1）get方式不用设置//（2）post方法需要设置请求头xmlHttp.setRequestHeader("Content-Type","application/x-ww
2020-08-03 14:56:38
849
原创 AJAX请求JSON文件
AJAX 可用来与 JSON文件进行交互式通信。按钮btn添加点击事件JavaScript 调用的服务器页面是名为 “DOM4.json” 的JSON 文件。页面代码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2020-08-01 00:02:09
389
原创 AJAX请求XML文件
AJAX 可用来与 XML 文件进行交互式通信。实例按钮btn添加点击事件JavaScript 调用的服务器页面是名为 “DOM3(xml).xml” 的 PHP 文件。页面代码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
2020-07-31 23:57:12
505
原创 AJAX请求PHP文件
1.AJAX 简介AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。2.AJAX 是什么？AJAX = Asynchronous JavaScript and XML.AJAX 是一种用于创建快速动态网页的技术。AJAX 通过在后台与服务器进行少量数据交换，使网页实现异步更新。这意味着可以在不重载整个页面的情况下，对网页的某些部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个页面。3.AJAX 如何工作AJAX 基于因特网标准AJAX 基于因
2020-07-31 23:45:50
846
原创 php基础学习
1.PHP是什么？PHP（全称：PHP：Hypertext Preprocessor，即"PHP：超文本预处理器"）是一种通用开源脚本语言。PHP 脚本在服务器上执行。PHP 可免费下载使用。2.PHP 安装为了开始使用 PHP，您可以：找一个支持 PHP 和 MySQL 的 Web 主机在您自己的 PC 机上安装 Web 服务器，然后安装 PHP 和 MySQL3.PHP 语法（1）基本的 PHP 语法PHP 脚本以 <?php 开始，以 ?> 结束：实例：<?p
2020-07-31 23:21:09
122
原创 Bootstrap常用的布局组件和插件（二）
1.Bootstrap 超大屏幕（Jumbotron）超大屏幕（Jumbotron）。顾名思义该组件可以增加标题的大小，并为登陆页面内容添加更多的外边距（margin）。使用超大屏幕（Jumbotron）的步骤如下：创建一个带有 class .jumbotron. 的容器div实例为了获得占用全部宽度且不带圆角的超大屏幕，请在所有的 .container class 外使用 .jumbotron class<!DOCTYPE html><html><head>
2020-07-30 21:04:26
285
原创 前端框架Bootstrap基础知识(一)
1.什么是 Bootstrap？Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。2.为什么使用 Bootstrap？移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。浏览器支持：所有的主流浏览器都支持 Bootstrap。容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。响应式设计：Bootstrap 的响应式 CS
2020-07-29 18:22:39
297
原创 jQuery基础知识梳理（四）
13.jquery事件常用的事件函数列表：blur() 元素失去焦点$('[type=text]').focus(function() { alert('获得焦点');});focus() 元素获得焦点$('[type=text]').blur(function() { alert('失去焦点');});click() 鼠标单击$('[type=button]').click(function() { alert('点击事件');});dblclick双击事件$('but
2020-07-24 17:11:17
130
原创 jQuery基础知识梳理（三）
9.尺寸相关、滚动事件（1）获取和设置元素的尺寸width()、height() 获取元素width和heightinnerWidth()、innerHeight() 包括padding的width和heightouterWidth()、outerHeight() 包括padding和border的width和heightouterWidth(true)、outerHeight(true) 包括padding和border以及margin的width和height（2）获取元素相对
2020-07-23 17:46:17
167
1
原创 jQuery基础知识梳理（二）
6. jQuery 事件1）什么是事件？页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。在事件中经常使用术语"触发"（或"激发"）例如： “当您按下按键时触发 keypress 事件”。2）事件绑定eventName(function(){})//给div指定一个点击事件$('div').click(function() { // 动作触发后执行的代码!!});3）常用的 jQuery 事件方法：click()click() 方法是
2020-07-22 19:30:55
115
原创 jQuery基础知识梳理（一）
1. jQuery的概念jQuery是一个快速、简洁的JavaScript库,其设计的宗旨是"write Less , Do More”, 倡导写更少的代码,做更多的事情。jQuery封装了JavaScript常用的功能代码,优化了DOM操作、事件处理、动画设计和Ajax交互。学习jQuery本质:就是学习调用这些函数(方法)。jQuery出现的目的是加快前端人员的开发速度,我们可以非常方便的调用和使用它,从而提高开发效率。2.3、JQuery的环境配置1)官网：http://www.jque
2020-07-22 12:52:27
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人