故城_lane-CSDN博客

前言这篇文章主要对react的setState函数使用过程中遇到的问题进行说明以及提供相应的解决办法，我会用比较实际的例子展示使用setState会遇到的问题，当然这个问题并不是博主最先发现的，主要是想针对问题提供一些解决思路1、setState到底有什么问题？此处引用陈墨大佬的总结 (1).setState不会立刻改变React组件中state的值； (2).setState...

2018-02-09 19:51:08 1177

大半年前写了一个构建树逻辑，呱呱呱，感觉不够优雅，感觉自己没有对细节做考虑，代码也不够精简，于是自己又动手写了写，整体思想其实差不多，但是针对细节做了一些优化，优化的过程也让我更一步理解了引用类型的数据，也让我发现forEach方法的没注意到的点：就是在用forEach对数组做循环的时候，你删除了数组的一个元素，forEach并没有帮你把循环过程的索引往前移一位，也就是做一个i–的过程，导致整个循

2018-01-31 17:15:10 1327

转载为什么在 React 的 Render 中使用箭头函数和 bind 会造成问题

原文转自https://zhuanlan.zhihu.com/p/29266705在 render 中使用箭头函数或绑定会导致子组件重新渲染，即使 state 并没有改变。作者推荐使用提取子组件或在 HTML 元素中传递数据的方式来避免绑定。这个例子中，我在 render 中使用一个箭头函数来绑定每个删除按钮对应的用户 ID。点击 CodeSandbox 来查看及演示完整的 demo。

2018-01-10 16:26:13 3758 1

原创一起玩react 10分钟带你入门ant-design-pro

前言这篇文章主要根据自己最近一个月从学习react到最近实际使用ant-design-pro，谈一谈自己的使用心得，个人见解有误的地方望大家指正！1、为什么要选择ant-design-pro？其实我来目前公司之前，公司前端技术栈是vue+vuex+elementui+axios，但是奈何公司前端利用vue做出来东西表现确实一般，更重要的是代码有点乱，用我自己的话说就是野路子太多（当然野路子多会很方便

2018-01-02 16:51:08 31617 2

原创使用Sinopia搭建私有npm仓库不能下载带有@符号的包

前言这篇文章主要记录自己在项目中搭建好npm仓库后遇到的坑，并不是讲如何搭建私有npm仓库1、为什么要搭建私有npm仓库？并非每一个公司都需要搭建私有npm仓库来管理代码，这个要视公司需求而定，由于我司的产品面向的客户很多，而不同的客户对这个产品的功能要求不一，打个比方：我公司现在开发了A,B,C三个模块，而客户一的产品只需要A,B模块，客户二的产品只需要A,C模块，客户C的产品只需要B,C模块，客

2017-08-02 18:12:55 4881 1

原创 javascript 中关于数组去重的6种方法

前言最近学习着，突然发现自己心中总有些惶恐，因为发现自己写过的一些东西好像忘记了，又好像是以前就没有弄彻底，所以决定写一些代码夯实一下基础，并打消自己的顾虑，试想一个始终觉得自己基本功都不扎实的人，能在程序这条路上走得很远？万丈高楼平地起，所以基础很重要！！！这是给我自己的忠告1、最老实的方法：双重循环这种方法是最基本的去重方法，思路是循环数组的每一个元素，循环当前元素时，会和数组当前元素后的所有元

2017-07-28 10:09:09 1366

原创 angular2+ 如何在打包发布的时候清除console信息

1、为什么要清除console信息作为开发人员，难免不了要打log信息调试程序，有时候我们一个模块可能要打十多个log，然后每个log用不同的字符串标识，由于每次打的log的可能下次调试的时候还有用，所以我们不会去删除它，（ps：我以前也是认为把log清除了不就不用这么麻烦了？可是当我遇到一个新的bug的时候，我又要把上次删除的console又加上，这样反反复复来了很多次，我还是决定不清除conso

2017-07-25 11:49:17 3590 1

原创 angular2+ 利用FactoryProvider和APP_INITIALIZER初始化项目配置

