2020年06月_fiona_0427

原创 vue数据绑定指令

指令1.什么是指令本质就是自定义属性（data-xxx）Vue中指定都是以 v- 开头2.v-cloak防止页面加载时出现闪烁问题–vue是先显示插值表达式，然后迅速替换。v-cloak指令的用法1、在style中提供样式 [v-cloak]{ display: none; }2、在插值表达式所在的标签中添加v-cloak指令v-cloak背后的原理：先通过样式隐藏内容，然后在内存中进行值的替换，替换好之后再显示最终的结果 <

2020-06-30 19:52:03 879

原创 egg文件上传

egg文件上传1.先在 config 文件中启用 file 模式// config/config.default.jsconfig.multipart = { mode: 'file',};现在前端发的不是字段，而是大量的二进制数据。（multipart在前端的表单出现过）后端开启文件解析模式2.前端提交文件文件常常用post请求，因为post才可以携带大量的参数当表单提交文件时，要注意加上 enctype=“multipart/form-data”，把文件打包成二进制数据交到后端

2020-06-30 08:39:36 932

原创数据库----sql语句

数据库----sql语句新增：语法：insert into <表名> [列名] values <列值>注意：1.字段没有顺序要求，后面的值必须要和字段一一对应2.文本类型对应的值需要加引号，数字不需要引号。3.字段可以省略。如果省略表名，将依次插入所有列修改：语法：update <表名> set <列名=更新值> [where <更新条件>]注意：1. set后面可以紧随多个数据列的更新值（非数字要引号）；where子句是可

2020-06-30 08:36:22 335

原创模块化开发

为什么要使用模块化的标准进行开发呢如果我们写一个大型点的案例，这大型的案例代码肯定是比较多的，如果我们臃肿的写在一个js文件里面，那会使得我们我们文件体积非常大，代码量非常的多，结构显得很混乱（详情看第一天的作业）。那么我们可以使用模块化，还给我们的项目进行模块化的区分(把不同的功能写在不同的文件夹当中)，这样写的好处我们可以让模块复用性，减少代码的臃肿，为了我们在一次写项目的时候可以减少开发时间和提高效率。每一个js文件都是一个模块在node.js 当中每一个js文件就是一个模块，其中每个模块他都

2020-06-30 08:26:24 150

原创跨域配置

跨域配置什么是跨域当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域1.在本服务器访问本服务器的网址，就不存在跨域。2.如果在本地系统中打开的网页，需要请求别的服务器，因为协议不同，就存在跨域了。3.跨域做网络请求就会报错—“Access-Control-Allow-Origin”解决跨域1.jsonpJSONP 是服务器与客户端跨源通信的常用方法。最大特点就是简单适用，兼容性好（兼容低版本IE），缺点是只支持get请求，不支持post请求。核心思想：网页通过添

2020-06-30 08:25:21 273

原创常见网络攻击类型

常见网络攻击类型XSS(Cross-site scripting)跨站脚本攻击服务器对客户端的输入检测不严格，导致客户端输入的恶意JAVASCRIPT代码被植入到HTML代码中，这些JAVASCRIPT代码得以执行，实现一些特殊的目的------“你害别人”。当其它用户浏览该网站时，这段HTML代码会自动执行，从而达到攻击的目的。如，盗取用户Cookie、破坏页面结构、重定向到其它网站等。过滤：替换：转义字符限制：限制输入CSRF（Cross-site request forgery)跨

2020-06-30 08:23:14 333

原创 XMLHttpRequest对象

XMLHttpRequest一、XMLHttpRequest对象是AJAX的技术基础。“异步JavaScript与XML(AJAX)是一个专用术语，用于实现在客户端脚本与服务器之间的数据交互过程。这一技术的优点在于，它向开发者提供了一种从Web服务器检索数据而不必把用户当前正在观察的页面回馈给服务器。与现代浏览器的通过存取浏览器DOM结构的编程代码 (JavaScript) 动态地改变被显示内容的支持相配合，AJAX让开发者在浏览器端更新被显示的HTML内容而不必刷新页面。”---------即：XML

2020-06-30 08:22:09 683

原创 node.js中MVC模式应用

node.js中MVC模式应用全称Model（模型）-View（视图）-Controller（控制器），这是一种开发模式，他的好处是可以将界面和业务逻辑分离.//以下是看到的比较能理解的例子views视图 index<div class="form-group"> <label for="exampleInputFile">File input</label> <input type="number" id="numbertxt" class

2020-06-30 08:20:25 226

原创 get/post 请求的发送与处理

get/post 请求的发送与处理简单区别GET和POST都是用于发送HTTP请求的方式，而且是最常用的方式。HTTP的全称：超文本传输协议（HyperText Transfer Protocol），是一种发送和接收HTML页面的方法。以前简单学了HTTP协议，只知道有这两种方式可以发送请求，但不知道它们的异同。课上了解到的最直观的区别就是：1.GET把参数包含在URL中，POST通过request body传递参数。2.语义上的区别，get用于获取数据，post用于提交数据。3.get参数有长

2020-06-30 08:18:14 1260

原创 js事件循环队列

事件循环队列JavaScript是什么是一个单线程、非阻塞、异步、解释型的脚本语言。那是怎么实现非阻塞、异步的？这就涉及到了浏览器的事件循环机制。关于执行中的线程：1、问：JavaScript被浏览器执行为什么是单线程？答：JavaScript 是浏览器脚本语言，它可以操纵 DOM ，可以渲染动画，可以与用户进行互动，如果是多线程，执行顺序无法预知，操作以哪个线程很难预知。2、主线程：也就是 js 引擎执行的线程，这个线程只有一个，页面渲染、函数处理都在这个主线程上执行。工作线程：也称幕后线程

2020-06-29 00:34:50 1106 1

原创 NodeJs常用模块详解

NodeJs模块http模块http 模块主要是用于创建一个能够处理和响应 http 响应的服务使用方法如下：// 1. 引入http模块const http = require("http");// 2. 创建http服务并监听端口, 这里的端口可以修改http.createServer((request, response) => { response.end('hello node');}).listen(3000);//此时,用浏览器访问 127.0.0.1:30

2020-06-29 00:32:08 623

原创 Node是什么？

一.Node是什么？1.Node.js是一个JavaScript运行时环境（可以解析和执行JavaScript代码）2.现在的JavaScript可以完全脱离浏览器来运行，一切都归功于Node.js3.浏览器中的JavaScript包括EcmaScript、BOM、DOM4.Node.js中的JavaScript ：没有BOM、DOM，用EcmaScript进行编码，主要是在Node这个JavaScript执行环境中为JavaScript提供一些服务器级别的API操作（例如文件读写、网络服务的构建、

2020-06-29 00:27:02 3511

fiona_0427的博客