我是一只仙女晶-CSDN博客

原创记录一个样式多的echarts使用网站

https://gallery.echartsjs.com/explore.html#sort=ranktimeframe=allauthor=all

2020-04-02 20:19:37 298

原创 Vue.js组件的生命周期和自定义过滤器+小拓展slot

1、Vue 2.5版本的slot slot-scope和2.6版本的v-slotslot：插槽（开辟一个空间，给未来的元素使用）用法：在组件中所写的标签解析的时候会被模板覆盖，无法显示，使用slot可以解决这个问题<template id="hello"> <div> <h3> 这里是hello组件 </h3> &l...

2019-07-31 21:24:21 194

原创 Vue组件

1、Vue的组件Vue有两大核心的内容：指令和组件什么是组件化？为什么要用组件？为了避免多人开发造成的冲突为了加快开发效率为了便利更新和维护组件化：就是使用具有独立公共的一个整体【组件】来进行项目开发的一个趋势【流行】什么是组件？组件是一个html css js img 等的一个聚合体在Vue中使用了一个叫做单文件组件的技术来实现组件它是一个 ...

2019-07-31 09:42:12 101

转载深入Vue2.x的虚拟DOM diff原理

作者简介：汪玉林，高级工程师，增值产品部前端Leader，目前团队负责手Q游戏中心、手Q游戏运营、手Q阅读等项目，有丰富的Web前端架构经验。一、前言Vue的核心是双向绑定和虚拟DOM（下文我们简称为vdom），关于双向绑定可以参阅木琴的文章《剖析Vue原理&实现双向绑定MVVM》，vdom是树状结构，其节点为vnode，vnode和浏览器DOM中的Node一一对应，通过vnode的e...

2019-07-29 16:19:05 138

转载读懂diff

diff是Unix系统的一个很重要的工具程序。它用来比较两个文本文件的差异，是代码版本管理的基石之一。你在命令行下，输入：$ diff <变动前的文件> <变动后的文件>diff就会告诉你，这两个文件有何差异。它的显示结果不太好懂，下面我就来说明，如何读懂diff。一、diff的三种格式由于历史原因，diff有三种格式：　　* 正常格式（normal...

2019-07-29 16:16:52 269

原创 Vue.js指令下+method+computed+watch

1、指令下v-bind（单向数据绑定）用途：属性和数据进行绑定（绑定一个数据在某一个属性身上）为什么要绑定？答：通过操作数据就可以改变V中DOM的样式，相当于操作了DOM。一下演示的代码都是基于此实例。new Vue({ el: '#app', // 挂载 data: { imgUrl: 'https://www.baidu.com/img/bd_lo...

2019-07-25 21:12:44 146

原创认识Vue.js+Vue.js的指令上

1、认识Vue.jsVue 是一套用于构建用户界面的渐进式框架。Vue的作者是尤雨溪，是一个个人项目。Vue是一个MVVM框架【 MVVM是MVC的衍生架构】拓展：司徒正美 avonlon.js 也是MVVM框架，也是个人项目。Vue是一个单项数据流的框架Vue版本发布的时间Vue 1.x 2014Vue 2.x 2016(前端技术...

2019-07-25 21:09:55 97

原创 node.js-token&mocha&koa

1、token使用token的步骤如下用户登录服务器端产生一个token (加密字符串) 发送给前端。（后端）前端将token 进行保存（最好使用cookie，设置过期期限）。（前端）前端发起数据请求的时候携带token 。（前端）服务端验证token 是否合法：如果合法继续操作；不合法终止操作。（后端）token 的使用场景：无状态请求保持...

2019-07-24 11:57:06 278

原创后端语言操作MongoDB数据库------MVC+mongoose

1、MVC架构的实现使用mongoose的原因：用命令行来操作数据库的时候，手动操作非常麻烦，而且不利于未来的维护。因此我们还可以使用后端语言来操作数据库，也就是Node+express+mongoose。将express改造成RMVC架构改造理由：现在市场流行的是分布式，前后端分离，微服务。而单单使用express做出来的项目。routes文件夹既进行逻辑判断，又进行数据处理（...

2019-07-23 11:54:27 483

原创 MongoDB数据库

1、mongodb数据库（典型的非关系型数据库）数据库的导入：关系型和非关系型数据库常见的数据库：关系型数据库概念：关系型数据库以行（记录）和列（字段）的形式存储数据，以便于用户理解。这一系列的行和列被称为表（关系），一组表组成了数据库。表与表之间的数据记录有关系。关系型数据库：Access mySql SqlServer oracle db2等。非关系型数据库概念：非关系型...

2019-07-23 11:51:15 114

原创 express

1、express web服务器实现后端渲染后端语言 + 后端渲染模板生成前端的html结构，然后再发送到前台const express = require( 'express' )//得到app对象，目的是为了绑定中间件const app = express() const PORT = 8000 const HOST = 'localhost'const fs = re...

2019-07-20 17:54:10 84

原创 node.js-前端通信

1、前端通信ps:服务器总共分为两大类：web服务器和API服务器。 Node中的net模块提供的前端通信server 服务器端代码：const net = require('net');const server = net.createServer();const host = 'localhost';const port = 9000;const objclient ...

2019-07-18 22:31:06 297

转载前端异步流程的处理工具

Promisehttps://blog.csdn.net/MrJavaweb/article/details/79475949Generatorhttps://www.cnblogs.com/imwtr/p/5913294.htmlAsync-await里层请求数据结果返回到外层使用Async函数式generator函数 + spawn 自动执行器函数的封装Node.js 中...

2019-07-17 20:44:14 90

原创 node.js-跨域、路由、异步流程工具

1、跨域前言：产生跨域的原因是浏览器的同源策略。node.js如何解决跨域？在解决跨域之前首先了解一个插件：express；使用这个插件可以创建一个接口通过设置请求头来解决跨域问题。//首先安装express//npm install express -D//引入expressconst express = require('express');const app = ...

2019-07-17 20:30:04 168

原创 Node.js

1、什么是NodeNode.js 是一个基于Chrome V8 引擎的JavaScript运行环境Node.js使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效事件驱动：任务执行，发布者，订阅者，事件驱动（ on emit ）非阻塞：执行某一个任务的同时也可以执行其他任务（异步）阻塞：执行某一个任务，这个任务如果没有执行完成，其他任务必须等待（同...

2019-07-16 20:59:37 138

qq_37179197的博客