前言本章内容需要对angular2的依赖注入，多注入有一定了解1、angular2依赖注入是什么？我简要形象的描述一下依赖注入：你现在到餐厅吃饭，你需要点一个菜，你只需要说出你想吃什么菜，然后餐厅的厨师就会帮你把这个菜做出来并端到你的面前，而你不用关心整个做菜的过程，做菜依赖哪些原材料，这就是依赖注入的生活释义2、FactoryProvider 接口定义？export interface Facto

2017-07-24 13:46:07 3013 2

原创如何使用echart的Graph图实现一个流程控制图

前言：最近接到一个新需求，需要写一个新模块，这个模块主要是用于查看当前每个生产计划的完成情况，然后所有的生产计划都列在了表格里，而流程控制图用于直观展示选中的生产计划的完成进度1、首先看一下这个生产计划的流程控制图大概的样子2、我们分析一下后端给出的数据接口（这是根据事先约定好的数据） data属性对应后台返回的数据，是一个数组，数组里面的元素对应流程控制图的每一个节点，id字段表示当前节点的id

2017-07-20 18:54:54 15402 3

原创探索 ES8 Object.entries()

前言：最近发布了es2017（即ES8），然后我也趁热学习一下ES81、为什么要引入Object.entries方法由于ES5,ES6,ES7并没有提供遍历对象的键-值对属性的接口，所以可能官方脑袋一热，为什么提供了获取对象键集合的方法，也提供了获取对象值集合的方法，为什么我们不提供获取对象键值对的方法呢？2、Object.entries方法定义Object.entries(value : any)

2017-07-20 15:47:09 4859

原创探索ES6 Iterator（遍历器）

前言：半年前快速过了一遍ES6语法，掌握并熟练了一些常用的ES6语法，比如：class、继承、模板字符串、解构赋值、导入导出、Promise等等，然而对于一些ES6的其他新特性，并没有认真研究，最近学习ES8时，学习了Object.entries方法，然后遇到了一个问题，这个问题是：为什么对象不可以用for of进行遍历？这才来研读了一下Iterator，很庆幸我在这里找到了答案，本文参考了阮一峰老

2017-07-20 00:32:04 1347

原创依据parentId动态构建一颗树

一、需求分析1、后端以数组形式返回树的所有节点数据，每个节点数据格式如下：2、我们只需要关心节点与节点之间的连接属性parentId即可，其他属性无需关心，parentId会指明当前节点关联的父级节点id号3、这里我基于primeng控件库的p-tree配置进行演示（ps：primeng是angular4接近最全的控件库），关于primeng请查看primeng官网4、这里我给出p-tree渲染树所

2017-07-19 12:01:45 3570 1

原创手把手教你如何开始一个angular模块

一、安装SVN（或者git） 1、下载小乌龟工具（SVN工具），百度搜索SVN即可 2、打开SVN安装包，一路next默认安装即可二、从公司SVN （或者git）上面拷贝公司目前的前端代码 1、打开windows文件资源管理器选择开发目录，点击鼠标右键弹出window menu提示框，选择 SVN checkout 2、URL of repository: 填入公司SVN地址

2017-07-18 16:02:50 5712 3

原创 angular2,angular4开发环境搭建

angular2+，angular4+开发环境搭建一、安装node.js运行环境，安装NPM包管理工具（安装node运行环境时会附带NPM包管理工具） 1.进入(https://nodejs.org/en/download/)下载 LTS6.10.0+ Window 64bit .msi 文件（ps:目前公司开发环境Node版本是，可以使用Nvm管理工具管理Node的版本问题，可以实现电脑上

2017-07-17 16:59:02 3687

一步一个脚印

原创 swaggerUI不好用，试试这个openapiUI?

原创 vue3 ts pinia openapi vue-query pnpm docker前端架构小记

原创 react ts openapi react-query docker前端架构小记

原创 fork仓库的代码如何同步主仓库代码

原创超简单：github-action自动化发布npm包小记

原创超简单：tslint prettier commitlint前端工程化小记

原创超详细：30分钟入门docker前端容器化

原创一起玩react 你不知道的setState

原创 30行代码撸一个性能勉强靠谱的构建树逻辑