03 2020 档案

摘要:打包表单数据formData对象 FormData 接口提供了一种表示表单数据的键值对的构造方式,经过它的数据可以使用 XMLHttpRequest.send() 方法送出, 本接口和此方法都相当简单直接。如果送出时的编码类型被设为 "multipart/form data",它会使用和表单一样的格 阅读全文
posted @ 2020-03-29 17:48 前端之旅 阅读(623) 评论(0) 推荐(0) 编辑
摘要:egg验证码svg captcha插件 安装 $ npm install svg captcha save egg中使用 // 大致的流程就是: 定义router路由= 定义一个处理该路由的Controller= Controller把生成验证码交给Service来做= Service调用svg c 阅读全文
posted @ 2020-03-29 16:38 前端之旅 阅读(1140) 评论(0) 推荐(0) 编辑
摘要:egg数据库配置 框架提供egg mysql插件来访问Mysql数据库。这个插件可以访问普通的Mysql数据库,也可以访问基于MySQL协议的在线数据库 安装与配置 // 安装对应的插件egg mysql $ npm i egg mysql save // 安装成功后需要开启插件 // config 阅读全文
posted @ 2020-03-29 16:16 前端之旅 阅读(527) 评论(0) 推荐(0) 编辑
摘要:egg项目大致的运行流程 1.public静态资源托管,内置插件egg static 2.Router 层 Router 主要用来描述请求url和具体承担执行动作的controller的关系 框架约定了app/router.js文件用于统一所有路由规则 3.Controller 层 通过Roter将 阅读全文
posted @ 2020-03-27 12:04 前端之旅 阅读(667) 评论(0) 推荐(1) 编辑
摘要:服务Server 定义service // app/service/user.js const Service = require('egg').Service class UserService extends Service { async find (uid) { const user = a 阅读全文
posted @ 2020-03-27 10:51 前端之旅 阅读(851) 评论(0) 推荐(0) 编辑
摘要:控制器Controller 所有的 Controller 文件都必须放在 app/controller 目录下, 可以支持多级目录,访问的时候可以通过目录名级联访问 Controller定义 // app/controller/post.js const Controller = require(' 阅读全文
posted @ 2020-03-27 00:15 前端之旅 阅读(1543) 评论(0) 推荐(0) 编辑
摘要:路由(Router) 框架约定了app/router.js文件用于统一所有路由规则。 Router 主要用来描述请求URL和具体承担执行动作的 Controller 的对应关系 定义路由(Router) // app/router.js 里面定义 URL 路由规则 module.exports = 阅读全文
posted @ 2020-03-26 18:19 前端之旅 阅读(1261) 评论(0) 推荐(0) 编辑
摘要:egg框架内置基础对象 1.Application对象 Application是全局应用对象,在一个应用中,只会实例化一个,可以在它上面挂载一些全局的方法和对象 在继承于Controller, Service 基类的实例中,可以通过 this.app 访问到Application对象。 // app 阅读全文
posted @ 2020-03-26 14:58 前端之旅 阅读(559) 评论(0) 推荐(0) 编辑
摘要:// jqueyr遍历 .parent([expr]) // 直接父元素expr用筛选选祖先元素的表达式 .parents([expr]) // 所有的父元素, .children([expr]) // 取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。 .find(expr|obj|e 阅读全文
posted @ 2020-03-25 01:16 前端之旅 阅读(195) 评论(0) 推荐(0) 编辑
摘要:// jquery对象 // $ == jQuery == new jQuery // jquery 选择器 // jQuery事件 // $(selector).event([data], callback) // selector: 选择器 // event: 事件对象,鼠标事件,键盘事件 // 阅读全文
posted @ 2020-03-23 21:35 前端之旅 阅读(174) 评论(0) 推荐(0) 编辑
摘要:// vue 面试题总结 // 1. v-if与v-show的区别 // 功能,条件渲染,显示或隐藏 v-if: vue实例不会渲染dom节点,只有当表达式为真(假)的时候才是渲染(销毁)DOM v-show: 不管表达式是否为真,vue实例始终都会渲染DOM,以css样式display属性来控制显 阅读全文
posted @ 2020-03-21 20:21 前端之旅 阅读(222) 评论(0) 推荐(0) 编辑
摘要:// 快速初始化egg项目 // 创建egg目录,并且打开到egg,可省略 $ mkdir egg-example && cd egg-example // 脚手架生成egg项目 $ npm init egg --type=simple // 安装报错 error code ENOLOCAL err 阅读全文
posted @ 2020-03-21 00:18 前端之旅 阅读(1021) 评论(0) 推荐(0) 编辑
摘要:HTTP:(Hypertext transfer protocol)超文本传输协议,是用于从万维网(WWW:World Wide Web)服务器传输超文本到本地浏览器的传送协议。 HTTP 是一个属于应用层的面向对象的协议,HTTP 协议一共有五大特点: // 1、支持客户/服务器模式 // C/S 阅读全文
posted @ 2020-03-20 12:12 前端之旅 阅读(363) 评论(0) 推荐(0) 编辑
摘要:// 插入数据 // 如果数据是字符型,必须使用单引号或者双引号,如:"value"。 // INSERT INTO table_name (field1, field2,...fieldN) VALUES ( value1, value2,...valueN ); // 删除数据 // 如果没有指 阅读全文
posted @ 2020-03-18 13:33 前端之旅 阅读(188) 评论(0) 推荐(0) 编辑
摘要:// 文件目录 |___router | |___index.js | |___service | |___index.js | |___src | |___index.html | |___index.js //入口文件index.js 入口文件index.js // Node 用 request 阅读全文
posted @ 2020-03-12 10:45 前端之旅 阅读(621) 评论(0) 推荐(0) 编辑
摘要:// 1.下载mysql安装 // 2.环境变量配置 // 1.打开我的电脑在我的电脑右键中选择属性,然后单击选择高级系统设置。 // 2.在系统属性的‘高级’中选择环境变量。 // 3.选择Mysql安装的目录,在Mysql安装的目录中找到bin目录,把此路径复制。 // 4.在用户变量的path 阅读全文
posted @ 2020-03-12 10:25 前端之旅 阅读(365) 评论(0) 推荐(0) 编辑
摘要:// 1.注册码云帐号 // 2.帐号邮箱绑定 // 3.下载安装git https://git-scm.com/ // 4.桌面右击Git bash here // 5.ssh-keygen -t rsa -C "xxxxx@xxxxx.com" //你的邮箱地址 // 6.cat ~/.ssh/ 阅读全文
posted @ 2020-03-10 19:45 前端之旅 阅读(353) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="https://cdn.bootcs 阅读全文
posted @ 2020-03-10 16:53 前端之旅 阅读(258) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="https://cdn.bootcs 阅读全文
posted @ 2020-03-10 16:25 前端之旅 阅读(2616) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="https://cdn.bootcs 阅读全文
posted @ 2020-03-10 16:09 前端之旅 阅读(664) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="https://cdn.bootcs 阅读全文
posted @ 2020-03-10 15:54 前端之旅 阅读(292) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="https://cdn.bootcs 阅读全文
posted @ 2020-03-10 15:22 前端之旅 阅读(487) 评论(0) 推荐(0) 编辑
摘要:// OAuth(开放授权)是一个开放标准,允许用户授权第三方移动应用访问他们存储在另外的服务提供者上的信息, // 而不需要将用户名和密码提供给第三方移动应用或分享他们数据的所有内容。 // 新浪oAuth授权 // 1.https://open.weibo.com/ // 2.https://o 阅读全文
posted @ 2020-03-10 00:42 前端之旅 阅读(224) 评论(0) 推荐(0) 编辑
摘要:index.js // request模块 // 代理服务器 => 解决跨域问题 // a.html需要获取B服务器的资源,跨域 // 现在a.html访问本地代理A服务器,用A服务器去访问B服务器 // 然后B服务器返回数据给A服务器,然后返回给a.html //安装依赖模块 npm i requ 阅读全文
posted @ 2020-03-09 23:10 前端之旅 阅读(433) 评论(0) 推荐(0) 编辑
摘要:// ajax 请求受同源策略影响,不允许进行跨域请求,而 script 标签 src 属性中的链接却可以访问跨域的js脚本,利用这个特性,服务端不再返回JSON格式的数据,而是返回一段调用某个函数的js代码,在src中进行了调用,这样实现了跨域。 // 同源策略, // 两个页面的协议,端口(如果 阅读全文
posted @ 2020-03-08 10:49 前端之旅 阅读(281) 评论(0) 推荐(0) 编辑
摘要:// async 函数 // // 1.内置执行器。 // Generator 函数的执行必须靠执行器,所以才有了co模块,而async函数自带执行器。 // 也就是说,async函数的执行,与普通函数一模一样,只要一行 // // 2.更好的语义。 // async和await,比起星号和yiel 阅读全文
posted @ 2020-03-08 01:48 前端之旅 阅读(464) 评论(0) 推荐(0) 编辑
摘要:// Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大 // 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果 // // 两个特点 // 1.对象的状态不受外界影响。Promise对象代表一个异步操作 阅读全文
posted @ 2020-03-07 23:12 前端之旅 阅读(814) 评论(0) 推荐(0) 编辑
摘要:// 封装一个简单的proimse方法 class customPromise { constructor (callback) { //成功结果 this.successResult = '' //失败结果 this.failResult = '' // 当前状态 this.status = 'p 阅读全文
posted @ 2020-03-07 21:47 前端之旅 阅读(455) 评论(0) 推荐(0) 编辑
摘要://axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 // 可以通过向 axios 传递相关配置来创建请求 // axios(config) axios({ // `url` 是用于请求的服务器 URL url: '/user', // `method 阅读全文
posted @ 2020-03-06 22:07 前端之旅 阅读(346) 评论(0) 推荐(0) 编辑
摘要:// jquery框架ajax // 语法:jQuery.ajax(options) $.ajax({ // (默认: 当前页地址) 发送请求的地址。 url: 'http://.........', // (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。 阅读全文
posted @ 2020-03-06 21:29 前端之旅 阅读(380) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="https://cdn.bootcs 阅读全文
posted @ 2020-03-06 17:08 前端之旅 阅读(823) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文
posted @ 2020-03-06 16:12 前端之旅 阅读(186) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文
posted @ 2020-03-06 14:04 前端之旅 阅读(298) 评论(0) 推荐(0) 编辑
摘要:1.入口index.js let http = require('http') let service = require('./service/index.js') // 1.执行router/index.js导入路由对象 let router = require('./router/index. 阅读全文
posted @ 2020-03-05 22:31 前端之旅 阅读(223) 评论(0) 推荐(0) 编辑
摘要:index.js代码: //1.项目创建 // npm init -y 表示项目配置项默认 //2.启动项目 // 默认启动 node index.js/ nodemon index.js // npm run dev启动 package.json文件。script选项添加 "dev": "node 阅读全文
posted @ 2020-03-05 20:37 前端之旅 阅读(451) 评论(0) 推荐(0) 编辑
摘要:// 1.NPM是随同NodeJS一起安装的包管理工具 // 允许用户从NPM服务器下载别人编写的第三方包到本地使用 // 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 // 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 // 由于新版的nodejs已经集成了 阅读全文
posted @ 2020-03-05 18:42 前端之旅 阅读(221) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文
posted @ 2020-03-05 17:13 前端之旅 阅读(449) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文
posted @ 2020-03-05 16:41 前端之旅 阅读(163) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文
posted @ 2020-03-05 16:20 前端之旅 阅读(212) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文
posted @ 2020-03-05 16:03 前端之旅 阅读(766) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文
posted @ 2020-03-05 15:53 前端之旅 阅读(389) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文
posted @ 2020-03-05 15:08 前端之旅 阅读(776) 评论(0) 推荐(0) 编辑
摘要:1.子组件的is使用 2.子组件的data函数 3.ref的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .activ 阅读全文
posted @ 2020-03-05 14:34 前端之旅 阅读(228) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .activated {color: red} </style> <scrip 阅读全文
posted @ 2020-03-05 13:55 前端之旅 阅读(3039) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .activated {color: red} </style> <scrip 阅读全文
posted @ 2020-03-05 11:57 前端之旅 阅读(268) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .activated {color: red} </style> <scrip 阅读全文
posted @ 2020-03-05 11:10 前端之旅 阅读(481) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .activated {color: red} </style> <scrip 阅读全文
posted @ 2020-03-05 10:37 前端之旅 阅读(157) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文
posted @ 2020-03-05 10:13 前端之旅 阅读(3190) 评论(0) 推荐(0) 编辑
摘要:html页面 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="./css/in 阅读全文
posted @ 2020-03-04 21:17 前端之旅 阅读(309) 评论(0) 推荐(0) 编辑
摘要://引入模块 let http = require('http') let fs = require('fs') //引入url模块 let url = require('url') // 引入querystring模块 let querystring = require('querystring' 阅读全文
posted @ 2020-03-04 19:47 前端之旅 阅读(284) 评论(0) 推荐(0) 编辑
摘要://引入模块 let http = require('http') let fs = require('fs') //静态资源管理 let server = http.createServer((req, res)=>{ fs.readFile(__dirname + '/src' + req.ur 阅读全文
posted @ 2020-03-04 19:17 前端之旅 阅读(121) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文
posted @ 2020-03-04 17:21 前端之旅 阅读(528) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文
posted @ 2020-03-04 16:52 前端之旅 阅读(156) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文
posted @ 2020-03-04 16:44 前端之旅 阅读(186) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文
posted @ 2020-03-04 11:44 前端之旅 阅读(359) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc 阅读全文
posted @ 2020-03-04 11:31 前端之旅 阅读(299) 评论(0) 推荐(0) 编辑
摘要://fs文件系统模块 let fs = require('fs') let http = require('http') // 读取文件操作 // 第一个参数为相对路径(也可传入绝对路径__dirname:代表当前目录的绝对路径,是一个字符串) // 第二个参数是一个回调函数 //console.l 阅读全文
posted @ 2020-03-03 23:42 前端之旅 阅读(348) 评论(0) 推荐(0) 编辑
摘要://同步 // function fn (n) { // if (n == 0) return n // return fn(n-1) // } // console.log(1) // let result = fn(5) // console.log(2) // 运行结果1、2 // 当resu 阅读全文
posted @ 2020-03-03 22:10 前端之旅 阅读(247) 评论(0) 推荐(0) 编辑
摘要:// require语法 导入模块 //http,node内置模块 let http = require('http') //创建一个服务器通道, 并传入回调函数 let server = http.createServer((request, response) => { //回调函数接受requ 阅读全文
posted @ 2020-03-03 20:57 前端之旅 阅读(95) 评论(0) 推荐(0) 编辑
摘要:一、单线程,主线程一个,底层工作线程多个。 Nodejs与操作系统交互,我们在 Javascript中调用的方法,最终都会通过 process.binding 传递到 C/C++ 层面,最终由他们来执行真正的操作。Node.js 即这样与操作系统进行互动。 nodejs所谓的单线程,只是主线程是单线 阅读全文
posted @ 2020-03-03 20:49 前端之旅 阅读(746) 评论(0) 推荐(0) 编辑
摘要:Node简介及部署安装配置 一、node简介 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型 Node 是一个让 JavaScript 运行在服务端的开发平台,实质是对Chrome V8引擎进行了 阅读全文
posted @ 2020-03-03 19:52 前端之旅 阅读(907) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示