sweet__queen的博客

原创 ps中添加字体库

ps中缺少字体库时得解决方法

原创 React 学习-10-ant design pro项目搭建

1.确保npm淘宝镜像为最新：npm config set registry https://registry.npmmirror.com。3.pro create my-app(确保git已安装，可远程拉代码)4. 安装依赖，启动项目 npm run start。

原创 React框架-Next.js 学习-1

一个页面（page）就是一个从。页面（page） 根据其文件名与路由关联。甚至可以在文件名中添加动态路由参数。Next.js 是围绕着。在你的项目中创建一个。

原创 本地安装nvm，管理多版本node

使用nvm 管理本地多个版本的node 并随时切换

原创 Node 学习-1-npm，node终端+应用

由require命令、创建服务器、接收与响应请求三部分组成。

原创 React 学习-9-数据，绑定+refs

componentDidMount 方法中调用ajax或者axios来获取服务端数据 并进行处理存储在state中。html对应的标签属性值 使用花括号将其包裹其中。

原创 React 学习-8-React 组件生命周期

生命周期分为三个状态：挂载，更新，卸载。

原创 React 学习-7-组件API

【代码】React 学习-7-组件API。

原创 React 学习-6-列表 & keys

1.生成列表的方式：使用map()循环数组，放入ul，li中，并将数组的index作为唯一key。

原创 React 学习-5-条件渲染

注意：在 JavaScript 中，true && expression 总是返回。，而 false && expression 总是返回。，&& 右侧的元素就会被渲染，如果是。，React 会忽略并跳过它。

原创 React 学习-4-事件

（3） JSX 回调函数中类的方法默认是不会绑定 this 的，使用时应该为方法绑定 this（使用bind、属性初始化器、在回调函数中使用 箭头函数）箭头函数中，参数e作为react事件对象显示传递，在bind传参方式中，e会被隐式传递同时排在参数后边。注意事项：（1）阻止默认行为必须使用preventDefault,不能使用return false。（2）ES6 class 语法来定义一个组件的时候，事件处理器会成为类的一个方法。1.事件处理,传入函数作为事件处理函数。

原创 React 学习-3-props

state可变，props不可变，故子组件使用props较多。

原创 React 学习-2-state+轮询时间案例

this.timerID 为定时器的 ID，我们可以在 componentWillUnmount() 钩子中卸载定时器。在组件输出到 DOM 后会执行 componentDidMount() 钩子，我们就可以在这个钩子上设置一个定时器。同样，每当 Clock 生成的这个 DOM 被移除的时候，我们也会想要清除定时器，这在 React 中被称为。每当 Clock 组件第一次加载到 DOM 中的时候，我们都想生成定时器，这在 React 中被称为。将不同，所以渲染输出将包含更新的时间，并相应地更新 DOM。

原创 React 学习-1-元素渲染+JSX+组件命名规范

React 元素都是不可变的。当元素被创建之后，你是无法改变其内容或属性的。目前更新界面的唯一办法是创建一个新的元素，然后将它传入 ReactDOM.render() 方法。React只定义一个根节点，由 React DOM 来管理。通过ReactDOM.render()方法将元素渲染到根DOM节点上。元素是构成React应用的最小单位，jsx就是用来生命Reac当中的元素。原生html是小写字母开头，自定义的组件需要大写字母开头，意组件类只能包含一个顶层标签。

原创 轮询高亮多块内容

动态循环高亮展示 数组中的内容

原创 sass基础---选择器继承 @extend

后，不仅会继承父类的样式 ，所有和父类组合在一起的样式也会被继承到子类中。任何css规则都可以继承其他规则，几乎任何css规则也都可以被继承。1. css样式中使用。2. 继承的高级用法。

原创 sass基础--混合器

2. 混合器中可以传参进行修改，写法类似函数。1.多出用到重复性代码时，可以用混合器。来调用定义过的混合器样式。

原创 sass 基础

符号来标识变量，在css中不会于现存或未来的css语法冲突。只声明变量无用，需要引用，使用他们才有用。sass为css引入了变量，可以将反复使用得css属性值定义为变量，然后通过变量命名来引用它们。3.子组合选择器和同层组合选择器 > 或 + 和 ~2. css 可以嵌套，父选择器标识符。

