自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(47)
  • 收藏
  • 关注

原创 mac安装nvm

1、下载nvm sudo curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash (如果报错失败或连接不到远程,先在host文件中配置:185.199.109.133 raw.githubusercontent.com) 2、正常情况下安装完成后,会自动在全局配置文件中,配置好相应的环境变量。链接:https://juejin.cn/post/7232499180660768829。

2024-04-10 11:31:52 625

原创 psql macos环境变量记录

export PATH="/Library/PostgreSQL/13/bin:$PATH"

2022-05-17 14:31:38 376

原创 postgresql.conf位置

1. 进入pgsqlsu - postgresql2. vim $PGDATA/postgresql.conf

2022-04-14 17:32:55 1446

原创 Nginx centerOS7安装

1. yum -y install gcc-c++. //安装所需环境2. yum install pcre pcre-devel. //安装所需环境3. yum install -y zlib zlib-devel. //安装所需环境4. yum install -y openssl openssl-devel. //安装所需环境5. mkdir /usr/local/nginx. //创建存放目录6. cd /usr/local/nginx. //进入目录7. wget http

2022-04-13 17:31:46 3382

原创 Django 创建项目

1. pip install Django==【版本号】2. django-admin startproject 【项目名】3. 进入项目目录 控制台:python manage.py runserver 【地址】:【端口号】4. 控制台输出April 12, 2022 - 01:40:12Django version 4.0.4, using settings 'djdemo.settings'Starting development server at http://localho

2022-04-12 09:47:15 687

原创 Anaconda Mac虚拟环境操作

1. 退出虚拟环境conda deactivate2. 激活虚拟环境conda activate 【环境名】3. 查看所有虚拟环境conda info --env ||conda env list4. 创建虚拟环境conda create -n 【环境名】 python=【python版本号】5. 删除虚拟环境conda remove -n 【环境名】 --all6. 拷贝虚拟环境c...

2022-04-11 17:39:41 1583

翻译 python 基本运算及函数

x + y x 和 y 的和 x - y x 和 y 的差 x * y x 和 y 的乘积 x / y x 和 y 的商 x // y x 除以 y,取整除 x % y x 除以 y,取模 -x x 取反 +x x 不变 abs(x) x 的绝对值 int(x) 将 x 转换为整数 float(x) 将 x 转换为浮点数 complex(x, y) 一个带有实部 x 和虚部 y 的复数,y 默

2022-04-11 16:50:34 378

原创 python 类继承

python2中类分为两种 新式类、经典类//新式类class A(object): pass//经典类class A: passpython3中两种写法都是新式类1.新式类与经典类 MRO算法不同经典类:深度优先遍历新式类:广度优先遍历2.新式类相同父类只执行一次构造函数,经典类重复执行多次。类的继承分单继承和多继承class A(object): def __init__(self, content):...

2022-04-11 12:10:58 587

原创 React Hook useCallback 的理解

React Hook useCallback

2022-04-07 14:44:35 377

原创 react 路由配置

