- 博客(170)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 NestJs 学习(一) 基础知识
原因Nest.js框架，它有效地解决了Nodejs项目中的一个难题：体系结构。Nest旨在提供开箱即用的应用程序，可以轻松创建高度可测试，可扩展，松散耦合且易于维护的应用程序。Nest.js将TypeScript引入Node.js中并基于Express封装什么是NestNest是一个强大的Node web框架。它可以帮助您轻松地构建高效、可伸缩的应用程序。它使用现代JavaScri...
2019-04-18 19:29:09
8969
原创 又是一波日常扯淡~
大约一个月都没有写文章了，其实有遇到很多问题，但总感觉自己不在状态，也就不能好好静下心来写一点总结，终于这周末可以安安静静的独处一会了。最近在做之前一个项目的重构，上次也大概提了一下，页面和后台服务都是前端同学自己搞，使用的技术栈是 react+ts+mobx+graphql+apollo-client。刚使用起来还是有一定困难，特别是使用 ts时，很多类型问题，如果都用any，那这样的ts是...
2019-03-30 11:16:48
436
1
原创 sessionStorage实现草稿数据存入和读取
实现一个功能：表单编辑的时候可以存入 sessionStorage中，如果没有点击保存，下一次或者刷新进入页面的时候可以读取session中的值填入表单中。使用的技术点当然是操作sessionStorage,主要用到以下几个API。sessionStorage.setItem(key, value) // 设置sessionsessionStorage.getItem(key) /...
2019-02-27 16:25:12
2539
原创 学习NestJs&GraphQL
简单聊一下最近在搞的事情之前有一个项目，webpack+react+antd 实现前端页面，使用java提供后台接口。但是leader说是后台同学太忙了，现在后台和前端都由前端同学来完成，所以现在要学习很多东西了前端的重构还好一些，主要是样式有一些改动，但是后端肯定是要用node实现，作为一个小白，完全不知道从何下手。所以我们先使用egg+sequlize来连接到原本后台使用的mysql数...
2019-02-23 16:05:23
1342
原创 过年侃一侃~
今年过年终于是第一次经历春运，也才感受到春运回家不易，年前一个月就开始抢票，各种找黄牛，12306bypass按时按点抢票。终于是有买到来回的票，年前请假，年后请假，也是想要在家多待一段时间。回家走亲访友，也终于是意识到自己已经24了，从22到24怎么这么快，一下就感觉自己变老了。和朋友聚会，避免不了就会攀比，或是聊起八卦，谁谁谁又怎么样了，已经结婚了都，谁谁谁又辞职跳槽了，吃饭的时候都是在谈...
2019-02-17 12:07:03
278
1
原创 使用vue+webpack构建项目(二) 引入vuex vue-resource vue-router
之前学习到了 使用vue+webpack构建项目(一)基本配置 这里，这次学习在这个基础项目中引入 vuex、 vue-resource、vue-router等。首先是安装依赖npm i --save-dev vuex vue-resource vue-router element-ui其中vuex 是 状态管理库vue-resource 是 异步加载数据vue-...
2019-01-21 17:52:00
1971
原创 babel安装问题，Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/c
最近构建两个项目，都有遇到这个问题，记录一下Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@...
2019-01-19 16:18:04
11098
原创 使用vue+webpack构建项目(一)基本配置
前一段时间构建了一个webpack+react项目，最近搞一下vue的相关学习其实在学会了react之后，学其他框架也比较得心应手了，首先就是对比着来学习了，vue官方文档上对于框架的对比有比较好的介绍，可以参考 对比其他框架其实基本给的建议都是先学习Vue会好一些，因为文档更全面，很多库也是官方维护，相比下也比较容易一些，使用模板语法，和html还是比较相似的。首先是基本webpack项目...
2019-01-19 16:12:21
927
原创 实践webpack+es6+react+redux+antd构建项目(五) antd Layout菜单
基本的配置大概已经结束了，现在我们可以使用antd的组件来进行业务开发了。改动的地方是这些新建一个全局菜单文件 layout/index.jsimport React from 'react';import { Layout, Menu, Icon, Breadcrumb } from 'antd';import { withRouter } from 'react-router-do...
2019-01-08 19:50:44
1255
2
原创 git项目设置多账户管理以及免密登录
有时在公司完成的demo想要上传到自己的github项目上，但是电脑上默认的是公司的账户，那还是不好轻易使用此身份上传代码，最好是多账户管理，使用自己的github账号上传，避免两个账号混乱操作步骤如下：创建一个github项目在你的github上先创建一个仓库，空的就可以，然后 git clone下来，到本地，就可以在这个文件下写你的项目代码了。之后也都是上传到这个仓库里。配置多账户找...
2019-01-05 15:50:49
1761
原创 实践webpack+es6+react+redux+antd构建项目(四) 区分dev和prod环境
使用webpack主要是想因为其优秀的压缩打包功能，之前的配置中只是设置了关于dev环境的启动和运行。但是打包的时候文件并没有变小，也就是没有使用到压缩的配置。这次会配置相关的压缩以及区分生产环境和开发环境开发环境(development)和生产环境(production)的构建目标差异很大。在开发环境中，我们需要具有强大的、具有实时重新加载(live reloading)或热模块替换(hot...
2019-01-04 17:34:07
1188
原创 2018年终总结
一年又结束了，转眼间我马上要24岁了，每一年都觉得自己比之前更成熟了，也确实是，毕竟年龄在一直在增长。回望这一年，从学校走入社会，从家里来到上海，从学生变成职场人士，有很多的转变，所以我自身也改变了很多，怎么说呢，除了外形方面有变化，在自身心理素质，学习能力，自我掌控能力上都有比较多的进步。终于2018要结束了，这一年呀经历很多，成长很多，明白很多东西都只是跟自己有关，不要太在意他人的想法...
2018-12-31 15:07:11
201
原创 实践webpack+es6+react+redux+antd构建项目(三) 配置proxy代理
上一篇是关于引入react,redux,antd的，项目已经可以正常运行了，但是拿到的都是定义的死数据。这篇文章讲一下配置代理，调mock数据。简便起见，我使用的是Easy Mock，定义好mock数据，在项目中引入使用。先说一下Easy Mock的使用方法，创建一个项目，创建好之后，进入刚才创建的这个项目创建接口并在左侧添加数据创建好之后，就是要在项目...
2018-12-28 14:51:10
1263
原创 实践webpack+es6+react+redux+antd构建项目(二) react，redux，antd引入
上一篇文章是关于从零构建一个webpack项目，基本已经启动成功了，这篇文章将会讲一下在项目中使用目前最流行的React框架1、引入babel相关现代前端基本都是以es6为规范进行开发，所以我们项目中也就需要引入es6。es6是需要使用babel进行转换的，浏览器才能识别npm install --save-dev babel-core babel-loader babel-pres...
2018-12-26 19:04:17
1354
原创 实践webpack+es6+react+redux+antd构建项目(一) webpack配置
在网上看到过很多教程，都是从零开始构建一个项目，每次看着都浩浩荡荡的开始跟着博客一步一步走，但是总是很难成功。自己一直想要从零构建一个项目来实践一下，了解一下偏底层的配置。最近比较有时间，就又一次开始了。不过这次没有盲目的在网上找教程，而是直接打开官方文档webpack，开始实践。 所以给大家的建议也是 学习就直接看官方文档就行，遇到问题再搜索，整那些有的没的，其实...
2018-12-25 19:41:26
1635
原创 codeReview总结
最近还是一直在进行代码优化前几天进行了一次codeReview，leader给我指出了很多问题1、一个产品的实现是协同的，不要完全按照原型图和后台给的数据去实现，你需要加入自己的思考，参与进去，目的是把产品做得更好，而不是只为了实现需求2、代码hack太多，考虑不足3、命名不规范，有的地方使用了arr，s1，s2等变量，需要改正4、Table list中的render尽量少写...
2018-12-14 20:24:11
313
原创 2018 最后一个月，就是干！
时间荏苒，转眼就到了12月，又是一年即将结束，这一个月还有时间来挽回这一年没有来得及做到的事情。比如说我终于要将好好跑步提上日程了，身体最重要，到上海四个月，感冒了四次，免疫力简直太差了。还有说好的减肥也是要一并实施了。又去温习了一下2017年终总结，仿佛重新回忆一般，很多事情又都想起了，很多立下的flag也都拾起来了，目前为止，完成80%吧，其实定的要求不是很高，只是希望自己有一个好的回...
2018-12-01 14:57:07
446
原创 react + antd 封装一个图片预览，旋转，查看原图组件
最近在项目中的一个需求是， 小图点击可以弹框放大，然后能查看原图，顺时针一直旋转，每次90度。实现方法：使用react开发，所以直接选用antd 的组件， Upload 。结合CSS3的旋转属性；查看原图可以直接使用window.open()打开新的标签页。实习代码： constructor(props){ super(props); ...
2018-11-26 20:31:47
15472
3
原创 工作总结——代码优化
最近一段时间没有怎么更新博客，是自己一直在思考适合我学习的方法论，前一段时间一直在复习基础，确实是认识到了当时有很多知识没有学习到，还蛮有收获的，但好像那只是暂时的，之后就又都忘记了。也许应该是在实践中学习会更好一些。刚好最近项目迭代完成，在进行codeReview，下一周也就到我分享了。终于把一直说要进行代码优化的事情落实了。当然也有一些感触想和大家分享一下。我写小说的秘诀就是不停的修改...
2018-11-24 16:22:46
756
原创 关于windows下node更新版本问题
最近想要自己构建项目玩一下~，因为对react比较熟悉，就直接通过create-react-app 构建一个项目吧，但是create-react-app creapp的时候竟然出错了。然后看了一下我的node版本，果然，不是它支持的，那就升级呗。网上找了许久，发现 npm install -g n 并不适用于windows系统。然后想要在windows上升级node，有人...
2018-11-16 18:28:07
1064
原创 JavaScript基础复习(三) BOM详解
又来学习BOM了，哈哈，Boooooom一、BOM概述 BOM（Browser Object Model）即浏览器对象模型，是前端操作浏览器的核心，该对象提供了与浏览器交互相关对象结构。BOM由多个子对象组成，其核心为window对象，它是BOM的顶层对象。二、window 表示在浏览器环境中的一个全局的顶级对象，所有在浏览器环境中使用的对象都是wi...
2018-11-15 21:24:41
340
1
原创 JavaScript基础复习(二) DOM详解
学过JavaScript的同学应该知道，JS由三部分组成，ECMAScript，DOM，BOM。这节我们详细了解一下DOM（Document Object Model 文档对象模型）。 很久不直接操作DOM了，现在要写还是需要回忆许久的。首先查阅了之前的笔记，列出如下导图，文章也将按照导图的点来进行详解。一、基础DOM1、DOM概述Document Object ...
2018-11-13 15:46:44
322
原创 JavaScript基础复习(一) 语言特性及数据类型
终于要开始写JS系列了，目标列了好久，导图也做了，但总没有行动，近来无事，总结一下这个系列的学习。零、是什么 JavaScript是前端必学语言，和HTML,CSS并称为前端三剑客，是一门运行在浏览器端的脚本语言，功能是操作DOM，处理数据，渲染特效等一、语言特性1、弱类型 说白了就是类型定义，对应的就是强类型，比如Java，C等都是强类型语言，在使用变量...
2018-11-08 17:05:57
505
原创 日常碎碎念——程序员的身体健康问题
最近公司组织体检，虽说可能是不太严谨的，但是基本的身体问题也是可以看出来的。联系到最近的事件，真的感觉生命很重要，要珍惜眼前的点点滴滴，热爱生命。程序员这个工作就是高薪且普遍加班，很少运动，导致身体健康问题的出现甚至是猝死事件的发生。每每看到这些事情，都会告诉自己，要珍惜自己的狗命。 我体检外科的时候，医生直接就说最近是不是身体上有些疼痛，你要注意了，不要熬夜，情绪...
2018-11-05 20:09:52
571
2
转载 怎么轻松学习JavaScript
js给初学者的印象总是那么的“杂而乱”，相信很多初学者都在找轻松学习js的途径。我试着总结自己学习多年js的经验，希望能给后来的学习者探索出一条“轻松学习js之路”。js给人那种感觉的原因多半是因为它如下的特点：A：本身知识很抽象、晦涩难懂，如：闭包、内置对象、DOM。B：本身内容很多，如函数库、对象库就一大堆。C：混合多种编程思想。它里面不但牵涉面向过程编程思想，又有面向对象编程思...
2018-11-05 15:17:03
1570
2
原创 谈一谈全栈，为什么不建议初学者去做
最近二刷了余果的《web全栈工程师的自我修养》，颇有感触，想要和大家分享一下。 第一次看是还在上学的时候，那时刚学前端不久，和很多初学前端的同学一样，想着以后要走全栈开发的路，要学好前端的技能，同时还要掌握数据库，服务端开发等技能，甚至是会点设计和测试，等于说是要一个人包揽整个web项目的开发。在持续的学习和工作中，越来越觉得，全栈可行，但不要轻易尝试。对于初中级前端来说，掌握好...
2018-10-31 13:18:04
23275
5
转载 React 爱学不学 -----源码解析
React 源码分析写在前面React 开发一年多，最近仔细研究了 React 源码，在这里总结一下原理。React 源码比较复杂不适合初学者去学习。所以本文通过实现一套简易版的 React，使得理解原理更加容易（本文基于 React v15）。包括：React 的几种组件以及首次渲染实现 React 更新机制的实现以及 React diff 算法React 的代码还是非常复杂的，...
2018-10-26 11:38:43
671
转载 React组件生命周期
React组件在生命周期里面大概有两种情况，一种是初次渲染，一种是状态更新导致再次渲染。咱们从组件生命周期的每一步可进行的操作的角度来了解一下。初次渲染构造函数，指定This，初始状态，绑定函数（constructor） constructor(props){ //指定This super(props) ...
2018-10-20 18:59:23
538
原创 react+mobx 使用 数据初始置空
问题：react antd Tab页切换，第一次都加载数据，之后切换都不加载。根据请求接口返回的值是否有内容来判断是否发送请求。lodash.isEmpty(arr) && this.getData()但是路由跳转后，应该组件是销毁了，但在使用mobx的数据，有值之后就把值存在相应的对象中，导致再进去另一个item对应的详情页的时候，数据没有改变，相应的对象保持着...
2018-10-20 18:49:37
2648
原创 Chrome调试面板及调试技能
前端如果不需要兼容IE浏览器，那么基本就一直使用Chrome浏览器了，它是基于WebKit内核的，安全高效。Chrome调试面板浏览器位于右上角，如下图所示或者使用 Ctrl+Shift+I 快捷键 都可以打开。1、认识面板1是元素，是构建这个网页的DOM树以及CSS样式渲染。在这里可以查看每个元素的占比和样式，可以修改显示。一般情况下关于样式的问题，我都会打开，在这里审...
2018-10-20 17:09:30
2728
原创 react antd 使用modal关闭后组件销毁
问题：使用react modal的时候，弹框显示不同的值，因为显示的值是传到子组件中的，需要实现的是，点击不同的编辑，弹框中拿到的是对应的值。使用的是在FormItem中设置initialValue，但是只有第一次能拿到值，之后就都拿不到。原因：modal 组件在关闭之后，并没有销毁组件，导致FormItem中设置initialValue时，只有在初始化加载的时候赋值，之后点击...
2018-10-20 13:59:45
23645
6
原创 工作三个月问题与思考【前端】
这段时间就是这样，学习，工作，吃饭，睡觉。自7月从学校毕业，到公司开始工作，已经三个月时间了，最近也是试用期结束，转正的阶段。有人说，最开始工作时学习的职场经验将伴随一生。我不清楚自己学习到的是不是适用我，但是我们不都是在摸盘滚打中找到最合适自己开发的经验以及最能圆滑处事的方式吗？所以，趁刚开始，趁还年轻，多去尝试吧！【工作】这三个月，参与两个项目的开发。1、刚入职公司，做了一个练...
2018-10-13 17:11:28
1783
5
转载 前端常用插件、工具类库汇总，不要重复造轮子啦！！！
在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往往一个解决方案会有多个插件，需要读者根据自己的实际业务需求进行甄别选用，欢迎留言交流和补充。^_^可以先加个收藏（C...
2018-10-11 14:02:42
1018
1
原创 git 分支合并到dev或qa上打包
在开发的分支feature上 git pullgit checkout server/qa 或者 git checkout server/devgit pullgit merge feature 合并到qa/dev上 解决冲突npm run buildgit add .git commit -m 'build,merg...
2018-10-11 11:02:39
1429
转载 【转】如何阅读大型前端开源项目的源码
目前网上有很多「XX源码分析」这样的文章，不过这些文章分析源码的范围有限，有时候讲的内容不是读者最关心的。同时我也注意到，源码是在不断更新的，文章里写的源码往往已经过时了。因为这些问题，很多同学都喜欢自己看源码，自己动手，丰衣足食。这篇文章主要讲的是阅读大型的前端开源项目比如 React、Vue、Webpack、Babel 的源码时的一些技巧。目的是让大家在遇到需要阅读源码才能解决的问题时，可...
2018-09-20 15:49:34
616
转载 【转】阅读前端项目源码的正确姿势
这篇文章主要介绍下笔者看源码的一些心得和方式，由于笔者看的大部分是前端项目，当然也看过一些其它领域的源码，不过不多，所以内容主要还是以前端项目为主了解和熟悉在准备看一个开源项目源码的时候先去熟悉下这个项目的背景、功能以及相应的API。这步为了理解整个项目的功能做准备，也是为了后面重点看哪些模块做准备 查看项目的README.md文件。有些项目会在将设计文档和架构图放到md文件上，这样会让...
2018-09-20 15:41:28
662
转载 jquery失去焦点与获取焦点事件blur() focus()
对于元素的焦点事件，我们可以使用jQuery的焦点函数focus(),blur()。focus()：得到焦点时使用，和javascript中的onfocus使用方法相同。如： 代码如下 复制代码 $("p").focus(); 或$("p").focus(fn) blur()：失去焦点时使用，和onblur一样。 如： 代码如下 复制代码...
2018-09-20 15:38:15
27182
原创 antd tree 选择子节点是否关联父节点
选择某个子菜单时，需要将父菜单也发送过去，后端要判断权限，如果只发子菜单，就做不到匹配，导致父菜单都不会显示在菜单栏。需要解决的问题是antd tree中，父子节点是受控的，默认如果只选择一个子节点，就只把这一个子节点放进数组，如果选择了父节点下的所有子节点，就会将父节点也放进去。现在需要的是，只选择一个子节点的时候，也将父节点放进去。但是antd tree组件没有提供这个属性。于是自己按照后...
2018-09-20 12:30:47
12096
2
原创 使用antd confirm 定义弹框关闭事件
问题：1、confirm 使用在使用antd的confirm确认时，需要在点击事件发生后关闭弹框。但是confirm提供的关闭只有 确定 按钮。那么就需要自定义关闭弹窗。点击 密码修改页 之后 会打开新的tab页，所以需要弹框在点击之后也关闭。解决：confirm提供了一个弹窗的销毁方法const info = Modal.info({})info.destroy(...
2018-09-19 15:13:46
20996
1
原创 antd from验证input框只能输入数字
antd from验证input框只能输入数字问题：Input框中如果只能需要输入Id，也就是数字型字符串，需要进行验证。解决办法对其进行实时正则验证， /^[1-9]\d*$/代码实现：<Form.Item label='ID' > { getFieldDecorator('id', { rul...
2018-09-17 16:52:34
42076
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人