自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Deidei

不要怂,就是干! 热爱前端搬砖

  • 博客(157)
  • 资源 (2)
  • 收藏
  • 关注

原创 前端各阶段资源,应有尽有,尽管学,学的完算我输

前端路漫漫,如果想好要走,那就加油吧ps:可以加我微信,关于前端的困惑都可以问我1、前端基础视频 各阶段视频 链接: https://pan.baidu.com/s/1DkKu-uyN0zGPtONUrvXkag 提取码: s99a 2、HTML+CSS+JavaScript思维导图 链接: https://pan.baidu.com/s/1B...

2018-10-28 09:47:29 1894 18

原创 HTML,CSS,JavaScript知识树思维导图

最近师父布置的学习任务,就是构建知识树。一个周末终于完成了任务,有一些是网上有的,就直接用了,有些没有,就是自己总结的。整理的过程中发现前端的知识真是错综复杂,还有层出不穷的各种框架。任重而道远想要原稿的可以留言邮箱,统统发给你!PS:微信公众号 FEtoss回复 hcj 即可获取下载地址正文~HTMLCSSJ...

2018-03-14 13:32:03 7376 37

原创 react+antd 动态增删表单 再解决
原力计划

最近开发的一个功能,和之前写过的很像,但毕竟我也快两年经验了,当然不能再使用原来实现的方法,于是,又搞起来。功能: 需要对多个Input组成的list可以新增和删除在之前的文章 react 涉及的增加,删除list ,我说不可以使用 index 来做删除,就使用了 给每个 list 添加 selfId 的方式来实现删除。然而事实是可以使用 index 来进行删除操作的。当年我才疏学浅,没有get到高级玩法,使用selfId这样的实现,无疑就是对数据过度操作了,所以学习了新的使用方法,实现如下:技术

2020-05-11 13:50:46 1616

原创 近期遇到的数组对象处理

一个数组对象,根据另一个数组的ids来过滤数据。arrF.filter(i => arrZ.includes(i.id))判断一个数组是否是另一个数组的 子集arrF.every(i => arrZ.includes(i))数组对象选择出一个与之id相等的对象使用 find 方法会更加优雅一些,使用 filter也是可以的,但需要多一步操作,因为filter返回的...

2020-04-26 18:44:50 128

原创 JavaScript基础复习(六) 对象,原型(链),继承
原力计划

