
WEB
__miss__right
这个作者很懒,什么都没留下…
展开
-
css的:hover前面有无空格的问题
:hover前面没有空格影响的只是该元素的兄弟节点;效果如下:hover前面有了一个空格影响的就是 该元素下面的 子节点效果如下 子节点都会响应处理这个hover...原创 2019-12-11 17:17:12 · 595 阅读 · 0 评论 -
垂直居中
display: flex; align-items: center;span垂直居中display:inline-block;vertical-align:middle;原创 2018-12-28 15:50:54 · 141 阅读 · 0 评论 -
【二】react-draft-wysiwyg 图片本地预览 以及base64压缩
做富文本编辑的时候会遇到一个问题,图片选择后立马上传到服务器的话,用户如果最后没有发表文章,就会导致服务器有很多垃圾的图片,我这里的处理是:从本地选择之后不上传服务器,直接把图片转换成base64 本地预览。下面是代码:这个是UI的代码 const textEditor = ( <Editor editorState={editorState} ...原创 2018-11-27 15:19:12 · 1839 阅读 · 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 · 1270 阅读 · 0 评论 -
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 · 992 阅读 · 0 评论 -
Dva effects中读取model state的值
有一些 场景,我们发送请求的数据就在model里面,就没有必要从UI上取到再发送请求, 可以直接再发送请求的时候获取state的值查询DvaJs官网发现 select函数可以实现如下为实现的代码: *queryInfo({payload}, { call, put, select}) { const currentCategory = yield select(...原创 2018-11-22 16:42:40 · 4621 阅读 · 0 评论 -
获取两个数组种相同的部分和不同的部分
/** * 获取两个数组的公共部分 */ 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 · 2452 阅读 · 0 评论 -
根据数组中对象的某一属性进行排序
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 · 1734 阅读 · 0 评论 -
用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 · 172 阅读 · 0 评论 -
请求头出现Provisional headers are shown
问题如上图,在谷歌浏览器中出现Provisional headers are shown的警告,换了其他的浏览器打开就正常了,查询资料,在浏览器中输入chrome://net-internals/#events,刷新页面重新请求,搜索delegate_blocked_by这个关键字,结果如下图是谷歌的插件拦截导致的,由于我自己的谷歌浏览器安装了Postman和cross-reque...原创 2018-07-24 14:46:54 · 225994 阅读 · 12 评论 -
阿里oss文件实现强制下载的方法
多用途互联网邮件扩展类型(Multipurpose Internet Mail Extensions,简称 MIME),是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名,以及一些媒体文件打开方式。 OSS中默认是会匹配您上传的文件类型,根据您上传的文件类型,比如jpg,会自动识别为...原创 2018-05-23 11:59:24 · 2447 阅读 · 1 评论 -
如何获取网站的logo
网站连接+/favicon.ico例如百度:https://www.baidu.com/favicon.ico原创 2018-05-16 11:13:02 · 5322 阅读 · 0 评论 -
创建一个Vue工程遇到的问题总结12.23
1.最简单的创建流程第一步:官网下载node,js https://nodejs.org/en/download/ 安装即可第二步:按照vue官方文档执行即可Vue 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:# 全局安装 vue-cli$ np...原创 2018-04-18 14:45:28 · 188 阅读 · 0 评论 -
ES6语法--箭头函数的理解
今天在实现上传视频的时候,想实现显示上传视频进度的进度条查询资料可以采用下面的onUploadProgress()来获得进度的百分比 UI代码:<Progress v-if="showProgress" :percent="progress"></Progress>Script代码:axios({ url: token.host, met...原创 2018-04-18 14:33:59 · 271 阅读 · 0 评论