- 博客(47)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 fetch 流式请求
let response = await fetch('/chat/stream/你好？// /chat/stream/后面跟问题。
2024-01-04 16:21:39
695
原创 js监听元素样式变化、子元素新增删除、
// 观察器的配置（需要观察什么变动）// 创建一个观察器实例并传入回调函数。// 当观察到变动时执行的回调函数。// 以上述配置开始观察目标节点。// 选择需要观察变动的节点。// 之后，可停止观察。...
2022-08-11 18:17:25
1571
原创 react-echarts 转换成base64格式
import React from 'react'import ReactEcharts from 'echarts-for-react';const category = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, serie...
2021-08-24 18:28:08
407
转载 stylelint样式规范工具
1.项目根目录新增 .stylelintrc 文件2.{ "rules": { # 缩进 4 个空格 "indentation": 4, # 去掉小数点前面的 0 "number-leading-zero": "never", # 使用双引号 "string-quotes": "double", # 每个属性声明末尾都要加分号 "declaration-bl
2021-05-27 18:41:49
1974
原创 js ts 函数工厂
class Message { private readonly message: string; //定义 message类型 防止ts环境画红色波浪线 constructor(message: string) { this.message = message //this指向当前工厂函数顶部 与 react或者 vue 内 this 不冲突 } success(txt:string) { message.success(txt + this.message) }
2021-05-24 14:51:59
264
原创 react canvas 生成验证码
import React from 'react';class Code extends React.Component{ state = { code: '' //验证码 } componentDidMount () { this.createCode() } randomNum=(min, max)=>{ return Math.floor(Math.random() * (max - min).
2020-11-24 15:54:21
208
原创 react 上传腾讯云OSS
npm install ali-ossimport OSS from "ali-oss";let GetOssFileClient = new OSS({ secure:true, region: "你的阿里云地区", accessKeyId: "你的阿里云Id", accessKeySecret: "你的阿里云Secret", bucket: "你的阿里云仓库名",});async uploadOImg(obj){ let objItem = {uid: 0,name.
2020-11-09 17:50:15
514
原创 anywhere： 无法加载文件 C:\Program Files\nodejs\node_global\anywhere.psl,因为在此系统上禁止运行脚本
anywhere： 无法加载文件 C:\Program Files\nodejs\node_global\anywhere.psl,因为在此系统上禁止运行脚本使用anywhere 运行的时候报错1、打开终端2、在终端执行：get-ExecutionPolicy，显示Restricted（表示状态是禁止的）3、在终端执行：set-ExecutionPolicy RemoteSigned4、在终端执行：get-ExecutionPolicy，显...
2020-11-06 15:43:18
1050
原创 小程序检测敏感词
1.在project.config.json 文件中添加"miniprogramRoot":"/",2.在项目根目录创建 functions 文件夹3.右键点击文件夹 选着 新建Node.js云函数 我的云函数名字 叫 checkStr(可以自定义)点击之后会生成这三个文件 如果没有 请手动添加config.json{ "permissions": { "openapi": [ "security.msgSecCheck" ] ...
2020-10-10 15:55:58
2310
1
原创 axios 设置请求超时时间
import axios from 'axios';axios.defaults.timeout = 500axios.interceptors.response.use(response => { return response}, err => { if(err.message == 'timeout of 5000ms exceeded'){ ...
2020-04-20 18:36:23
3320
原创 react touch 事件 页面拖动
const MIN_TOUCH_DISTENCE = 50 handleTouchStart = (e) => { this.startX = e.touches[0].clientX; } handleTouchMove = (e) => { this.endX = e.touches[0].clientX; ...
2020-04-20 18:08:59
1200
原创 vuex 个人整理 个人纪录
vuex:{ store文件夹:{ index.js:{ import Vue from 'vue'; import Vuex from 'vuex'; import getters from './getters'; import first from "./model/fi...
2020-04-20 17:19:55
189
1
转载 vue-json-excel导出表格时自动转码
修改vue-json-excel源码，在169行td标签里添加style="mso-number-format:'\@';" 就可以解决
2020-03-13 13:53:44
1102
原创 vw 和 rem 做移动端适配
// 设计稿宽度, 75var designWith = 750// 设计稿上1px对应设备上多少个单位的vw, 100vw表示设备屏幕宽度var vw = 100 / designWith// 此时的vw大小时html的font-size的大小// 同时rem单位时根据vw大大小进行计算的// 为了方便后面的尺寸计算,放大100倍,即设计稿上的100px;var font...
2020-02-26 17:54:20
242
原创 a标签下载图片跨域
前几天做项目的时候遇到了下载跨域的问题找到的解决办法就是 后端返回图片的文件流，然后前端使用blob()转换图片格式下载 let url = "后端返回文件流的地址" fetch(url,{method:'get',headers:{'Content-Type':'image/jpeg'}}).then( res=>res.blob().then(b...
2020-01-13 14:36:09
3113
原创 vue 移动端适配 .js
(function (ele, win) { var varEl = ele.documentElement, // orientationchange 事件 用来监听手机屏幕的反转 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 're...
2019-10-18 11:04:35
389
原创 禁止输入框输入空格 onkeyup
原生<input type="text" onkeyup="this.value=this.value.replace(/\s+/g,'')">vue<input type="text" @keyup="this.value=this.value.replace(/\s+/g,'')">
2019-06-05 17:49:30
5536
转载 vue 图片裁剪
<!-- 这个图片剪裁插件，兼容ios与安卓 --><template> <div class="vue-box"> <img :src="imgUrl" alt="" id="img"> <input type="file" class="file" accept="image/png,image/jpg,image...
2019-05-18 09:45:56
840
原创 vue 中 使用 clipboard.js 复制内容点击两次才能成功问题
首先是进入页面之后 clipboard 没有创建实例 ，再点击复制之后才开始创建实例，创建实例之后并没有完成复制解决办法 在updated 方法里创建clipboard 实例为什么要在 updated 方法里创建 ？因为要保证页面元素渲染完成 并且能成功拿到任何一个html 元素updated(){ let text = '' this.clipboar...
2019-05-15 15:48:41
3637
翻译 微信jssdk图片上传 ios不支持
ios不支持是因为路由跳转的时候指向的是上一个页面的路由所以在需要上传图片的路由里面加入一下代码：beforeEnter:(to,from,next)=>{ var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 ...
2019-04-23 14:13:08
1540
翻译 element picker 组件限制选择日期
<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions"></el-date-picker><script>data (){ return { p...
2019-04-16 10:28:44
1014
转载 vue beforeEach 跳转问题
我们直接在beforeEach函数里面判断用户是否登录 然后跳转页面的时候会陷入一个死循环解决办法就是多加一层if判断 首先判断用户是否有token或者时候登录 然后再判断to参数里的path路径if(Lkcommon.getToken()){ next()}else{ if(to.path !=="/login"){ next({path:"/lo...
2019-03-26 18:01:36
4326
原创 React Use the `defaultValue` or `value` props on select instead of setting
<label> <select onChange={this.handleChange} className="select"> { this.state.list.map( item =>{ return( ...
2018-12-12 18:11:03
5647
翻译 -webkit-box-orient: vertical; 浏览器无法识别
/* autoprefixer: off*/-webkit-box-orient: vertical;/* autoprefixer: on*/完美解决
2018-11-01 12:14:31
3503
3
原创 warning ../../../package.json: No license field
在package.json文件插入以下代码"license": "ISC"也许就解决了
2018-10-30 16:10:37
19645
原创 Svn process exited with error code: 1 && xcrun: error: invalid active developer path ...missing xcru
IDEA在使用svn上传更新文件的时候报错导致无法上传或更新首先进入IDEA配置svn界面 点击 Check out from Version Control >> Subversion打开path（svn地址）会出现 Svn process exited with error code: 1看到这个之后进入IDEA（随意打开一个项目）进入设置 Vers...
2018-10-24 14:29:51
923
转载 React H5 上拉加载
import React, { Component } from 'react';import './style/App.less';class App extends Component { constructor(props) { super(props); this.state = ({ data: ['a', 'b', 'c', 'd', 'e', ...
2018-10-18 11:25:49
1687
原创 react、vue获取html标签显示在页面上
React：<div dangerouslySetInnerHTML = {{ __html:this.state.show.description }}></div>Vue:<div v-html="my_html"></div>
2018-09-23 14:42:56
2363
原创 react 在生命周期中调用方法
import React from "react"export default class Index extends React.Component{ constructor(props){ super(props) this.state={} } componentDidMount(){ //在这写didmount的原因是目前R...
2018-09-13 19:47:26
1655
转载 react 实现移动端横向滑动展示功能 商品展示左右滑动
先看效果 ： .concent { width:100%; .box { white-space:nowrap; // 注释1 overflow-x:auto; margin: 0; padding: 0; li {...
2018-09-03 14:50:10
17415
原创 css3文本缩进 && 文本超过两行用省略号表示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> p{ width: 200
2018-08-28 12:13:54
2880
原创 在react中使用swiper插件
$npm install swiper安装成功之后引入swiperimport Swiper from 'swiper/dist/js/swiper.js'import 'swiper/dist/css/swiper.min.css'这里引入主要是为了后期打包（build）的时候不报错componentDidMount(){ var mySwiper = new S...
2018-08-27 16:12:24
19980
2
翻译 ie9 下面输入框后面怎么出现一个黑色叉叉
浏览器兼容问题，可以用css3解决input::-ms-clear,input::-ms-reveal{ display:none}
2018-08-23 15:03:01
2687
2
原创 字符串清除空格最简单的方法
var str = "1 123 123"console.log(str) //1 123 123str.replace(/\s/ig,"")console.log(str) //1 123 123注意replace（）返回的是一个新的字符串而不会改变原有的字符串var str = "1 123 123";console.log(str) // 1 123 1...
2018-08-13 17:48:53
2542
原创 ant Design 省市级联数据
最近在用react+antd写东西 然后突然发现antd里面的省市级数据不全 之后就手撸了一个var cityData = [ { "label":"北京市", "value":"110000", "children": [ { "label": "北京市", "value&quo
2018-08-08 17:07:33
5239
5
原创 使用reactjs遇到Warning: setState(...): Can only update a mounted or mounting component.
前端数据大部分都来源于后端，我们在页面刚渲染的时候发起异步请求，然后在返回结果中进行setState({})就有可能会引起这个报错。即Warning:setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted...
2018-08-07 16:53:05
704
2
原创 H5和客户端搭桥 React
import React from 'react'export default class Address extends React.Component { constructor(props){ super(props); this.state ={ list:"0" } window.getAddressId=(id)=>t...
2018-07-31 12:33:12
393
原创 react页面跳转时带值跳转 dva+react
dispatch(routerRedux.push("/register/register?patno="+result.patno))/// ?前面为地址 在跳转之前的页面操 const { app:{locationQuery }} = this.props; ////跳转之后的页面接收值 console.log(locationQuery） /////打印要传的 loca...
2018-07-11 17:05:12
2500
转载 xhr promise请求
function getURL(URL) { return new Promise(function (resolve, reject) { var req = new XMLHttpRequest(); req.open('GET', URL, true); req.onload = function () { if...
2018-06-13 11:01:04
1562
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人