自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 antd源码-button解析

antd源码-Button解析 Button render 在Button的组件中的index函数中,我们从antd引入button的时候是从index.tsx这个文件引入的 import Button from './button'; import ButtonGroup f...

2020-03-29 10:56:17

阅读数 11

评论数 0

原创 每日温度题解

每日温度的两种解法 题目描述 给定一个数组T代表了未来几天里每天的温度值,要求返回一个新的数组D,D中的每个元素表示需要经过多少天才能等来温度的升高。给定T:[23,25,21,19,22,26,23]返回 D: [ 1, 4, 2, 1, 1, 0, 0] 暴力解法 ...

2020-03-12 22:05:23

阅读数 12

评论数 0

原创 基本常用数据结构的优缺点

基本常用数据结构的优缺点 数组 字符串 数组和字符串是最基本的数据结构,在很多编程语言中都有着十分相似的性质。 数组的优点在于: 构建非常简单 能在O(1)的时间里根据数组的下标(index)查询某个元素 而数组的缺点在于: 构建时必须分配一段连续的空间 查询某个元素是否存在时...

2020-03-08 16:47:14

阅读数 20

评论数 0

原创 翻转K组链表

翻转K组链表 var reverseKGroup = function(head, k) { // 以k为3举例 let thead = new ListNode(0) thead.next = head let pre = thead let end = ...

2020-03-07 14:38:41

阅读数 7

评论数 0

原创 回文子串查找

查找回文子串 中心拓展法 中心拓展法是根据回文的特点,因为回文顺着读和反过来读是一摸一样的,所有可以理解为左半边和右半边是一模一样的,可以通过中心位置确定两边的字符是否相等,类似一个洋葱,但是不是从外往外边剥,而是从里往外剥。具体算法如下: var countSubstrings = functi...

2020-03-02 15:18:07

阅读数 14

评论数 0

原创 mysql绿色版本的安装

mysql绿色版本的安装 下载mysql压缩包下载官方正版 找到 Windows (x86, 64-bit), ZIP Archive 点击下载### 下载完成[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传这是下载的包解压出来的文件结构。 配置 1.在这个目录下新建一个my....

2020-02-26 11:20:41

阅读数 36

评论数 0

原创 回顾2019展望2020

回顾2019展望2020 2020年了,这是一个美好的一年,本命年呢!红衣服什么的都已经买好了,回想毕业到现在已经一年半的时光了,从最开始只会codeing的小白到现在,自认为自己的水平达到了中级的水准。2019是我成长的一年,思维的转变,学习了许多,也成熟了很多。 在整个2019年里,我达成了:...

2020-01-07 15:02:44

阅读数 828

评论数 0

原创 git 规范化提交代码结合tag自动生成log日志

git 规范化提交代码结合tag自动生成log日志 git commit 信息提交规范含义- feat : 新功能- fix : 修复bug- docs : 文档改变- style : 样式改变-不影响代码含义的更改(空白、格式、缺少分号)- refactor : 重构-不修复bug也不添加特性的...

2020-01-02 15:03:38

阅读数 95

评论数 0

原创 前端系统设计

前端系统设计 前端三大件:html、css、js,万变不离其中,不管我们使用的是vue、react、angular还是其他什么,都是要提高我们代码的复用性、可读性、可维护性以及可拓展性。 html 语义化的标签,在不借助任何前端框架的情况下, <header> <se...

2019-12-30 09:14:27

阅读数 126

评论数 0

原创 nestjs+typeorm实现增删改查

nestjs+typeorm 实现增删改查 为什么学nestjs,因为自己想要侵入微服务架构中的bff层,而本身自己对java的开发比较欣赏,层级结构很清晰,而nestjs可以说是node版本spring。 初始化nestjs项目 npm i -g @nestjs/cli nest new pro...

2019-12-19 15:04:22

阅读数 237

评论数 0

原创 react源码解析-jsx转换为ast树及渲染

react源码解析-jsx转换为ast树及渲染挂载 我用react有一段时间了,但是却对其实现的原理一知半解,只知道这样用能行,但是其怎么实现的并不知道。知其然才能对一些性能优化,写代码的时候才能考虑得更充分,将react的利用率达到更高,对代码的质量及项目的架构也会有更好的认识。 jsx转换as...

2019-12-03 18:55:00

阅读数 233

评论数 0

原创 四数之和

四数之和 采用双指针遍历解法。 var fourSum = function(nums, target) { var sortNums=nums.sort((a,b)=>a-b); var length=nums.length; var result=[]; ...

2019-12-03 18:49:51

阅读数 70

评论数 0

原创 webpack 构建及优化

webpack 构建优化 speed-measure-webpack-plugin 这个插件可以测量项目的webpack构建速度,可以让我们清晰的知道如何去优化webpack的构建配置 webpackbar 在建造或观看时显示优雅的进度条 分析 webpack构建的优化可以从这几方面入...

2019-10-15 19:32:34

阅读数 23

评论数 0

原创 webpack从零开始搭建react开发脚手架

webpack从零开始搭建react开发脚手架 style-loader 可以给每一个模块加入一个标志。 less-loader 将less所写得样式代码转换为css代码, css-loader 解析@import()和less或者css里面的url() url-loader 将引...

2019-10-08 23:24:36

阅读数 42

评论数 0

原创 yapi mock使用

Yapi Mock Server Mock基本概念 对于前端来说Mock是在后端给出接口但没有书写实现的时候,可以按照后端给的入参和返回参数模拟出数据,前端发起请求,前端不必等着后端实现了接口再去对接数据,前端工作能够提前一部分。 语法: // 属性名 name // 生成规则 rule //...

2019-10-05 23:07:14

阅读数 982

评论数 0

原创 dva项目结构及运用

dva简介 dva是一个整合react-redux、react-saga的一个数据流方案,同时将react-router也装入进来了,dva简化了redux和saga的文件目录,将这两个数据工具统一放置在一个目录(models)之内,一个对象里面包含了同步异步操作。dva的核心在models中体现...

2019-07-08 22:09:43

阅读数 284

评论数 0

原创 javascript设计模式与六大原则

设计模式的目的 提高代码的重用性、可读性、可靠性、可维护性。 六大原则 单一职责原则 理解:不同的类具备不同的职责,各司其职。做系统设计是,如果发现有一个类拥有了两种职责,那么就要问一个问题:可以将这个类分成两个类吗?如果真的有必要,那就分开,千万不要让一个类干的事情太多。 总结:一个类只承担...

2019-06-11 21:32:53

阅读数 102

评论数 0

原创 vscode插件开发流程

介绍 这是一个简单的vscode的开发流程总结,目的是达到开发一个简单的vscode插件并打包,vscode安装自我开发的插件并运行 开始 插件代码生成器 需要一个生产插件代码,去生成我们的插件开发基础代码。 npm install -g yo generator-code 安装好之后执行命令yo...

2019-06-01 12:32:11

阅读数 538

评论数 0

原创 初识react

react简介 按照react的官网来说,react是用于构建用户界面的 JavaScript 库。 react和vue的区别 1.都是mvvm框架, 2.vue是双向数据驱动。具备m-v,v-m,而react 的m-v实现了,v-m需要主动调用setState方法达到。也就是说当我们改变数据,视...

2019-05-20 15:42:20

阅读数 21

评论数 0

原创 知识点杂记(一)

css实现垂直居中 table-cell .box1{ display: table-cell; vertical-align: middle; text-align: center; } flex .box2{ display: flex...

2019-05-07 17:42:00

阅读数 25

评论数 0

原创 typescript之路(三)

泛型 当我们需要一种方法使返回值的类型与传入参数的类型是相同的。 function identity(arg: any): any { return arg; } 这一段代码可以传入任意类型的值,而返回也是任意类型的值,假设我们传入的是一个number,在返回的时候我们可以返回一个s...

2019-04-30 14:30:47

阅读数 25

评论数 0

原创 typescript之路(二)

类 基本类 JavaScript程序使用函数和基于原型的继承来创建可重用的组件,而java是运用类和集成等来实现可重用的组件等。typescript也支持这种写法。 class Greeter { greeting: string; //参数 constructor(messa...

2019-04-28 17:57:27

阅读数 37

评论数 0

转载 vue源码解读(六、vuex)

详细得分析vuex,理解一下vuex得构建。学习好得插件是如何构建和设计得

2019-04-24 21:38:56

阅读数 57

评论数 0

原创 vue源码解读(五、vue-router)

vue-router简介 vue-router是vue单页面应用程序开发。必不可少的一部分。我理解其原理有助于开发的便捷性,同时提升我对前端框架的架构加深理解,研究javascript的精髓。 注册vue-router vue-router的注册是通过vue.use来进行的。看一下vue.use做...

2019-04-24 21:26:15

阅读数 101

评论数 0

原创 typescript之路(一)

typescript简介 typescript是javascript的超集,我的理解。typescript可以达到像java一样的代码风格,我比较喜欢。 基础类型 布尔值 let isDone:boolean =true; 数字 let nums:number=123; 字符 let ...

2019-04-22 14:16:24

阅读数 27

评论数 0

原创 vue源码解读(四、v-model双向数据绑定)

v-model简介 v-model是Vue用于表单元素上创建双向数据绑定,它本质是一个语法糖,在单向数据绑定的基础上,增加了监听用户输入事件并更新数据的功能。 实例代码 <div id="test"> 请输入:<input type=&quo...

2019-04-16 20:04:49

阅读数 122

评论数 0

原创 vue源码解读(三、响应式原理)

简介 Vue 的数据驱动除了数据渲染 DOM 之外,还有一个很重要的体现就是数据的变更会触发 DOM 的变化。 考虑一个简单示例: <div id="app" @click="changeMsg"> {{ message }} </di...

2019-04-07 17:53:50

阅读数 49

评论数 0

原创 vue源码解读(二、组件化)

简介 vue的组件化是其核心思想之一。 为什么要组件化? 组件化的目的是为了提高复用性。每个组件依赖的 CSS、JavaScript、模板、图片等资源放在一起开发和维护。组件是资源独立的,组件在系统内部可复用,组件和组件之间可以嵌套。 createComponent方法 在数据驱动部分,我们知道所...

2019-04-07 17:03:13

阅读数 63

评论数 0

原创 vue项目性能优化

前言 在开发公司的管理系统的时候,发现打包上线之后的vendor体积特别的大,首屏响应时间约6-7秒,影响用户体验,故对这个项目做了性能优化。 代码包优化 屏蔽sourceMap 在文件config/index.js中,修改productionSourceMap为true,开启后可以对开发提示信息...

2019-03-29 16:19:34

阅读数 258

评论数 0

原创 vue源码解读(一、数据驱动)

此系列文章产出于我对vue源码深入学习和了解,梳理vue的流程和其优秀的编码方式和技巧。理解vue的形成

2019-03-24 19:03:34

阅读数 71

评论数 0

原创 springboot运用shiro简单控制权限

shiro简单介绍 shiro是一个功能强大的java安全框架,主要部分构成认证、授权、加密和会话管理等。 1.认证:身份认证,验证登录用户是否正确等。 2.授权:授予权利访问某个页面或接口。 3.加密:shiro提供加密服务。保护数据的安全性,如密码加密存储到数据库,而不是明文存储。 4.会话管...

2019-03-24 16:55:53

阅读数 184

评论数 0

原创 linux安装nginx,关系型数据库、jdk

linux安装nginx 一、环境准备 安装nginx前置软件,通过yum install 来安装 yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel 二、下载 通过wget下载nginx wget http:/...

2019-03-20 11:44:50

阅读数 148

评论数 0

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