原创 web基础---css函数，命名规则

rotate() 函数：将元素围绕一个顶点旋转而不变形的转换，指定的角度定义了旋转的程度，参数为正，正旋转，负数为逆时针旋转。4.由于浏览器，网络服务器和编程语言对空格的处理并不一致，谷歌搜索引擎把连字符当作单词的分隔符，但不会识别下划线。所以文件夹和文件命名时使用小写字母，不使用空格，区分字母使用短横线，连字符（-），而不是用下划线（_）检查两个操作数是否相等，会比较不同类型的操作数，并尝试强制转换类型。5.css 函数: 由函数名和括号组成，括号内是函数的值。1.相等（==），属于非严格相等。

原创 JS基础-运算符

类似于 链式运算符（.），但是它可以在值或者函数为null 或 undefined 时不报错，返回undefined。左边值为 null 或者 undefined ，返回右边结果值，否则取反。在函数调用或者数组构造是，可将数据或者string，以及字面量对象进行展开。结果是：左侧除以右侧 的余数，值的结果符号与左侧（被除数）正负保持一致。被判断的参数为空值（null 或者 undefined）时对其赋值。有两种，点号（.） 或者 方括号（[ ]）3.逻辑空赋值 （?4.可选链运算符 （?

原创 windows，使用nvm实现本地多node版本切换

vue2升级vue3时，发现vue3版本需要node16+,vue使用的是node14.解决方案：下载nvm来实现本地多版本nodejs共存。安装目录时尽量不要出现特殊字符还有空格，的时候出错，无法正确解析指定的。nvm install 版本号。

原创 vue app.js文件过大，系统初次加载过慢问题解决

app.js文件过大，首次加载慢

原创 vue-i18n国际化 搭建及使用

vue-i18n国际化 搭建及使用

原创 formatter

原创 package.json 插件版本说明

