漫川清梦压星河-CSDN博客

原创 elementui表格中switch开关控件的使用

在elementui中switch用法如下：https://element.eleme.cn/#/zh-CN/component/switch<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949"></el-switch><script> export default { data() { return { value

2021-08-19 14:41:04 1737

原创 promise手写（完整）

实现的主要功能如下Promise.prototype.thenPromise.prototype.catchPromise.resolvePromise.rejectPromise.allPromise.race设定三个状态 PENDING、FULFILLED、REJECTED ，只能由PENDING改变为FULFILLED、REJECTED，并且只能改变一次MyPromise接收一个函数executor，executor有两个参数resolve方法和reject方法resolve将

2021-08-17 17:10:07 5547 1

原创 React的入门安装及基本使用

前几天偶然看到别人家在写react的项目，然后我脑袋一热就马上去找了网上面相关的资源去学习~1. 原生的引入方式使用过vue的人应该都知道只需要引入一行的script url链接就可以使用，react它支持多种场景下的使用，如果要在web下条件使用的话，就要多引入一个react-dom的文件React相较于vue而言的话，它更偏向于js原生的编程方式，在vue2当中很多template模板编译，data都是vue给我们封装好了的，所以react相对于vue而言，更偏向于函数式的编程下面来一段

2021-08-11 22:31:46 185

原创 mongoose 与schema 和model

在Node项目中使用mongoDB数据库，一般来说是使用Moogose进行连接，所以现在就来介绍一下安装yarn add mongoose //或者npm i mongoose连接const mongoose = require(“mongoose”);mongoose.connect(‘mongodb://localhost/my_database’);建立schema 和modelshema 相当于对表结构的定义model 定义表其实在MongoDB中不能称为表，应该为文档 s

2021-05-23 16:31:44 224

原创使用mongoose连接本地的mongoDB数据库

