孤独--患者-CSDN博客

原创手机端键盘的换行改为发送

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

2023-08-29 14:42:40 129

转载通过class的super理解react里的super(props)

原文链接：https://www.jianshu.com/p/67d0d6b7bfeb我听说hooks最近很热。具有讽刺意味的是，我想通过描述有关类组件的有趣事实来开始这个博客。那会怎么样！这些陷阱对于有效地使用React并不重要。但是如果你想更深入地了解事情的运作方式，你可能会发现它们很有趣。这是第一个。我写过的super(props)比我知道的要多:class Checkbox extends React.Component { constructor(pro...

2020-11-02 18:53:57 414

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

<template> <div :ref="editorRef" @input="result"></div></template><script> import E from 'wangeditor' export default { getters: ['qiniuHost'], actions: ...

2019-07-22 17:53:09 3449 1

原创列表拖动排序

<!DOCTYPE html><html><head> <title>拖动列表</title> <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script></head><...

2019-05-30 17:56:02 1970

原创前端列表筛选过滤库

<!DOCTYPE html><html><head> <title></title> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script> <script src="https://cdnjs...

2019-05-30 16:08:31 593

原创 popover

<!DOCTYPE html><html><head> <title></title> <script src="https://unpkg.com/driver.js/dist/driver.min.js"></script> <link rel="stylesheet" hre...

2019-05-30 15:26:01 626

原创 js复制

<!DOCTYPE html><html><head> <title></title> <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script></head>&lt...

2019-05-30 14:54:57 103

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

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

2019-03-28 16:49:27 2230

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

箭头函数：let fun = () => { console.log('lalalala');}普通函数：function fun() { console.log('lalla');}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略...

2019-02-26 11:15:20 104

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

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

2019-01-18 15:09:36 453

转载 python怎么输出中文

刚开始学习python，需要在Python中注释中文和输出中文，现在开始尝试；仅为初步学习参考，高手请绕行。-----------------------------------------------------------------------第一步：在代码中输入以下命令，执行：#在Python中显示中文注释和输出中文a ="中文"print a返回错误：d:\P...

2018-12-08 15:27:12 9044

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

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><input

2018-10-25 17:57:18 5040 2

转载 vue如何实现按需加载

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

2018-09-03 17:54:32 1548

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

2018-08-28 11:03:43 3376

原创 react中英文切换二

上一篇我们介绍了antd组件内部中英文切换问题，现在我们来看看antd外的中英文怎么切换。这里我们主要用到了阿里的react-intl-universal插件，相信很多人百度也看到过雅虎的react-intl插件，我最开始也是用的这个，用着用着发现并不能很好的满足我的需求，react-intl只能用在组件上，而当我要处理js中的文字时，比如echarts、highcharts之类的图表时，会要...

2018-08-17 11:46:26 2880 2

原创 react中英文切换一

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

2018-08-16 19:56:51 4256

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

1. 前言作为Java 帝国的未来继承人，Java小王子受到了严格的教育，不但精通Java语言、Java虚拟机、java类库和框架，还对各种官方的Java规范了如指掌。近日他听说一个叫做Javascript的屌丝逆袭了，成功地建立了一个独立的王国，不但成了前端编程之王，还不断地蚕食Java帝国的领地！按照小王子宫廷老师的说法：想当年，这家伙只是...

2018-08-14 16:35:21 243

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

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

2018-08-09 12:02:37 2173 1

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

众所周知，在使用webpack打包react应用时，webpack将整个应用打包成一个js文件，当用户访问首屏时，会一次性加载整个js文件，当应用的规模变得越来越庞大的时候，首屏渲染速度变慢，影响用户体验。于是，webpack开发了代码分割的特性，此特性能够把代码分割为不同的bundle文件，然后可以通过路由按需加载或并行加载这些文件。代码分割可以用于获取更小的bundle，以及控制资源...

2018-05-30 10:26:48 11401 5

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

React Router 4 发布，我能清晰地感觉到来自 Twitter 大家对新版本中其大量的修改的不同声音。诚然，我在学习 React Router 4 的第一天，也是非常痛苦的，但是，这并不是因为看它的 API，而是反复思考使用它的模式和策略，因为 V4 的变化确实有点大，V3 的功能它都有，除此之外，还增加了一些特性，我不能直接将使用 V3 的心得直接迁移过来，现在，我必须重新审视 r...

2018-05-29 18:29:16 7480 1

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

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

2018-05-15 15:42:57 481

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

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

2018-05-07 14:47:45 7213 1

原创如何使用rem，为什么rem不生效？

rem是现在手机端用的比较普遍的单位，我最近也在用这个做一个手机站，在使用过程发现单纯的css并不能实现字体随屏幕放大缩小的效果，后来各种索搜，找到了解决方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document&lt

2017-10-16 12:20:48 11972 1

原创巧用reduce、filter过滤数组中的相同的元素

数组元素是一个字符串：(function(){'use strict';var r, arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry']; r = arr.filter(function (element, index, self) { re

2017-09-13 23:20:39 2130

原创详细angular表单验证实例

一个angular实现的表单验证例子，包括用户名已存在验证，话不多说，看代码注册用户注册用户名： <input type="text" class="form-control" name="name" ng-model="user.name" ng-bl

2017-03-30 17:21:32 390

转载 angular成功提交表单数据后台却无法接收问题

在使用AngularJS $http.post()的时候，PHP如果通过$_POST来获取值，那么它获取到的将会是空值。而如果是用jquery来进行post传递，却不会这个问题。这是为什么呢？这是因为两者的post对header的处理有所不同。jQuery会把作为JSON对象的myData序列化，而AngularJS不会，所以PHP无法接受到这个值。而解决这个问题的方式有三种：　　第一种：

2017-03-28 16:08:56 404

原创 ajax如何跨域请求

Document $(function(){ $.ajax({ type:'get', url:'http://search.mi.com/search/expand?keyword=%E5%B0%8F%E7%B1%B3&jsonpcallback=?', dataType:'jsonp',

2017-03-27 11:46:53 153

孤独--患者的博客