里边是一串json.定义了项目所需的模块和版本scripts：npm命令行缩写，dev：指的是npm run dev"scripts": { "dev": "vue-cli-service serve", "build:prod": "vue-cli-service build", "build:dev": "vue-cli-service build --mode development", "build:stage": "vue-cli-service buil

原创 vue文件下载，get/post

get/post下载

原创 npm i 简单原理

一、npm2采用递归模式，根据dependencies 和devdependencies 属性中指定的包来确定第一层依赖。再根据第一层的子依赖，递归安装各个包到子依赖的 node_modules 中，直到子依赖不再依赖其他模块。类似：二、npm3node_modules 目录改成了更为扁平状的层级结构,尽量把依赖和子依赖都在一个目录下共享，如若出现子依赖的版本号不同的情况，采用npm2d的模式，。如：三、package-lock.jsonnpm5.0后会自动生成packag..

原创 echarts5.0 地图基本引入

地图

原创 vscode 代码无高亮以及less红色波浪线

主要问题是vscode的语言模式识别问题。1.无高亮可能是纯文本模式，右下角有个纯文本样式，点击后选择html即可。缺点是只生效一次，下次依然需要重新自己设置2.less红色波浪线设置为html后，发现css样式总有红色波浪线。总结：语言模式选择 ： .vue的配置文件关联--选择vue。则以后会每次都自动匹配vue模式，一劳永逸。...

原创 java rest client初始化和搜索查询--es

初始化：RestHighLevelClient client = new RestHighLevelClient( RestClient.builder( new HttpHost("localhost", 9200, "http"), new HttpHost("localhost", 9201, "http")));The high-level client 是比low-level更进一层的封装，两者性能相差不大。

原创 idea 连线接mysql时出现 server returns invalid timezone

mysql的时区无效，默认的是标准时区UTC。比北京晚8小时。1.直接在数据库url后追加 ?serverTimezone=GMT (GMT,一般指世界时间，格林尼治时间)2.idea中提示的set timezone，点击后，将UTC改为Asia/Shanghai3.在mysql的命令模式下，输入： set global time_zone='+8:00';...

原创 git 添加ssh key，You won‘t be able to pull or push project code via SSH until you add an SSH key to you

1.先查询本地是否存在ssh key---cd ~/.ssh2.不存在则去生成key：ssh-keygen -t rsa -C “你公司在GITLAB上的邮箱地址”3.再次查看ssh key是否已经生成，若已经生成则打开id_rsa.pub，复制里边的key值（cd ~/.ssh ---- ls -a --- cat id_rsa.pub）4.打开gitlab，进入settings，找到ssh key，将复制的key值粘贴进去，添加key即可...

原创 ES7.9 模板

简介：模板分为：索引模板、多组件模板（优先级高）1.创建索引索引模板示例：语法为：PUT /_template/模板名称{ "index_patterns":["正则，匹配该模板应用的索引"], "order":"数值，模板优先级", "settings":{ "settinngs相关配置" }, "mappings":{ "mappings相关配置" }}PUT _template/template_1{ "ind...

原创 python3--条件语句

1.if①if判断的一个子分支，在Python规范中，一般使用4个空格作为缩进②条件分支判断的格式，在最后加入冒号:，表示接下来是分支代码块score = 59if score < 60: print('抱歉，考试不及格')# ==> 抱歉，考试不及格...

原创 python学习2--- 字符串

1.基本使用 ①字符串可以用' '或者" "括起来表示。 ②字符串既包含单引号，又有双引号，用\进行转义\n表示换行\t表示一个制表符\\表示\字符本身 ③转义 1.单行有较多需要转义的，可使用r'...' （不能表示包含'和"的字符串。）----raw字符串 2.多行字符串，可以用'''...''' 3.多行字符串前加r，也可变成raw字符串1.r'\(~_~)/ \(~_~)/'2.如果要表示...

原创 python 学习1

一、Hello World1.官网下载exe，安装（安装时可选择add path---，会自动配置环境变量）2.打开cmd，输入python进入运行环境，成功后会有>>>3.print('Hello World')-----回车，出现Hello Worldprint('Hello World')二、变量和类型1.基础数据类型整数：二进制整数使用前缀0b表示，比如：0b0110；十六进制使用前缀0x，比如：0x12ef ①可进行取模运算 % （取...

原创 vue 服务只能使用localhost，不可用本地IP访问解决

方法1.(1)修改index文件的host值，将localhost换成0.0.0.0,此时访问是0.0.0.0：80xx(2) 可在build/webpack.dev.conf.js中找到devServer：--添加 useLocalIp:true,方法2.package.json中scripts： dev：最后添加 --host 0.0.0.0原因：webpack-dev-server 配置 host 时，默认是localhost。如果想被外部访问，需要...

原创 ELK 下载配置

1.下载地址：https://www.elastic.co/cn/start2.根据需求下载ES和kibana（1）ES启动：ES对jdk要求比较高，下载ES自己有内置jsk，可使用自己的，也可使用ES的，自行切换java环境即可，使用自己的jdk，ES自带的可能会删除。设置路径： 计算机=》属性=》高级=》环境变量=》系统变量=》新建变量名：JAVA_HOME变量值：D:\elasticsearch-7.9.0-windows-x86_64\elasticsearch-7.90\.

原创 logstash简介，下载和安装

1.简介：集中、转换和存储数据Logstash 是免费且开放的服务器端数据处理管道，能够从多个来源采集数据，转换数据，然后将数据发送到您最喜欢的“存储库”中。2.处理流程input---> fileter ---> outputinput：-（可从file，redis，beats，kafka等拿数据）filter：-（包含Grok,Date,Mutate,Drop等步骤）output：-(stdout,标准输出)3.input、output配置eg：.

原创 mybatis plus

springboot+mybatis plus1.实体类和数据库表列名相对应，简化查询。实体类中驼峰命名对应到数据库中用下划线分割，如userName-->user_name2.使用sql时，创建的mapper需继承plus的BaseMapper<T>3.使用sql时可直接调用basemapper中的方法（crud以及各种构造器查询和分区查询等）4.查询时可将要使用的参数封装到QueryWrapper中，比如：模糊查询，使用querywrapper.like()按字