2021年03月_一只小泰迪

原创 MongoDB-01学习

MongoDB-01学习1.MongoDB是什么？MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在WEB应用提供可扩展的高性能数据存储解决方案。它的特点：高性能、易部署、易使用，存储数据非常方便。2.MongoDB术语/概念SQL术语/概念MongoDB术语/概念解释/说明databasedatabase数据库tablecollection数据库表/集合rowdocument数据记录行/文档columnfield数据字段

2021-03-22 14:02:06 131

原创路由-学习11

路由const http = require('http')const fs = require('fs')http .createServer((req, res) => { const urlString = req.url switch (urlString) { case '/': res.end('hello , 首页') break case '/home': fs.readFile('./

2021-03-18 10:41:29 97

原创 stream&&readline-学习10

streamconst fs = require('fs')const zlib = require('zlib')const gzip = zlib.createGzip()const readStream = fs.createReadStream('./logs.txt')const writeStream = fs.createWriteStream('./logs2.txt')readStream.pipe(gzip).pipe(writeStream)writeStream

2021-03-18 09:36:08 214

原创 fs-学习09

fsconst fs = require('fs')const fsPromises = require('fs').promises// fs.mkdir('logs', (err) => {// if (err) throw err// console.log('文件夹创建成功')// })// fs.rename('./logs', './log', () => {// console.log('文件夹名称修改成功')// })// fs.rmdir(

2021-03-18 09:07:26 151

原创事件触发-event-08学习

事件触发-eventconst EventEmitter = require('events')class MyEventEmitter extends EventEmitter {}const event = new MyEventEmitter()event.on('play', (value) => { console.log(value)})event.once('play1', (value) => { console.log(value)})event.

2021-03-17 13:50:56 85

原创关于跨域-07学习

跨域1.跨域：jsonpindex.html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scal

2021-03-17 11:27:10 76

原创常用内置模块-06学习

常用内置模块学习先安装log4jsnpm install log4js -D1.url// 常用内置模块const log4js = require('log4js')log4js.configure({ appenders: { cheese: { type: 'file', filename: 'cheese.log' } }, categories: { default: { appenders: ['cheese'], level: 'error' } }})var log

2021-03-16 21:51:46 68

原创模块/包与CommonJS-05学习

模块/包与CommonJS1.模块/包分类Node.js有三类模块，即内置模块、第三方的模块、自定义的模块内置模块const path = require('path')var extname = path.extname('index.html')console.log(extname)第三方的Node.js模块第三方的Node.js模块指的是为了实现某些功能，发布的npmjs.org上的模块，按照一定的开源协议供社群使用。如：npm install chalkconst

2021-03-16 21:15:35 141

原创 node相关工具-02学习

node相关工具-02学习一、NVM：Node Version Manager1.1Mac安装nvmhttps://github.com/nvm-sh/nvm/blob/master/README.md1.2Windows安装nvmnvm-windowsnodist二、NPM：Node Package Manager** 2.1全局安装package**npm install forever --global (-g)forevernpm uninstall forever --g

2021-03-16 15:36:55 140

原创 node-01学习

node-01学习一、为什么要学习node？企业需求：具有服务端开发经验更好front-ent(前端）back-end（后端）全栈开发工程基本的网站开发能力服务端前端运维部署多人社区项目（练习）后端服务端语言1.java2.PHP3.python4.Ruby5.Net 。。。6.Node.js二、Node.js是什么？1.特性Node.js可以解析JS代码（没有浏览器安全级别的限制）提供很多系统级别的API，如文件的读写（File System）进

2021-03-16 10:28:32 108

原创 webpack-01学习

webpack学习前言在没有出现模块管理器之前的前端开发，如果要引用依赖资源，通常的做法是将依赖文件引用到.html文件中。比如，要引用js文件，在.html文件中用<script>标签引用；引用.css文件，在.html文件中用<link>标签引用。这样做的弊端是，如果引用的资源文件太多，请求太多，或拖慢网页的加载速度，影响用户体验，另外也会使得网页体积臃肿、不便维护。随着模块管理器的出现，上述问题得到解决。目前市面上的包管理器有很多，比如Bower、Browserify、we

2021-03-14 22:20:48 136

原创 npm-01学习

npm一、什么是npm?简单来说npm(Node Package Manager)是包含在Node.js里面的一个包管理工具，如果读者之前使用过Node.js，那么对npm应该不会陌生，因为npm会随着Node.js一起安装。npm是世界上最大的软件注册表，其为卡发着连接到了一个广阔的JavaScript世界。据官方数据统计，npm大约每周有30亿的惊人下载量，其中包含大约60万个package(代码模块）。npm为开发者提供了一个代码模块共享的大平台，开发者既可以从npm服务器上下载其他开发人员共享

2021-03-14 20:33:25 176

原创 React组件-04学习

react组件一、介绍可以这么说，一个React应用就是构建在React组件之上的。组件有两个核心概念：propsstate一个组件就是通过这两个属性的值在render方法里面生成这个组件对应的HTML结构。注意：组件生成的HTML结构只能有一个单一的根节点(1)、propsprops就是组件的属性，由外部通过JSX属性传入设置，一旦初始设置完成，就可以认为this.props是不可更改的，所以不要轻易更改设置this.props里面的值（虽然对于一个JS对象你可以做任何事）（2）、

2021-03-12 11:28:48 74

原创 React之JSX介绍-03学习

We strongly believe that components are the right way to separate concerns rather than "templates" and "display logic." We think that markup and the code that generates it are intimately tied together. Additionally, display logic is often very complex and

2021-03-11 15:48:43 103

原创 React开发环境配置以及webpack概述-02学习

React开发环境配置以及webpack概述-02学习一、开发环境配置要搭建一个现代的前端开发环境配套的工具有很多，比如Grunt/Gulp/webpack/Broccoli,都是要解决前端工程化问题，这个主题很大，这里为了使用React我们只关注其中的两个点：JSX支持ES6支持Babel可以编译JSX 的语法。二、webpackWebpack是一个前端资源加载/打包工具，只需要相对简单的配置就可以提供前端工程化需要的各种功能，并且如果有需要它还可以被整合到其他比如Grunt/Glup的

2021-03-11 14:12:23 87

原创 React概览-01学习

React概览React的核心思想是：封装组件。各个组件维护自己的状态和UI，当状态变更，自动重新渲染整个组价。基于这种方式的一个直观感受就是我们不在需要不厌其烦地来回查找某个DOM元素，然后操作DOM去更新UI。React大体包含下面这些概念：组件JSXVirtual DOMData Flow这里通过一个简单的组件来快速了解这些概念，以及建立起对React的一个总体认识。import React, {component } from 'react';import { render

2021-03-11 13:46:38 127

原创 vue面试题

vue面试题来源：https://juejin.im/post/5d59f2a451882549be53b170一、说说你对SPA单页面的理解，它的优缺点是什么？SPA（single-page application）仅在web页面初始化时加载相应的HTML、JavaScript和CSS.一旦页面加载完成，SPA不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现HTML内容的变换，UI与用户的交互，避免页面的重新加载。优点：用户体验好、快，内容的改变不需要重新加载整个页面

2021-03-10 17:12:22 193

原创 python-04

python-04# 1.python 的输入函数 input 介绍# 作用：接收来自用户的输入# 返回值类型：输入值的类型为str# 值的存储使用=对用户输入的值进行存储# present = input('大圣想要什么礼物呢？')# print(present,type(present))# # 练习：从键盘输入两个整数，计算两个整数的和## a = input('请输入一个加数：')# b = input('请输入另一个加数：')# print(int(a) + int(b)

2021-03-08 23:03:36 79

原创 vue拖拽实现app或小程序装修界面

vue拖拽实现app或小程序装修一、最终效果图参考引用作者：作者：李白不吃茶v原作者源代码git地址：大神的源代码这里是引用二、需要安装的依赖安装：vuedraggable语法：npm install vuedraggable三、先了解一下拖拽下面是HTML5的拖拽事件dragstart: 开始拖元素触发dragenter:元素拖进可drop元素（绑定drop事件的元素）时触发dragover:当元素拖动到drop元素上时触发drop:当元素放下到drop元素触发drag

2021-03-08 17:12:04 5021 12

原创 python-03

python 基础介绍# 介绍：# 1.二进制与字符编码# 计算机为什么能够认识我？# 他只认识0和1，根本不认识我# 早期的程序员为了让计算机能够认识我，将我能够认识的符号和数字对应好，然后做成一张表叫ASCII表，告诉计算机某种符号你应该使用哪个整数表示：’A‘使用了8个位（置）才能装的下我，在计算机中他们叫一个字节print(chr(0b100111001011000)) # 乘print(ord('乘')) # 十进制打印输出 20056# 保留字# 有一些单词被赋予了特定的

2021-03-06 17:24:24 91

原创 python-02

转义字符# 什么是转义字符# 就是反斜杠 + 想要实现的转义功能首字母# 为什么需要转移字符？# 当字符串中包含反斜杠、单引号和双引号等有特殊用途的字符时，必须用反斜杠对这些字符进行转义（转换一个含义）# 反斜杠 \\# 单引号 \'# 双引号 \"# 当字符串中包含换行、回车、水平制表符或退格无法直接表示的特殊字符时，也可以使用转义字符中包含换行、回车，水平制表符或退格等无法直接表示的特殊字符时，也可以使用转义字符# 换行 \n# 回车 \r# 水平制表符 \t# 退格 \b#

2021-03-06 16:35:40 77

原创 python-01

python-01# 可以输出数字print(520)print(98.5)#可以输出字符串print('helloworld')print("你好")#含有运算符的表达式print(3+4)#将数据输出文件中注意点：1.所指定的盘符存在，2.使用file=fp 3fp=open('E:/text.txt','a+') #如果文件不存在，存在就在文件内容的后面继续追加print('hellowold',file=fp)fp.close()#不进行换行输出（输出内容在一行当

2021-03-06 16:11:04 85

原创 nuxt.js中安装element-ui

nuxt.js中安装element-ui1.安装element-uinpn install element-ui --save2.在package.json中查看3.创建文件在项目的根目录下的plugins下创建ElementUI.js文件import Vue from "vue";import ElementUI from "element-ui";Vue.use(ElementUI);4.引入文件在nuxt.config.js中修改如下：// Global CSS: https

2021-03-05 14:06:59 705

原创 nuxt.js中的静态图片显示不出来解决方法

nuxt.js中的静态图片显示不出来解决方法<script>export default { data() { return { imgList: [ { name: "图1", url: require("../static/banner1.png") }, { name: "图2", url: require("../static/banner2.png") }, { name: "图3", url: requir

2021-03-05 13:55:56 2942

weixin_38644630的博客