自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

孤独--患者的博客

前端新技术学习笔记记录

原创 wangEditor截屏粘贴图片上传到服务器

<template> <div :ref="editorRef" @input="result"></div> </template> &a...

2019-07-22 17:53:09

阅读数 210

评论数 0

原创 列表拖动排序

<!DOCTYPE html> <html> <head> <title>拖动列表</title> <script src="ht...

2019-05-30 17:56:02

阅读数 202

评论数 0

原创 前端列表筛选过滤库

<!DOCTYPE html> <html> <head> <title></title> <script src="https:...

2019-05-30 16:08:31

阅读数 38

评论数 0

原创 popover

<!DOCTYPE html> <html> <head> <title></title> <script src="https:...

2019-05-30 15:26:01

阅读数 114

评论数 0

原创 js复制

<!DOCTYPE html> <html> <head> <title></title> <script src="https:...

2019-05-30 14:54:57

阅读数 5

评论数 0

转载 react中父子组件和兄弟组建通讯

说 React 组件间通讯之前,我们先来讨论一下 React 组件究竟有多少种层级间的关系。假设我们开发的项目是一个纯 React 的项目,那我们项目应该有如下类似的关系: 父子:Parent 与 Child_1、Child_2、Child_1_1、Child_1_2、Child_2_1 ...

2019-03-28 16:49:27

阅读数 461

评论数 0

转载 箭头函数和普通函数的区别

箭头函数: let fun = () => { console.log('lalalala'); } 普通函数: function fun() { console.log('lalla'); } 箭头函数相当于匿名函数,并且简化了函数定义。箭头函数...

2019-02-26 11:15:20

阅读数 16

评论数 0

转载 跨域请求解决方案,以及请求发送和相应各个字段的作用

一些定义 同源: 相同来源 同域名、同端口、同协议 同源策略: 是一种约定,最核心也最基本的安全功能,Web是构建在同源策略基础之上的。 跨域: 访问/请求某个接口/某个地址:必须遵循同域名、同端口、同协议才能正常使用。只要有一个不统一,那么就为跨域。如果不同源,就会产生...

2019-01-18 15:09:36

阅读数 86

评论数 0

转载 python怎么输出中文

刚开始学习python,需要在Python中注释中文和输出中文,现在开始尝试; 仅为初步学习参考,高手请绕行。 ----------------------------------------------------------------------- 第一步:在代码中输入以下命令,执行:...

2018-12-08 15:27:12

阅读数 796

评论数 0

原创 websocket小例子,直接放到本地服务器可以跑起来

<!DOCTYPE html> <html lang="en"> <head>     <meta char...

2018-10-25 17:57:18

阅读数 1431

评论数 2

转载 vue如何实现按需加载

1. vue异步组件技术 vue-router配置路由,使用vue的异步组件技术,可以实现按需加载。 但是,这种情况下一个组件生成一个js文件。 举例如下: { path: '/promisedemo', name: 'PromiseDemo', compone...

2018-09-03 17:54:32

阅读数 580

评论数 0

原创 react中英文切换三之谷歌地图中英文切换

<script> const url=localStorage.getItem('lang_type')==="zh_CN"?"//maps.google.cn/maps/api/js?...

2018-08-28 11:03:43

阅读数 2277

评论数 0

原创 react中英文切换二

上一篇我们介绍了antd组件内部中英文切换问题,现在我们来看看antd外的中英文怎么切换。 这里我们主要用到了阿里的react-intl-universal插件,相信很多人百度也看到过雅虎的react-intl插件,我最开始也是用的这个,用着用着发现并不能很好的满足我的需求,react-intl...

2018-08-17 11:46:26

阅读数 1597

评论数 2

原创 react中英文切换一

最近项目需要添加中英文切换功能,涉及到antd组件内部中英文、谷歌地图中英文、以及网站上文字的中英文切换。我将分三篇文章依次介绍,今天先讲讲antd内部组件的切换。 首先头部引入 import {LocaleProvider } from 'antd'; import en_US from ...

2018-08-16 19:56:51

阅读数 1658

评论数 0

转载 生动易懂的js原型链讲解

1. 前言   作为Java 帝国的未来继承人,Java小王子受到了严格的教育, 不但精通Java语言、Java虚拟机、java类库和框架,还对各种官方的Java规范了如指掌。      近日他听说一个叫做Javascript的屌丝逆袭了, 成功地建立了一个独立的王国, 不但成了前端编程之...

2018-08-14 16:35:21

阅读数 69

评论数 0

原创 数组方法push、pop、shift、unshift、slice、splice对比总结

这几个数组方法都是很常用的,也很简单,但老是搞不清他们的返回值,所以今天闲着没事写篇文章理一理。 push往数组后面追加一个元素,unshift往数组前面追加一个元素,pop删除数组最后的一个元素、shift删除数组第一个元素 注:push、unshift返回的是新数据长度,pop、shift...

2018-08-09 12:02:37

阅读数 677

评论数 0

转载 react如何实现代码分割,路由动态加载

众所周知,在使用webpack打包react应用时,webpack将整个应用打包成一个js文件,当用户访问首屏时,会一次性加载整个js文件,当应用的规模变得越来越庞大的时候,首屏渲染速度变慢,影响用户体验。 于是,webpack开发了代码分割的特性, 此特性能够把代码分割为不同的bundle文件...

2018-05-30 10:26:48

阅读数 4401

评论数 3

转载 五分钟掌握react-router4和react-router3区别

React Router 4 发布,我能清晰地感觉到来自 Twitter 大家对新版本中其 大量的修改 的不同声音。诚然,我在学习 React Router 4 的第一天,也是非常痛苦的,但是,这并不是因为看它的 API,而是反复思考使用它的模式和策略,因为 V4 的变化确实有点大,V3 的功能它...

2018-05-29 18:29:16

阅读数 4965

评论数 0

转载 文本多行超出显示...

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden; text-overflow:ellipsis; white-space: nowrap;效果如图:但是这个...

2018-05-15 15:42:57

阅读数 187

评论数 0

原创 create-react-app创建的项目打包后的文件很大

在使用react-create-app脚手架搭建的项目,在我们编译打包时会产生很多.map文件,导致编译后的项目非常大,怎么让打包后的文件不包含.map文件呢,只需案下面修改对应的配置即可在node-module/react-scripts/config/webpack.config.prod.j...

2018-05-07 14:47:45

阅读数 4818

评论数 1

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