自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 react 项目对组件进行模块化加载

开发 react 单页面应用项目的过程中,如果不进行按需加载及打包,往往js文件会很大,之前项目的js文件达到7兆,页面的加载过程变的很慢,用户的体验变的非常不友好,所有就搜集了进行按需加载的方法,现在进行下总结及记录,方便以后的复盘使用1.新建一个 asyncComponent.js 文件import React, { Component } from 'react';import ...

2019-10-09 11:00:39 771

原创 js 实现复制文本内容,可以在其他地方进行粘贴

在项目开发过程中会遇到复制某部分的文本内容,然后可以在其他地方通过右键或者 Ctrl + v 进行粘贴的需求,接下来看看如何通过 js 实现//获取需要复制文字的节点var copyDOM = document.querySelector(id);//创建一个 range 对象var range = document.createRange();//清除当前页面中已有的s...

2019-10-08 18:26:34 527

原创 react项目中使用react-dnd实现列表的拖拽排序

现在有一个新需求就是需要对一个列表,实现拖拽排序的功能,要实现的效果如下图:可以通过 react-dnd 或者 react-beautiful-dnd 两种方式实现,今天先讲下使用react-dnd是如何实现的,github地址:https://react-dnd.github.io/react-dnd/docs/api/dnd-provider1.先安装依赖npm ire...

2019-08-02 17:32:01 18171 2

原创 2019前端面试总结

作为一个程序猿,跳槽,那是比较正常滴,最近在准备裸辞,把面试过程中问到的面试题记录下来,希望能够帮助大家找到一个理想中的工作。一定要记得和 HR 约好具体的时间 !!!一定要记得和 HR 约好具体的时间 !!!一定要记得和 HR 约好具体的时间 !!!重要的事请说三遍,否则,可能和我一样在大晚上刷剧的时候来场面试(嗯,碰到这种情况有点懵,看来内容存储功底还不够);或者在刚面膜贴脸上...

2019-07-21 20:14:34 760

原创 js写一个add函数,add(2)(4)(6) //12

笔者一直以来都是做项目ok,但是对于底层逻辑的理解一塌糊涂,近来,遇到一道面试题,正好在这道面试题之前看过有关概念,特此来记录下,以免以后又糊涂了题目如下:写一个add函数,add(1)(2)(3) //6刚看到这道题的瞬间,脑子卡壳,属于懵逼状态,再仔细一想,那不就是连续调用三个函数,每个函数的传参不同么,所以我的解决方案如下:function add (val){ ...

2019-07-18 16:49:56 1020

原创 react项目中把获取的url转换成二维码

在项目开发中遇到一个需求就是把后台返回的URL路径转换成二维码,经过像度娘查询之后选用了一种方法,并且已经在项目中成功使用,所以专门来记录下,避免以后忘记,处理步骤如下:安装该依赖的来源:https://www.npmjs.com/package/qrcode.react1.安装依赖npminstall --save qrcode.react想要快速安装,也可以使用淘宝镜像进行安...

2019-07-09 20:36:39 1481

原创 前端实现在线预览文档

前端实现在线预览文档最近项目开发中需要实现在线预览Word,Excel,PowerPoint格式的文档,网上查找了很多资源,各说纷纭,但是在一一尝试之后只有使用微软的预览接口才能成功,其他的会出现各种各样的问题,现在说下如何使用微软的预览接口来实现该功能通过联机查看 Office 文档地址如下:https://products.office.com/zh-CN/office-online/v...

2019-06-03 17:22:07 23399 14

原创 使用redux的过程中报Warning: Failed prop type: Invalid prop `component` of type `object` supplied to `Route`

在开发react单页面项目中引入redux,状态已经可以进行修改和获取了,但是遇到了问题报下图所示警告,后来查找到原因,为了避免遗忘,特意来记录下翻译过来是:警告:失败的属性类型:提供给“route”的“object”类型的“component”无效,应为“function”。经过查找资料,原因在于route上,下图是在route的官网上看到的,因此在定义connect()组件的路由时,...

2019-05-28 11:06:13 7971

空空如也

空空如也

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

TA关注的人

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