最近在复习基础知识,这次整理的内容是JS对象,原型,原型链,继承~本次知识的复习是基于《JavaScript高级程序设计》加上自己的理解,如果有什么问题,望不吝赐教。对象什么是对象: 无序属性的集合,其属性可以包含基本值,对象或者函数。 在js中就是 key-value 的键值对对象的属性类型数据属性访问器属性数据属性包含一个数据值的位置,可以读取和写入。包含4个特性[Con...

2020-04-18 17:56:00 143

原创 JavaScript基础复习(十一) 异步编程

总是纠结js是异步还是同步?对于JS 异步还是同步这个问题,不需要纠结太多,在执行DOM渲染时,确实是同步执行的,也是为了安全起见,一步一步执行,如果上一步未完成,下一步是不会运行的。但本质还是单线程但是对于 网络请求 这样的场景,一个网络资源啥时候返回,这个时间是不可预估的,所以不能傻傻的等着,也就是这样,设计了异步,不管返回结果,执行后就执行下一步,上一步的执行结果什么时候返回,就什么时...

2020-04-14 18:04:55 112

原创 JavaScript基础复习(七) Ajax&跨域

Ajax原理通过 XMLHttpRequest对象来向服务器发送异步请求,从服务器获得数据,然后用JS操作DOM,从而更新页面。编写步骤创建AJAX对象 XMLHttpRequest打开一个连接 open(“GET”,URL,asnyc)发送数据 send();事件处理函数,处理服务器的响应结果 onreadystatechange实现步骤//创建ajax对象var...

2020-04-14 15:55:37 128 2

原创 JavaScript基础复习(九) 常见JS算法
原力计划

排序算法AlgorithmAverageBestWorstextra spacestable冒泡排序O(N^2)O(N)O(N^2)O(1)稳定直接插入排序O(N^2)O(N)O(N^2)O(1)稳定折半插入排序O(NlogN)O(NlogN)O(N^2)O(1)稳定简单选择排序O(N^2)O(N^2)O(N^2)...

2020-04-14 15:49:28 84

原创 JavaScript基础复习(十) JS事件机制

事件用户交互行为,用户或浏览器自身执行的某种动作事件流页面接收事件的顺序,事件触发的顺序,分为 事件冒泡(子级先触发,冒泡到父级)和事件捕获(父级先触发,再到达子级) 先捕获->处于目标阶段 -> 再冒泡事件冒泡:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发,子级元素先触发事件捕获:事件从最不精确的对象(document对象)开始触发,...

2020-04-07 17:42:52 99

原创 JavaScript基础复习(五) 作用域(链),闭包,this,执行上下文

作用域作用域: 变量与函数的可访问范围量分为全局作用域: 在代码中任何地方都能访问到的对象拥有全局作用域局部作用域: 一般只在固定的代码片段内可访问到。最常见的是在函数体内定义的变量,只能在函数体内使用。在函数体内,局部变量的优先级高于同名的全局变量。如果在函数内声明的一个局部变量或者函数参数中带有的变量和全局变量重名,那么全局变量就被局部变量所遮盖。声明提前:JavaScript...

2020-03-31 17:10:56 123

原创 JavaScript基础复习(四) 函数详解

创建函数的方式函数声明和函数表达式// 函数表达式 匿名函数 赋值给这个变量var foo1 = function(...){}// 函数表达式 命名var foo2 = function acc(...){}// 函数表达式 也就是立即执行函数(function(){...})// 函数表达式setTimeout(funciton timer(){...},200)/...

2020-03-31 17:08:48 77

原创 盒模型(IE,W3C)

W3C盒模型IE盒模型从上图可以看到 ie 盒子模型的范围也包括 margin、border、padding、content,和标准 w3c 盒子模型不同的是:ie 盒子模型的 content 部分包含了 border 和 pading。两者的不同体现在width和height上IE:width=content+padding+borderW3...

2020-02-29 11:51:30 93

原创 fileReader 读取文件内容

2019-12-29 17:18:45 116

原创 antd Table 展开行可全部展开或关闭

有一个需要实现的需求: 可展开表格 可以全部展开或关闭。如下:技术实现前提: React + antd Table + Hooks + tsx在 antd Table 上并没有找到这个属性,所以就自己上手来解决一下咯。实现思路:写一个同级的 div ,设置其css属性,让它绝对定位到 父表格对应的th上设置其打开或关闭的显隐使Table的所有 keys 可控完善细节总体...

2019-12-18 18:45:42 4012

原创 React Hooks 再学习,应用到项目中

期望在新代码中使用hooks函数 + hooks = 有‘生命周期’的组件与class的区别:Hook 提供了强大而富有表现力的方式来在组件间复用功能,自定义hookconst [originData, setStateData] = useState(0);const newData = originData * 2;setStateData(newData);//useEf...

2019-11-10 12:30:20 258

原创 React项目 加入 TS

1、全局安装tsnpm i -g typescript2、创建tsconfig.jsontsc --init修改tsconfig.json,开启jsx和allowJs配置,3、安装开发环境依赖npm install --save-dev typescript @types/react @types/react-dom ts-loader4、修改webpack.config.js....

2019-10-31 19:42:18 5125

原创 react 渲染页面的过程,存在的问题,引入Fiber机制

问题: 渲染过程分为两个阶段1、调度阶段:根据更新数据生成新的Virtual DOM,通过Diff算法,找出需要更新的元素,生成新的更新队列,2、渲染过程:遍历更新队列,将变更一次性更新到DOM上。而1过程是不可控的,也就是说React在执行更新的时候是同步的,浏览器主线程被React占着用来调度,这段时间如果用户进行操作,那就不会得到反馈。需要同步更新的任务完成后,主线程才被释放。Rea...

2019-10-22 18:19:50 353

原创 JS精度丢失导致的问题及解决

遇到的问题:项目中出现了 17652.19 + 7673.78 - 25325.97 = -3.64 的问题,最后发现是JS精度丢失的问题,那么就先来看看这个结果是怎么产生的。产生原因:JavaScript 中所有数字包括整数和小数都只有一种类型 — Number。它的实现遵循 IEEE 754 标准,使用 64 位固定长度来表示,也就是标准的 double 双精度浮点数(相关的还有floa...

2019-10-13 14:00:19 8380

原创 彻底理解JavaScript的深拷贝,浅拷贝

是什么js中有基础类型和引用类型。基础类型是存储在栈内存中的,按值存储,按值访问。基本类型有Number,String,Boolean,Null,Undefined,Symbol引用类型是存储在堆内存中的,值是可变的。在栈中保存对应的指针(一个指向堆的引用地址),指向堆中实际的值。比如数组,对象,正则等,除了基本数据类型,都是引用类型了。基本类型的复制,是不会相互影响的。因为直接改变的就是...

2019-06-24 15:56:27 151

原创 JavaScript基础复习(八) 字符串,数组操作

数组截取相关slice 截取 不会影响原始数组var arr = [1,2,3,4,5];// 截取 从 i 到 j的数组,不会改变原数组console.log(arr.slice(3)); // [4,5]console.log(arr); // [1,2,3,4,5]console.log(arr.slice(1,3)) // [2,3]...

2019-06-14 10:51:48 133

原创 使用vue+webpack构建项目(三) Vuex中的 mutation和action

知识点复习使用vue+webpack构建项目(二) 引入vuex vue-resource vue-router更改 Vuex 的 store 中的状态的唯一方法是提交 mutation// 区别mutation 必须同步执行Action 提交的是 mutation,而不是直接变更状态。Action 可以包含任意异步操作。在组件中使用this.$store.commit(ty...

2019-06-12 18:52:45 436

原创 Antd 组件 Menu.Item中关于 disabled 的一点使用心得

有一个需求是下拉菜单中有操作,但有些操作是有前提条件的,比如 批量启用 就需要在选择了数据之后。所以设置disabled来控制它操作还是不可操作。但是会出现一个问题,在<Menu.Item></Menu.Item>中的 不是 string就会导致 disabled不能生效也就是以下情况<Menu.Item key="1" disabled={dis}>...

2019-06-05 19:37:14 3681

转载 pycharm最新激活码(2019)---亲测可用

MTW881U3Z5-eyJsaWNlbnNlSWQiOiJNVFc4ODFVM1o1IiwibGljZW5zZWVOYW1lIjoiTnNzIEltIiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI6IiIsImxpY2Vuc2VSZXN0cmljdGlvbiI6IkZvciBlZHVjYXRpb25hbCB1c2Ugb25seSIsImNoZWNrQ...

2019-05-28 16:52:59 2887 1

原创 map出的数据拼接,使用;隔开,删除最后一个符号

问题: 后台返回一个数组,需要取到每个对象的name和sex,自己拼接成字符串,以 ; 隔开解决:1、 拼接出字符串,然后删除最后一个 ;号let asd = '';objList && objList.map(({ name, sex }) => { const sexN = sex && '('+ sex + ')'; retu...

2019-05-24 09:52:27 668

原创 过滤掉某个数组对象中 属性全部为某个值的 数组元素

JS数组操作方法问题: 过滤掉某个数组对象中 属性全部为某个值的 数组元素涉及的问题是 数组嵌套对象再嵌套数组aList && aList.filter( item => !(item.iList.every(({ state }) => state === 2) && item.iList.length > 0)...

2019-05-18 14:49:20 4725

原创 React项目 页面切换,保留表单筛选项

Q: 人员列表页面切换保留筛选项ans:/** * 表单组件在挂载时,将组件的 fields 值赋给对应的交互组件 */componentDidMount() { const { fields, pageIndex } = View; this.props.form.setFieldsValue(fields); this.getUser(pageIndex);...

2019-04-29 11:32:29 1591 1

原创 NestJs 学习(二) todoList应用

实现一个 TodoList 应用UI实现项目解析config 异常,管道,中间件,过滤器 使用todo 主要实现todolist的增删改查app.module.ts 组织应用程序结构main.ts 项目配置文件,监听端口实现创建文件在 cli 项目的基础上,创建todo 文件夹,如上,创建一些文件,可以手动创建,当然,也可以使用nest的命令。generate(...

2019-04-25 11:02:05 401

原创 NestJs 学习(一) 基础知识

原因Nest.js框架,它有效地解决了Nodejs项目中的一个难题:体系结构。Nest旨在提供开箱即用的应用程序,可以轻松创建高度可测试,可扩展,松散耦合且易于维护的应用程序。Nest.js将TypeScript引入Node.js中并基于Express封装什么是NestNest是一个强大的Node web框架。它可以帮助您轻松地构建高效、可伸缩的应用程序。它使用现代JavaScri...

2019-04-18 19:29:09 3276

原创 又是一波日常扯淡~

大约一个月都没有写文章了,其实有遇到很多问题,但总感觉自己不在状态,也就不能好好静下心来写一点总结,终于这周末可以安安静静的独处一会了。最近在做之前一个项目的重构,上次也大概提了一下,页面和后台服务都是前端同学自己搞,使用的技术栈是 react+ts+mobx+graphql+apollo-client。刚使用起来还是有一定困难,特别是使用 ts时,很多类型问题,如果都用any,那这样的ts是...

2019-03-30 11:16:48 333 1

原创 sessionStorage实现草稿数据存入和读取

实现一个功能:表单编辑的时候可以存入 sessionStorage中,如果没有点击保存,下一次或者刷新进入页面的时候可以读取session中的值填入表单中。使用的技术点当然是操作sessionStorage,主要用到以下几个API。sessionStorage.setItem(key, value) // 设置sessionsessionStorage.getItem(key) /...

2019-02-27 16:25:12 1864

原创 学习NestJs&GraphQL

简单聊一下最近在搞的事情之前有一个项目,webpack+react+antd 实现前端页面,使用java提供后台接口。但是leader说是后台同学太忙了,现在后台和前端都由前端同学来完成,所以现在要学习很多东西了前端的重构还好一些,主要是样式有一些改动,但是后端肯定是要用node实现,作为一个小白,完全不知道从何下手。所以我们先使用egg+sequlize来连接到原本后台使用的mysql数...

2019-02-23 16:05:23 799

原创 过年侃一侃~

今年过年终于是第一次经历春运,也才感受到春运回家不易,年前一个月就开始抢票,各种找黄牛,12306bypass按时按点抢票。终于是有买到来回的票,年前请假,年后请假,也是想要在家多待一段时间。回家走亲访友,也终于是意识到自己已经24了,从22到24怎么这么快,一下就感觉自己变老了。和朋友聚会,避免不了就会攀比,或是聊起八卦,谁谁谁又怎么样了,已经结婚了都,谁谁谁又辞职跳槽了,吃饭的时候都是在谈...

2019-02-17 12:07:03 195 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 1319

原创 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 8233

原创 使用vue+webpack构建项目(一)基本配置

前一段时间构建了一个webpack+react项目,最近搞一下vue的相关学习其实在学会了react之后,学其他框架也比较得心应手了,首先就是对比着来学习了,vue官方文档上对于框架的对比有比较好的介绍,可以参考 对比其他框架其实基本给的建议都是先学习Vue会好一些,因为文档更全面,很多库也是官方维护,相比下也比较容易一些,使用模板语法,和html还是比较相似的。首先是基本webpack项目...

2019-01-19 16:12:21 605

原创 实践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 822 2

原创 git项目设置多账户管理以及免密登录

有时在公司完成的demo想要上传到自己的github项目上,但是电脑上默认的是公司的账户,那还是不好轻易使用此身份上传代码,最好是多账户管理,使用自己的github账号上传,避免两个账号混乱操作步骤如下:创建一个github项目在你的github上先创建一个仓库,空的就可以,然后 git clone下来,到本地,就可以在这个文件下写你的项目代码了。之后也都是上传到这个仓库里。配置多账户找...

2019-01-05 15:50:49 1109

原创 实践webpack+es6+react+redux+antd构建项目(四) 区分dev和prod环境

使用webpack主要是想因为其优秀的压缩打包功能,之前的配置中只是设置了关于dev环境的启动和运行。但是打包的时候文件并没有变小,也就是没有使用到压缩的配置。这次会配置相关的压缩以及区分生产环境和开发环境开发环境(development)和生产环境(production)的构建目标差异很大。在开发环境中,我们需要具有强大的、具有实时重新加载(live reloading)或热模块替换(hot...

2019-01-04 17:34:07 846

原创 2018年终总结

一年又结束了,转眼间我马上要24岁了,每一年都觉得自己比之前更成熟了,也确实是,毕竟年龄在一直在增长。回望这一年,从学校走入社会,从家里来到上海,从学生变成职场人士,有很多的转变,所以我自身也改变了很多,怎么说呢,除了外形方面有变化,在自身心理素质,学习能力,自我掌控能力上都有比较多的进步。终于2018要结束了,这一年呀经历很多,成长很多,明白很多东西都只是跟自己有关,不要太在意他人的想法...

2018-12-31 15:07:11 137

原创 实践webpack+es6+react+redux+antd构建项目(三) 配置proxy代理

上一篇是关于引入react,redux,antd的,项目已经可以正常运行了,但是拿到的都是定义的死数据。这篇文章讲一下配置代理,调mock数据。简便起见,我使用的是Easy Mock,定义好mock数据,在项目中引入使用。先说一下Easy Mock的使用方法,创建一个项目,创建好之后,进入刚才创建的这个项目创建接口并在左侧添加数据创建好之后,就是要在项目...

2018-12-28 14:51:10 949

html,css,javaScript知识树思维导图

html,css,javaScript全资源知识树思维导图,包括html5,css3,es6等。

2018-08-31

sublimetext3 Package Control

Sublime3安装可用的packagecontrol,可以安装自己想要的插件。

2018-01-15

空空如也

空空如也

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

TA关注的人 TA的粉丝

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