1. 安装react-router-dom2. 在app.js中导入mport { BrowserRouter as Router, Routes, Route } from 'react-router-dom'3. 使用懒加载import React, {lazy,Suspense} from 'react';const Test = lazy(()=>import('./modules/Test'))const Home = lazy(()=>import('./m

2022-03-15 17:15:29 2839 1

原创 前端项目配置服务器

1.购买云服务器,获得云服务地址,如阿里云,百度云等(我的是centerOS7系统)2.本地电脑连接云服务 ssh 用户名@云服务地址 连接成功后进入服务端3.更换源,安装项目依赖及插件 如(node.js npm nginx mongodb mysql pm2)4.本地电脑将打包好的前端代码以及后台代码上传服务端,安装所需依赖5.配置nginx前端接口,配置服务参数(也可以像tomcat等工具)(nginx.conf和nginx.conf.default两个文件 , nginx 文件...

2021-08-04 22:59:52 803

原创 osi七层结构

1. 物理层:最底层,传输比特流 ,ieee网络协议2. 数据链路层:物理层传输的比特流包装3. 网络层: 控制子网的运行,如逻辑编址,分组传输,路由选择最小单位——分组(包)报文,ip协议4. 传输层:定义传输数据的协议和端口, tcp,udp协议5.会话层:在网络中的两节点建立,维持和终止通信, dns协议6.表示层:编码转换,数据解析,管理数据的解密和加密7.应用层:文件传输,文件管理,电子邮件的信息处理,http协议在传输层和应用层具有纠错能...

2021-04-08 13:10:51 170

原创 React基本使用和介绍

首先需要引入react JS文件和babel JS语法编译器https://react.docschina.org/docs/cdn-links.htmlhttps://www.babeljs.cn/setup#installation<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script><script crossorigin src="..

2021-03-24 16:38:41 106

原创 TCP协议中三次握手四次挥手

TCP协议规定了应用程序之间交互的通信协议在TCP层,有个FLAGS字段,这个字段有以下几个标识:SYN(建立连接),FIN(关闭连接),ACK(响应),PSH(推位,当设置为1时,要求把数据尽快的交给应用层,不做处理),RST(连接重置,RST攻击就是利用伪造TCP包发送请求使其断开连接),URG(紧急位,URG标志设置为1时,紧急指针才有效,紧急方式是向对方发送紧急数据的一种方式,表示数据要优先处理。).三次握手:第一次握手:发送端 向 接收端 发送一...

2021-03-17 19:01:05 133

原创 vue 中模块之间的调用

子模块: 创建一个child.vue<template> <div id="child" @click="sendtoparent"> {{init}} </div></template><script> export default{ props:['myage'], //接收父组件传过来的值 data()

2021-03-12 11:17:14 845

原创 express 初始化一个项目

使用express创建一个前后端分离的项目第一步:全局安装express-generator(为了可以使用express命令)npm install express-generator -g第二步:创建一个新目录并初始化express myexpress \\myexpress 是我要创建的目录名称第三步:进入该目录并添加模块cd myexpress cnpm install cors //跨域模块 //在app.js文件中引入cors,并使

2021-02-24 09:53:27 608

原创 Quirks Mode and Standards Mode

页面渲染时,浏览器解析css的两种模式:1、标准模式(Standrds Mode) 标准模式下浏览器按照W3C标准对css进行解析,我们现在使用的都是标准模式进行页面渲染。2、怪异模式(Quirks Mode) 怪异模式是兼容旧版本浏览器的未遵守W3C标准的渲染模式,在一些情况下我们可以进入该模式,例如:①、没有声明DTD文档格式。②、<!DOCTYPE>的缺失或未置顶也会进入怪异模式。两种模式对比 怪异模式 标准模...

2021-02-20 21:51:48 111

原创 JS独立引擎

我们平常所说的浏览器内核一般是指浏览器渲染引擎,但其实也悄悄的包括了JS独立引擎。JS独立引擎是一个专门处理JS脚本的虚拟机,会附在浏览器之中。1.IEIE使用的JS引擎在 JScript(IE3.0-IE8.0),IE9以后用的是Chakra。2.firefoxfirefox使用的JS引擎SpiderMonkey(1.0-3.0)(第一款JS引擎)/ TraceMonkey(3.5-3.6)/ JaegerMonkey(4.0-)3.safarisafari使用的JS引擎N...

2021-02-17 15:26:55 202

原创 浏览器内核

现在主要浏览器分为5种,分别是 IE,firefox,safari,chrome,opera,这些浏览器最主要的部分就是它的渲染引擎,也就是我们所说的浏览器内核。1.IE(Trident)又名MSHTML,该内核是微软在1997年同IE4一同出现在互联网,本身是一个开放的内核,由于其引擎被设计成一个软件模块,所以其他的软件开发人员就能够在他们开发的应用程序中加入网页的浏览功能。但是IE内核无法在windows操作系统之外的其他操作系统上使用,所以不能跨平台使用。后来由于长时间没有更新,使其与W3C标

2021-02-17 14:29:06 118

原创 redis 基础指令

字符串操作: 一个键一个值set get del 设置\获取\删除变量incr\decr ++\--mset\mget 多个设置\获取操作type key 查看类型append key1 value 向key1后面链接一个值哈希操作: 多个键多个值hset key field value 向key 里添加键值对hget key field 获取键值对的值hlen key 查看key键值对的个数hgetall key 查看key里的所有键值对hexists key field 检查..

2021-01-28 20:50:53 83

原创 mongodb 基础操作

数据库操作查看所有数据库 show dbs 或者 show databases 都可以删除数据库 db.dropDatabase()查看所有集合 show collections创建集合 db.createCollection(集合名)插入数据db.集合名.insert({键值对}); //在没有的集合中插入会自动创建该集合,可以用来创建集合 //既可以插入一条也可以插入多条插入一条数据 db.集合名.insertOne({键值对})插入多条数据 db.集合名.inser...

2021-01-28 20:50:07 116

原创 sql 增删改查基本操作

数据库操作查看所有数据库 show databases;进入某个数据库 use (数据库名)查看所有表格 desc (表名);查看当前使用的数据库 select database();创建数据库 create database (数据库名);删除数据库 drop database (数据库名);运行sql文件脚本 source (脚本路径);数据库表格操作数据库table 表格操作: 创建表格create table (表格名)( 属性名1 类型1,...

2021-01-22 21:38:22 170 1

原创 h5 datalist

<input type="text" name="link" list="city_list"/> <datalist id="city_list"> <option value="before"> <option label="bt">中间</option> <option value="after">最后</option> </datalist>datalist 定义选项内容..

2020-12-20 17:22:00 192

原创 jquery遍历节点

父类节点遍历:parent()寻找节点的第一个父节点 (参数用于筛选元素)parents()寻找节点的所有父类节点(会一直找到document)(参数用于筛选元素)parentUntil(el)寻找两个节点之间的所有父类节点子类节点遍历:children()寻找节点的第一个子节点 (参数用于筛选元素)find()寻找节点的所有子节点(参数用于筛选元素)兄弟节点遍历:siblings()寻找所有兄弟节点(参数用于筛选元素)

2020-12-20 14:38:25 134

转载 js 鼠标、元素的距离属性

offsetTop //返回元素的上外缘距离最近采用定位父元素内壁的距离,如果父元素中没有采用定位的,则是获取上外边缘距离文档内壁的距离。 所谓的定位就是position属性值为relative、absolute或者fixed。返回值是一个整数,单位是像素。此属性是只读的。offsetLeft //此属性和offsetTop的原理是一样的,只不过方位不同,这里就不多介绍了。scrollLeft //此属性可以获取或者设置对象的最左边到对象在当前窗口显示

2020-12-19 16:39:41 2064 1

原创 css mask与linear-gradient搭配使用

mask 遮罩 与background类似mask-mode mask-repeat mask-position mask-clip mask-origin mask-size mask-type mask-composite mask-image 当参数为url 时可以在原本图片基础上 镂空一个该图片形状的遮罩样式 linear-gradient 中的百分比为起始位置 如20%就是相当于起始位置20%的地方开始着色 利用此效果我们可以将ma...

2020-12-05 17:29:42 1151

原创 css 滤镜和阴影(无总结)

filter(滤镜)用法:filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();参数:none 默认值,没有效果。 blur(px) 给图像设置高斯模糊。"radius"一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以.

2020-12-04 21:16:59 164

原创 js 对象创建

var emp=new Object(); var emp1={emp.name='lisa'; name:'name',emp['age']=18; ...

2020-11-28 14:51:31 72

转载 css 滤镜

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();none 默认值,没有效果。 blur(px) 给图像设置高斯模糊。"radius"一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以值越大越模糊; 如果没有设定值,...

2020-11-28 11:56:45 96

原创 js 避免回流和重绘

重绘:当我们对DOM的修改导致了样式的变化、却并未影响其几何属性(比如修改了颜色或背景色)时,浏览器不需重新计算元素的几何属性、直接为该元素绘制新的样式(跳过了上图所示的回流环节)。回流:当我们对DOM的修改引发了DOM几何尺寸的变化(比如修改元素的宽、高或隐藏元素等)时,浏览器需要重新计算元素的几何属性(其他元素的几何属性和位置也会因此受到影响),然后再将计算的结果绘制出来。这个过程就是回流(也叫重排)会发生回流和重绘的的操作:DOM的添加和删除; 页面的加载; 元素尺寸改变—...

2020-11-12 17:29:33 787 1

原创 JS DOM节点操作笔记

childNodes 返回所有子节点组成的数组;firstChild / lastChild 返回第一个 / 最后一个 子节点;parentNode 返回父节点;nextSibling / previousSibling返回下一个 / 上一个 节点(包括文本节点);nextElementSibling / previousElementSibling返回下一个 / 上一个 节点(不包括文本节点);creatElement 控制台创建一个文本setAttribute 设置对象属...

2020-11-08 15:54:37 142

原创 JS 归并方法

reduce(function(prve cur index array)) 该函数接收四个参数 第一个为 前一个值; 第二个为当前值;第三个为项的索引;第四个为数组对象;归并方法 会在给定函数运行后将结果作为下一次运行的第一个参数,直到遍历最后一项,然后返回一个最终值reduceRight则是从后向前遍历知道遍历到第一项...

2020-11-06 12:12:44 200

原创 JS 迭代方法笔记

every() 对数组中的每一项运行给定函数 当所有每一项的结果都是true就会返回truefilter() 对数组中的每一项运行给定函数 返回运行结果为true 的项组成的数组forEach()对数组中的每一项运行给定函数没有返回值map对数组中的每一项运行给定函数 返回结果组成的数组some()对数组中的每一项运行给定函数 当有一项运行结果为true 就会返回true...

2020-11-06 12:07:14 66

原创 JS innerHTML outerHTML innerText outerText

如:<div><p>这是一个段落</p></div> innerHTML设置或获取标签所包含的HTML+文本信息 div.innerHTML的结果为 <p>这是一个段落</p>outerHTML设置或获取标签自身及其所包含的HTML+文本信息 div.outerHTML的结果为 <div><p>这是一个段落</p></div>innerTex...

2020-11-01 17:26:58 86

原创 一个简单的超市购物网页

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body><s...

2020-10-29 21:38:15 862

原创 JS 字符转换和零碎小结

object.valueof() 返回对象原本的值object.toString() 将对象的值转换为字符串类型 并返回 可以使用参数,参数表示进制数 例如二进制:object.toString(2)object.tolocalString() 将对象的值转换为本地类型的字符串形式 并返回object.join() 与toString 基本类似但是只能用于字符串可以传参 参数表示的是字符串之间的间隔符默认不写就是字符串原本的逗号object.reverse() 将数组中的元素颠倒过来...

2020-10-25 13:00:33 79

原创 运算表达式小记

var a=5,b=5,c=5;a*=b+=c;结果是 a=50 是因为 a=a*(b+=c) -> a=a*(b+c)所得出的并不是 a=a*b+c; a=30所以说明运算符 += -=*=/= 在运算时是一个整体

2020-10-24 10:32:49 66

原创 var let const使用规则

var let const1. var let const在同一作用域内不能相互覆盖2. const 在任何情况下都不能被覆盖3. var a=1; {let a=2;} 这种情况可以使用因为作为两个不同的变量出现在不同作用域 被允许 let a;在括号外=1,括号内=2;4. let a=1; {vara=2;} 这种情况相当于在第一种 不被允许 会报错;5. let/var a=1;{const a=2;} 这种情况相当于第三种 被允许总结:在同一作用域内le...

2020-10-24 10:25:26 146

原创 JS数组/字符串的操作方法

JS 数组/字符串操作方法slice(start,end) 既可以用于字符串也可以用于数组,结果返回一个新的数组,并不会对原字符串或数组进行修改,两个参数表示的是选取的起始位置和结束位置(第一个位置是0) 当参数为负值的时候就会用后向前算splice(start,length,ietm) 只数组操作 用于删除(截取)/添加一个数组,结果返回删除(截取)的部分,会对原字符串进行修改,第一个参数表示起始位置 (当为负数时同第一个),第二个是截取的长度,第三个是插入的新内容substr(star...

2020-10-22 22:37:09 182

原创 JS数据类型(个人小结)

JS 数据类型String 类型 字符串Number 类型 数字Boolean 类型 布尔 true/false 在与数字连接运算时为1/0 与字符串类型连接时为 字符串类型true/falsenull 表示空undefined 未定义 一般说明变量没有被创建Object 对象引用类型 指向某个对象function 函数Array 数组...

2020-10-22 15:33:58 84

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除