- 博客(18)
- 收藏
- 关注
RSS订阅原创 css的:hover前面有无空格的问题
:hover前面没有空格影响的只是该元素的兄弟节点；效果如下:hover前面有了一个空格影响的就是 该元素下面的 子节点效果如下 子节点都会响应处理这个hover...
2019-12-11 17:17:12
544
原创 vue 阿里云oss让文件的链接点击默认是下载的
服务端向客户端游览器发送文件时，如果是浏览器支持的文件类型，一般会默认使用浏览器打开，比如txt、jpg等，会直接在浏览器中显示，如果需要提示用户保存，就要利用Content-Disposition进行一下处理，关键在于一定要加上attachment：方法一：通过阿里云后台配置http头 Content-Disposition 为 attachment 但是这种方法 会让拿到链接想播放...
2019-01-22 10:00:41
4880
原创 Moment.js使用---获得本周 本月 本年的开始结束时间
安装详情参见官网 http://momentjs.cn/bower install moment --save # bowernpm install moment --save # npmInstall-Package Moment.js # NuGetspm install moment --save # spmmeteor add momentjs:moment ...
2019-01-16 10:50:55
5568
1
原创 垂直居中
display: flex; align-items: center;span垂直居中display:inline-block;vertical-align:middle;
2018-12-28 15:50:54
115
原创 JavaScript时间戳与时间Date之前的转换
1.时间Date转换成时间戳getTime() 方法 得到的是毫秒单位 秒的话 / 1000就可以了2.时间戳转换成显示时间这里介绍几个我常用的toLocaleDateString 获得日期toLocaleTimeString 获得时间toLocaleString('chinese', { hour12: false }) 获得日期时间（时间是24小时制）t...
2018-12-12 17:29:24
199
原创 【二】react-draft-wysiwyg 图片本地预览 以及base64压缩
做富文本编辑的时候会遇到一个问题，图片选择后立马上传到服务器的话，用户如果最后没有发表文章，就会导致服务器有很多垃圾的图片，我这里的处理是：从本地选择之后不上传服务器，直接把图片转换成base64 本地预览。下面是代码：这个是UI的代码 const textEditor = ( <Editor editorState={editorState} ...
2018-11-27 15:19:12
1761
1
原创 【一】react-draft-wysiwyg富文本使用
1.安装npm install react-draft-wysiwygnpm install draft-jsnpm install draftjs-to-htmlnpm install html-to-draftjs2.引用import { Editor } from 'react-draft-wysiwyg';import 'react-draft-wysiwyg/di...
2018-11-27 14:59:43
1205
原创 Dva引用echarts制作统计图表
npm命令安装： npm install echarts --saveimport你需要用到的组件 至于制作什么图表 可以去echarts的官网查看实例 以及 api http://www.echartsjs.com/examples/官网的实例都是左侧代码，右侧运行结果，超级方便我的示例代码如下import React, { Component } from 'react...
2018-11-22 17:01:58
874
原创 Dva effects中读取model state的值
有一些 场景，我们发送请求的数据就在model里面，就没有必要从UI上取到再发送请求， 可以直接再发送请求的时候获取state的值查询DvaJs官网发现 select函数可以实现如下为实现的代码： *queryInfo({payload}, { call, put, select}) { const currentCategory = yield select(...
2018-11-22 16:42:40
4458
原创 获取两个数组种相同的部分和不同的部分
/** * 获取两个数组的公共部分 */ getSameArr (arry1, arry2) { var arry3 = [] var j = 0 for (var i = 0; i < arry1.length; i++) { for (var k = 0; k <...
2018-09-13 16:02:33
2412
原创 根据数组中对象的某一属性进行排序
this.groupList = [{id: '1', time: '123'}, {id:'2', time: '345'}, {id: '3', time: '234'}]this.groupList.sort(this.compare('time'))compare (property) { return function (a, b) { var value1 =...
2018-09-13 15:08:20
1683
原创 用js实现复制文本到剪贴板 不安装组件
var oTextarea = document.createElement('textarea') oTextarea.value = info.realLiveUri oTextarea.display = 'none' document.body.appendChild(oTextarea) oTextarea.select() ...
2018-09-13 14:57:58
142
原创 React的onClick函数如何传参
不能使用（参数A， 参数B）的方式，而是要使用bind<Button onClick={this.showEdit.bind(this, 'add')}>添加用户</Button> showEdit = (type) => { console.log(type) // 这里面的type就是'add' this.setState({ mo...
2018-08-15 15:38:27
15125
1
原创 请求头出现Provisional headers are shown
问题如上图，在谷歌浏览器中出现Provisional headers are shown的警告，换了其他的浏览器打开就正常了，查询资料，在浏览器中输入chrome://net-internals/#events，刷新页面重新请求，搜索delegate_blocked_by这个关键字，结果如下图是谷歌的插件拦截导致的，由于我自己的谷歌浏览器安装了Postman和cross-reque...
2018-07-24 14:46:54
225637
12
原创 阿里oss文件实现强制下载的方法
多用途互联网邮件扩展类型（Multipurpose Internet Mail Extensions，简称 MIME），是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名，以及一些媒体文件打开方式。 OSS中默认是会匹配您上传的文件类型，根据您上传的文件类型，比如jpg，会自动识别为...
2018-05-23 11:59:24
2313
1
原创 创建一个Vue工程遇到的问题总结12.23
1.最简单的创建流程第一步：官网下载node,js https://nodejs.org/en/download/ 安装即可第二步：按照vue官方文档执行即可Vue 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：# 全局安装 vue-cli$ np...
2018-04-18 14:45:28
152
原创 ES6语法--箭头函数的理解
今天在实现上传视频的时候，想实现显示上传视频进度的进度条查询资料可以采用下面的onUploadProgress（）来获得进度的百分比 UI代码：<Progress v-if="showProgress" :percent="progress"></Progress>Script代码：axios({ url: token.host, met...
2018-04-18 14:33:59
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人