2020年10月_棋炜的小宝贝

原创 watch和computed及其的区别

watch和computed及其的区别computed（计算属性）computed：计算属性，依赖其他的属性值，计算属性是取返回值作为最新结果，所以里面不能异步的返回结果。不能写异步逻辑。Watch（监听属性）Watch：更多的是一种观察的作用，用于监听某些数据的回调。每当所监听的数据发生变化时才能执行回调处理后续操作。watch ：里面监视某个模型变量的变化，接受的值，是一个函数参数1：代表是变化后最新的值参数2：代表是变化之前的旧值总结：1.computed中的函数必须要调用retur

2020-10-30 10:49:06 274

原创 filter 过滤器

需求：前端编写一个输入框，用户输入英文字母后，需要将其转换为大写进行页面显示。变量 toUpperCase() 转换为大写一些简单的业务逻辑，在插值表达式里面是可以完成的。但是需要注意，开发理念不建议在插值表达式里面书写太多的业务代码，纯粹的输出。如果有业务代码建议做其他的一些操作，例如定义函数处理。语法：模型变量 | 过滤器（vuejs提供一些特殊的标识符，函数）表现形式：拿 | 前面的操作的返回结果作为输出 | 后面的输入类似Linux操作系统里面的管道类似 php里面的 s

2020-10-28 22:25:50 207

原创 v-show和v-if及区别

v-show指令的作用是：根据真假切换元素的显示状态。原理是修改元素的display,实现显示隐藏。指令后面的内容,最终都会解析为布尔值,值为true元素显示,值为false元素隐藏。数据改变之后，对应元素的显示状态会同步更新。<body> <div id="app"> <img v-show="isShow" src="../images/angel.gif" alt=""> <input type="butto

2020-10-27 09:50:20 157

原创 Vue.js模板

<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"></div></body><script src="https://cdn.jsdelivr.net/npm/v

2020-10-26 17:27:32 296

原创密码学——MD5

MD5（中文名为消息摘要算法第五版）为计算机安全领域广泛使用的一种散列函数，用以提供消息的完整性保护。一般我们的网站业务里面都是使用的 md5sha1 进行信息的加密：需要注意:并不是意味着只有md5加密md5不算加密，只是算获取信息的摘要值，提取信息的特征值，一般做数据的完整性校验。由于md5 拥有三个特点：单向不可逆相同的输入给出相同的输出还可以混淆信息加密就意味着可以解密。常见加密方式： 1. 对称加密 2. 非对称加密密文的传统方式：数据库存的是密文用户提交的是明

2020-10-22 17:59:09 757

原创 Node.js中出现的问题

学习Node.js中出现的问题的集合1. exec() 方法模型.find({查询条件}).exec( (error, data) => {} ); exec(execute)方法是文档提供的。 http://www.mongoosejs.net/docs/models.html2. 数据未显示通过模型查询回来的数据没办法在视图上面进行循环遍历原因：通过网上的资料查询得到mongoose里面的对象并不是js里面传统的对象，而是由mongoose进行封装的对象，要和我们之前定义的Model相对

2020-10-22 17:05:36 264

原创 Express 应用程序生成器

1、npm install -g express-generator2、express -h3、express --view=ejs myapp4、5、6、

2020-10-21 22:09:02 148

原创 express-art-template

在Express中配置使用art-template下载命令：npm install art-template express-art-template（npm install --save art-template、npm install --save express-art-template）虽然不需要直接require art-template，但是由于express-art-template需要art-template,因此也必须安装art-template.engine函数：用来配置art-

2020-10-21 20:08:08 382

原创 art-template 模板引擎

模板引擎可以把我们的 js 里面的变量或者数据放置在外部的页面里面。底层实现：正则+替换具体： 1. 我们外置的页面一般我们叫做模板，模板里面一般会放置很多的占位符。占位符值得是后面可以通过变量替换出来的。 2. 使用模板引擎，把那些占位符通过变量替换出来。{{ kw }} 形如这样的结构叫做占位符，也可以叫做

2020-10-20 21:03:59 175

原创 Node.js Express 框架

express 是什么？express 是一些开发基于nodejs的核心模块 http 模块进行额外的封装一个的一个 web 开发框架，使用 express 可以更加快速和方便开发web项目。//1.引入express框架const express = require('express');//2. 创建express实例app 与http.createServer() 类似const app = express();const port = 3000;//3. app请求方式（get p

2020-10-20 16:30:53 143

原创 Node.js的下载与安装

Node.js的下载与安装下载地址： http://nodejs.cn/download/下载软件后，双击软件，全程下一步即可安装完成：安装成功后，Windows + r 键 —> 打开命令行，输入 : node --version 或者 node -v (显示node的版本号)...

2020-10-19 19:53:58 196

原创 Node.js基础知识（一）

Node.JS 基本概念下载地址： http://nodejs.cn/download/Node.js 官方文档：https://nodejs.orgNode.js中文网：http://nodejs.cn/Node.js 是什么? 1、Node.js 是一个基于chrome V8引擎的JavaScript的运行环境。 2、Node.js 使用了一个事件驱动，非阻塞I/O的模型。

2020-10-19 17:59:31 233

原创 jQuery基础知识（二）

jQuery中的元素操作element.append(‘内容’); 把内容放入匹配元素内部最后面，类似原生appendChild（父元素调用）参数：子元素参数类型：jQuery对象、原生对象、html标签字符串element.appendTo(‘内容’); 子元素调用，参数是父元素element.prepend(‘内容’); 把内容放入匹配元素内部最前面element.prependTo(‘内容’); 子元素调用，参数是父元素eleme

2020-10-05 15:19:11 341

原创 jQuery基础知识（一）

JavaScript 库是一个封装好的特定的集合（方法和函数）。比如动画animate、hide、show、获取元素等简单理解：是一个js文件，里面对原生js代码进行封装，存放到里面。我们使用时只需调用即可。jQuery的概念1.快速、简洁的JavaScript库。2.封装了JavaScript常用的功能代码，优化了DOM操作、事件处理、动画设计和Ajax交互，以及深复制、浅复制。3.学习jQuery的本质：就是学习调用这些函数和方法。jQuery的入口函数$(function(){

2020-10-05 13:56:21 162

XWen_ING的博客