在空文件夹下面进行项目的初始化npm init -y创建app.js文件，粘贴下面的代码const mongoose = require('mongoose')mongoose.connect('mongodb://127.0.0.1:27017/admin',{ useNewUrlParser:true, useUnifiedTopology: true})const User = mongoose.model('users',{name:String,age:Num

2021-05-07 18:05:47 452

原创 TypeError: webpackMerge is not a function

按照教程学习的，在npm run build报错：TypeError: webpackMerge is not a function是看了篇博客找到了解决的方案，改成：报错得到解决！

2021-04-27 10:32:41 120

原创 express中间件的原理

const http = require('http')const slice = Array.prototype.sliceclass LikeExpress { constructor() { // 存放中间件的列表 this.routes = { all: [], // app.use(...) get: [], // app.get(...) post: [] // ap

2021-04-22 15:41:34 79

原创 nodeJS中redis的使用

redis是什么？与session有什么关系呢？session的数据是就是的变量，放在nodejs进程中进程的内存的有限，当访问量过大，session的体量就会变的很大，可能会引起内存的暴增正式线上运行时多进程，进程之间的数据无法共享：比如，有三个进程都有个session，当我第一次登陆成功的时候命中的是第一个进程，他把我的登录信息放在自己session中去了，第二次登录命中的是第二个进程的话，结果登录失败了。把session存放到redis就是这个问题的解决方法原因如下：session的访问比

2021-04-19 14:58:54 2029

原创 nodeJS当中cookie与session使用方式

cookie，session分别是什么呢？cookie存在于客户端，session存在于服务端；每次向后端发出http请求的时候就会带上cookie值，cookie本身也是有一定的内存限制的一般来说是5KB的样子，cookie里面会记录一些网站用户的行为，里面有一个唯一的标示sessionID；session一般是直接存在后端的内存当中，session根据客户端发送的seesionID去匹配后端的内存中的资源在node中怎么去处理？为了实现cookie session的全局处理，我是放到了全局

2021-04-09 13:09:18 163

原创 npm -s -d

package.json是工程化一些配置文件的信息不管是npm\cnpm进行文件安装的时候，后面会加上一些参数指定包的环境，最常见的:-S\-save：会将包放在dependency里–save-dev\-D：会将包放在devDependency里，devDependency里的包指的是只在开发环境下会用到的包，在生产环境下不会被打包...

2021-04-01 16:44:40 158

原创 reflow （回流）和 repaint（重绘)理解

reflow 和 repaintrepaint 就是重绘，reflow 就是回流。严重性：在性能优先的前提下，性能消耗 reflow 大于 repaint。体现：repaint 是某个 DOM 元素进行重绘；reflow 是整个页面进行重排，也就是页面所有 DOM 元素渲染。如何触发：style 变动造成 repaint 和 reflow。不涉及任何 DOM 元素的排版问题的变动为 repaint，例如元素的 color/text-align/text-decoration 等等属性的变动。除

2021-01-19 10:40:32 332

原创移动端布局方案

移动端布局方案百分比布局百分比布局的，这样的做法的话是比较费时间的，有些细节的地方还需要用媒体查询来做兼容。做起来挺费时间，而且对于设计稿的还原也不好。所以这里>也不怎么推荐固定的设备宽度在做移动开发的时候很多人都会加上viewport的配置，那么固定设备宽度的布局就是根据这个来设置的，将viewport里面的宽度width设置成设计稿的宽度，也就是说原本是width=device-width，即宽度为设备的宽度假如在iphone6上显示的时候，那么页面的宽度就是375px; 当我

2021-01-19 10:37:43 78

原创栅格系统的快速上手

栅格系统 (grid system)一个基本的栅格系统仅仅需要几个元素a container （一个容器）rows （行）columns （列）gutters (the space between columns)**容器：**容器是用于设置整个栅格的宽度，容器的宽度通常是100%, 但是，你可能也要设置一下最大宽度，用于限制在大屏幕的展示**行：**行是用于确保它里面的列元素不会溢出到其他的行元素里面，为了达到目的，通常我们需要使用clearfix。**列:**列是栅格系统中最

2021-01-19 10:22:19 80

原创 css选择器与css3伪类

css选择器元素选择器html {color:black;}h1 {color:blue;}h2 {color:silver;}类选择器.important {color:red;}id选择器#intro {font-weight:bold;}属性选择器a[href][title] {color:red;} // 将同时有 href 和 title 属性的 HTML 超链接的文本设置为红色后代选择器h1 em {color:red;} // 只对 h1 元素中的 em 元素

2021-01-19 10:17:32 66

原创 css中的BFC、IFC、GFC、FFC

BFC(块级格式上下文)在面试的时候，关于对BFC的理解是一非常重点的内容，就来看看吧BFC (Block Formatting Contexts )就是块级格式上下文，是页面盒模型布局中的一种 CSS 渲染模式，相当于一个独立的容器，里面的元素和外部的元素相互不影响创建 BFC 的方式：body 根元素浮动元素：float 除 none 以外的值绝对定位元素：position (absolute、fixed)display 为 inline-block、table-cells、flexov

2021-01-19 10:15:14 494

原创右边宽度固定，左边自适应

1实现方式一:最简单的方式使用flex的方式实现<style>body{ display: flex;}.left{ background-color: rebeccapurple; height: 200px; flex: 1;}.right{ background-color: red; height: 200px; width: 100px;}</style><body> <di

2021-01-19 10:09:48 119

原创 css的常见6种布局方式

下面主要是针对三栏布局进行介绍：常见的三栏布局有，流体布局、圣杯布局、双飞翼布局、flex布局、绝对定位布局、网格布局流体布局两边的宽度是固定的，中间的宽度是可以根据屏幕的大小进行改变的。实现的关键点是，左边还有右边的元素分别给他们设置浮动，即左边设置成左浮动，右边是右浮动，并且要设置成固定的宽高；中间的主要模块，使用margin-left还有margin-right进行设置（设置的值为到父元素两侧的距离，这里指的就是到container这个父元素边距的距离） .left { floa

2021-01-19 10:01:09 4562 1

转载与、或、异或的运算

1.与运算（&）参加运算的两个数据，按二进制位进行“与”运算。运算规则：0&0=0; 0&1=0; 1&0=0; 1&1=1;即：两位同时为“1”，结果才为“1”，否则为0例如：3&5 即 0000 0011 & 0000 0101 = 0000 0001 因此，3&5的值得1。例如：9&5 即 0000 1001 (9的二进制补码)&00000101 (5的二进制补码) =00000001

2020-12-02 14:23:34 1260

原创 git创建新的分支

在github上面创建新的分支第一步：git branch 查看当前分支情况git branch //查看当前分支情况第二步：git branch 分支名，新建一个自己的分支git branch 分支名 // 新建一个自己的分支第三步：git checkout 分支名，切换到新建的分支git checkout 分支名 //切换到新建的分支第四步：git branch，重新查看一下第五步：git push -u origin 分支名,同步到github

2020-11-16 10:13:12 180

原创 npm 的全局安装局部安装

什么是全局安装？安装位置全局安装方式是键入命令：npm install webpack -g 或 npm install webpack --global，其中参数-g的含义是代表安装到全局环境里面，包安装在Node安装目录下的node_modules文件夹中，一般在 \Users\用户名\AppData\Roaming\ 目录下，可以使用npm root -g查看全局安装目录。调用方式全局安装后可以供命令行(command line)使用，用户可以在命令行中直接运行该组件包支持的命令。什

2020-11-14 11:33:57 1526

转载 Node.js 中文乱码解决

Node.js 支持中文不太好（实际上是Javascript支持），见《Node.js开发指南》。要想Node.js正常显示中文，需要两点：1、js文件保存为unicode格式。js文件是否为unicode格式，一个简单的方法是使用记事本来判断。使用记事本打开JS文件，点菜单另存为，看编码格式是否为"UTF-8"。若不是，可使用UltraEdit工具进行转换，使用记事本也可以转换。2、在js文件中增加编码说明meta数据，让浏览器知道使用什么编码来解释网页。两个条件缺一不可。一个Node.js中使

2020-11-06 21:52:40 2556

转载 app.use()方法详解

这里说的app，是指express对象var express = require(‘express’);var app = express();其中，app.use是express“调用中间件的方法”。所谓“中间件（middleware），就是处理HTTP请求的函数，用来完成各种特定的任务，比如检查用户是否登录、分析数据、以及其他在需要最终将数据发送给用户之前完成的任务。”。这是阮一峰文章的原话。简而言之，app.use() 里面使用的参数，主要是函数。但这个使用，并不是函数调用，而是使能的意思。当

2020-11-06 20:42:29 19616

mangguom23的博客

原创 elementui表格中switch开关控件的使用

原创 promise手写（完整）

原创 React的入门安装及基本使用

原创 mongoose 与schema 和model

原创使用mongoose连接本地的mongoDB数据库

原创 TypeError: webpackMerge is not a function

原创 express中间件的原理

原创 nodeJS中redis的使用

原创 nodeJS当中cookie与session使用方式

原创 npm -s -d

原创 reflow （回流）和 repaint（重绘)理解

原创移动端布局方案

原创栅格系统的快速上手

原创 css选择器与css3伪类

原创 css中的BFC、IFC、GFC、FFC

原创右边宽度固定，左边自适应

原创 css的常见6种布局方式

转载与、或、异或的运算

原创 git创建新的分支

原创 npm 的全局安装局部安装

转载 Node.js 中文乱码解决

转载 app.use()方法详解

转载 mysql‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。

原创卸载重装MYSQL(亲测有效)

转载 VScode 豆沙绿护眼主题

原创微信小程序底部菜单、购物车实现

转载使用git更新github上的代码

原创文本溢出情况，解决

原创安装python，pycharm学生版激活

原创双击pycharm无法打开的问题

原创 VM17:1 miniprogram/app.json: miniprogram/app.json 未找到

原创基于Node原生Api获取网页信息

原创 node语言的见解

空空如也

空空如也