- 博客(27)
- 收藏
- 关注
原创 手机端键盘的换行改为发送
1. vue异步组件技术vue-router配置路由,使用vue的异步组件技术,可以实现按需加载。但是,这种情况下一个组件生成一个js文件。举例如下: { path: '/promisedemo', name: 'PromiseDemo', component: resolve => require(['../components/PromiseD...
2023-08-29 14:42:40
230
转载 通过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
433
原创 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
3567
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
2018
原创 前端列表筛选过滤库
<!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
628
原创 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
646
原创 js复制
<!DOCTYPE html><html><head> <title></title> <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script></head><...
2019-05-30 14:54:57
113
转载 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
2278
转载 箭头函数和普通函数的区别
箭头函数:let fun = () => { console.log('lalalala');}普通函数:function fun() { console.log('lalla');}箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略...
2019-02-26 11:15:20
117
转载 跨域请求解决方案,以及请求发送和相应各个字段的作用
一些定义 同源: 相同来源 同域名、同端口、同协议 同源策略: 是一种约定,最核心也最基本的安全功能,Web是构建在同源策略基础之上的。 跨域: 访问/请求某个接口/某个地址:必须遵循同域名、同端口、同协议才能正常使用。只要有一个不统一,那么就为跨域。如果不同源,就会产生跨域问题。 如果非同源,共有三种行为受到限制。 Cookie、LocalStorage ...
2019-01-18 15:09:36
487
转载 python怎么输出中文
刚开始学习python,需要在Python中注释中文和输出中文,现在开始尝试;仅为初步学习参考,高手请绕行。-----------------------------------------------------------------------第一步:在代码中输入以下命令,执行:#在Python中显示中文注释和输出中文a ="中文"print a返回错误:d:\P...
2018-12-08 15:27:12
9247
原创 websocket小例子,直接放到本地服务器可以跑起来
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><input
2018-10-25 17:57:18
5066
2
转载 vue如何实现按需加载
1. vue异步组件技术vue-router配置路由,使用vue的异步组件技术,可以实现按需加载。但是,这种情况下一个组件生成一个js文件。举例如下:{ path: '/promisedemo', name: 'PromiseDemo', component: resolve => require(['../components/PromiseDe...
2018-09-03 17:54:32
1566
原创 react中英文切换三之谷歌地图中英文切换
<script> const url=localStorage.getItem('lang_type')==="zh_CN"?"//maps.google.cn/maps/api/js?key=YOUKEY&language=zh-CN&libraries=geometry": "//maps.google.cn/maps/api/js?key...
2018-08-28 11:03:43
3464
原创 react中英文切换二
上一篇我们介绍了antd组件内部中英文切换问题,现在我们来看看antd外的中英文怎么切换。这里我们主要用到了阿里的react-intl-universal插件,相信很多人百度也看到过雅虎的react-intl插件,我最开始也是用的这个,用着用着发现并不能很好的满足我的需求,react-intl只能用在组件上,而当我要处理js中的文字时,比如echarts、highcharts之类的图表时,会要...
2018-08-17 11:46:26
2942
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
4365
转载 生动易懂的js原型链讲解
1. 前言 作为Java 帝国的未来继承人,Java小王子受到了严格的教育, 不但精通Java语言、Java虚拟机、java类库和框架,还对各种官方的Java规范了如指掌。 近日他听说一个叫做Javascript的屌丝逆袭了, 成功地建立了一个独立的王国, 不但成了前端编程之王, 还不断地蚕食Java帝国的领地 ! 按照小王子宫廷老师的说法: 想当年, 这家伙只是...
2018-08-14 16:35:21
256
原创 数组方法push、pop、shift、unshift、slice、splice对比总结
这几个数组方法都是很常用的,也很简单,但老是搞不清他们的返回值,所以今天闲着没事写篇文章理一理。push往数组后面追加一个元素,unshift往数组前面追加一个元素,pop删除数组最后的一个元素、shift删除数组第一个元素注:push、unshift返回的是新数据长度,pop、shift返回的是删除的元素,四个方法都会改变原数组总结:添加返新数组的长度、删除返删除的元素,都会改变元素...
2018-08-09 12:02:37
2226
1
转载 react如何实现代码分割,路由动态加载
众所周知,在使用webpack打包react应用时,webpack将整个应用打包成一个js文件,当用户访问首屏时,会一次性加载整个js文件,当应用的规模变得越来越庞大的时候,首屏渲染速度变慢,影响用户体验。于是,webpack开发了代码分割的特性, 此特性能够把代码分割为不同的bundle文件,然后可以通过路由按需加载或并行加载这些文件。代码分割可以用于获取更小的bundle,以及控制资源...
2018-05-30 10:26:48
11515
5
转载 五分钟掌握react-router4和react-router3区别
React Router 4 发布,我能清晰地感觉到来自 Twitter 大家对新版本中其 大量的修改 的不同声音。诚然,我在学习 React Router 4 的第一天,也是非常痛苦的,但是,这并不是因为看它的 API,而是反复思考使用它的模式和策略,因为 V4 的变化确实有点大,V3 的功能它都有,除此之外,还增加了一些特性,我不能直接将使用 V3 的心得直接迁移过来,现在,我必须重新审视 r...
2018-05-29 18:29:16
7525
1
转载 文本多行超出显示...
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。接下来重点说一说多行文本溢...
2018-05-15 15:42:57
493
原创 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
7263
1
原创 如何使用rem,为什么rem不生效?
rem是现在手机端用的比较普遍的单位,我最近也在用这个做一个手机站,在使用过程发现单纯的css并不能实现字体随屏幕放大缩小的效果,后来各种索搜,找到了解决方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document<
2017-10-16 12:20:48
12148
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
2165
原创 详细angular表单验证实例
一个angular实现的表单验证例子,包括用户名已存在验证,话不多说,看代码 注册 用户注册 用户名: <input type="text" class="form-control" name="name" ng-model="user.name" ng-bl
2017-03-30 17:21:32
403
转载 angular成功提交表单数据后台却无法接收问题
在使用AngularJS $http.post()的时候,PHP如果通过$_POST来获取值,那么它获取到的将会是空值。而如果是用jquery来进行post传递,却不会这个问题。这是为什么呢?这是因为两者的post对header的处理有所不同。jQuery会把作为JSON对象的myData序列化,而AngularJS不会,所以PHP无法接受到这个值。而解决这个问题的方式有三种: 第一种:
2017-03-28 16:08:56
440
原创 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
164
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人