- 博客(52)
- 收藏
- 关注
RSS订阅原创 onresize 事件动态获取窗口大小
在 JavaScript 中，resize 事件是在浏览器窗口被重置时触发的，如当用户调整窗口大小，或者最大化、最小化、恢复窗口大小显示时触发 resize 事件。利用该事件可以跟踪窗口大小的变化以便动态调整页面元素的显示大小。示例下面的示例能够根据跟踪窗口大小变化及时调整页面内红色盒子的大小，使其始终保持与窗口固定比例的大小显示。<div id="box"></div><script> var box = document.getElementById(
2020-12-17 21:16:01
1437
原创 缩略图/canvas/Video截图
1.获取当前video的dom节点 let Video = document.getElementById('ShowVideo'); 2.创建canvas节点 let canvas = document.createElement('canvas'); 3.设置canvas为2D并在上边画图片 element : 需要转换成图片的节点 x：x轴坐标 y：y轴坐标 width：生成图片宽度 height：生成图片高度 canvas.getContext('2d').dr.
2020-10-23 11:20:10
245
原创 接口
智能机器人“http://www.tuling123.com/openapi/api?key=2465e182e4154777a3a02da0ccaa6c88&userid=1&info=”+$id(“txt”).value;key 不能变（秘钥）userid 不同的机器人info 你要与机器人说的话...
2020-08-14 11:19:32
138
原创 gitee应用
1，创建注册账号2，点击新建仓库3，输入仓库名称，仓库名称完成后，路径会自动补齐。4，添加一下仓库介绍5，选择一下语言javascript；6，选择分支模型，最好不要选只有mester的，一般都会有版本分支，开发分支，测试分支等等，根据自己所需要的选择就好了，然后点击创建。7，添加成员，是5人团队免费使用...
2020-08-14 11:07:23
119
原创 每多少位就增加一个换行符
每多少位就增加一个换行符strInsert=(str, length)=>{let reg = new RegExp("\d{1," + length + “}”, “g”);let ma = str.match(reg);return ma.join("\n");}
2020-07-20 13:18:24
152
原创 withRouter,非根组件获取路由参数
import {BrowserRouter,HashRouter,Link,Redirect,Route,Switch,withRouter} from “react-router-dom”;import { withRouter } from ‘dva/router’;路由的根页面下this.props 会有historylocationmatch三个属性但是不是根组件的的需要包一下，才会有。@withRouterexport default withRouter(Cla
2020-07-16 20:43:28
360
原创 bug记录，双层model通过props传值问题，checkout全不选,会导致组件消失。
1，点击样式和策略 状态改变不能切换，是因为父组件是个model，子组件也是一个model，子组件打开时，父组件关闭，这时候，子组件的值虽然是父组件传值过来的，切换的方法也是穿入到子级里边的。但是父级页面关闭之后，子页面就接收不到父级页面的props值了，因为他关闭了，正确的做法是 父级页面不关闭，or，把所有的数据写在redux中，这样父级页面和子级页面都会共享一套数据，就算父级页面关闭也没有关系2左边是父组件，右边是子组件，style_checkedList 选中数据的数组plai
2020-07-09 20:08:44
136
原创 阿里图标库
import {Icon} from 'antd';const MyIcon = Icon.createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_1847797_n9pl1dxxoog.js', // 在 iconfont.cn 上生成 }); export default MyIcon <MyIcon type="icon-AppStore" />
2020-06-28 16:14:36
137
原创 react native 从入门到放弃 ING......
二、设置图像显示模式1，resizeMode介绍（1）当 Image 组件的实际宽、高与图片的实际宽、高不符时，要如何显示图片由样式定义中的 resizeMode 取值来决定。（2）resizeMode 的五个取值分别是：contain、cover、stretch、center 和 repeat。如果没有定义 resizeMode，默认值为：cover其中 repeat 只对 iOS 平台有效。（3）无论 resizeMode 取值如何，图片都会在 Image 组件的显示区域居中显示。即显示的图
2020-06-01 11:10:32
151
原创 hoooooks 从入门到放弃
useStateimport React,{useState} from 'react';import { connect } from 'dva';function IndexPage() { const [count,setCount] = useState(0) const [obj,setObj] = useState({name:"zhangsan"}) const [arr,setArr] = useState([1,2,3]) const [fnc,setFnc] =
2020-05-26 09:21:02
91
原创 高德地图从入门到放弃，自我学习中ing
//文档https://lbs.amap.com/api/javascript-api/reference/util/Map.setMapStyle 方法，加载高德提供的模版样式。示例代码：https://lbs.amap.com/api/javascript-api/example/personalized-map/set-theme-style标准 幻影黑 月光银 远山黛 草色青 雅士灰 涂鸦 马卡龙 normal dark light whitesmoke
2020-05-18 15:49:31
209
原创 请求格式
import request from ‘@/utils/request’;import defaultSettings from ‘@/defaultSettings’;const { proxyUrl } = defaultSettings;//需求列表export async function getDemandList_one(params) {console.log(‘params’,params)return request(${proxyUrl}/business/selectBu
2020-05-15 11:41:33
213
原创 自学taro
介绍taro文章： https://www.colabug.com/2018/0607/3072759/taro官网：https://taro.aotu.io/taro-ui官网：https://taro-ui.jd.com/#/视频学习网址：https://www.bilibili.com/video/BV18J411C729?from=search&seid=2528717665877753199
2020-05-13 15:27:35
254
原创 GoEasy,适用于多种前端框架，即时通讯技术
//GoEasy官网：https://www.goeasy.io///别整那么多花里胡哨，直接复制粘贴下边代码就可以使用//但是首先你要注意一下下边的代码 //注意点1：需要把appkey 替换成你自己的 appkey//appkey 在官网，点击快速开始，注册账号，我的应用里 创建应用 就ok了，创建完成之后有 查看详情，<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <ti
2020-05-11 15:39:09
806
原创 微信公众号代码
<p> <img data-s="300,640" data-type="jpeg" class="rich_pages" src="https://mmbiz.qpic.cn/mmbiz_jpg/Y07eLPk8IJTdTT9Ut8Q5OZ4h75fE9OWiaAicAAIbelnfPfn3QF4OuPiclvZ1loUmEHqhJOibsPqe5QxIpSYU0jTkDw/0?wx_fmt=jpeg" data-ratio="1.3314814814814815" data-w
2020-05-09 19:13:56
2999
1原创 styled-components
import styled from 'styled-components';const CommonButton = styled(Button)` background-color: ${props => props.color} !important; color: #fff; border-color: ${props => props.color} !impor...
2020-04-14 16:20:23
86
原创 form 表单结构 获取页面数据 antd
//取值Input > onChange(e) > aaa=>(e)={值 = e.target.value}<Input onChange = {(e) = {this.aaa(e)}} />InputNumber > onChange(e) > aaa=>(value)={值 = value }<InputNumber onC...
2020-03-31 14:44:30
829
原创 请求拦截 umi-request ， process.env
/** * request 网络请求工具 * 更详细的api文档: https://bigfish.alipay.com/doc/api#request */import { extend } from 'umi-request';import { notification, Modal, message } from 'antd';import router from 'umi/r...
2020-03-25 17:39:48
2308
原创 二进制流 下载xlsx 展示图片(二维码)
<Button type="danger" style={{float:"right",background:"rgba(247,136,2,1)",color:"#fff",border:"none",marginLeft:"20px"}} icon="upload" onClick={()=>this.Downloader()}>下载导入工时模版</Button...
2020-03-25 15:37:17
244
原创 导入,上传 import {Upload} from 'antd'
import { getToken } from '@/utils/cookies';import defaultSetting from '@/defaultSetting';const self = this; function beforeUpload(file) { //格式自选，类型自己定义 const isXlsx= file.type === 'ap...
2020-03-25 15:35:08
557
原创 下载
import sysConfig from '@/sysConfig';//文件夹内容module.exports = { development: { baseUrl: 'http://localhost:8001' }, production: { baseUrl: 'http://192.168.111.141:8085' }};import ...
2020-03-20 16:14:19
235
原创 dva , umi
// 样式组件import styled from 'styled-components';const WrapperCard = styled(Card)` background: #fff; padding: 24px; .ant-form-item { margin-bottom: 0px; } .ant-calendar-picker{ width:...
2020-03-18 16:42:25
244
原创 dav/umi打包配置逻辑
前后端分离需要配置一个链接通过这个链接去访问后台的方法，请求接口打包会有两个环境，一个正式环境和测试环境，打包之后会自动找这个production 下边的路径，会生成一个dist文件，这个文件就是打包文件，打包命令是npm run buildproduction: {baseUrl: ‘http://192.168.101.141:8085’}调试的时候都是在dva，umi里边去...
2020-03-12 18:10:50
1706
原创 process.env.NODE_ENV
//process.env.NODE_ENV //process对象是全局变量，它提供当前node.js的有关信息，//以及控制当前node.js的有关进程。因为是全局变量，//它对于node应用程序是始终可用的，无需require()。import sysConfig from '@/sysConfig'; //download 下载的文件名 //没有download属性的话 点...
2019-12-04 16:09:47
99
原创 增加一条，删除一条
//statethis.state = { demandData: [{ id: 1, demandName: '', demandValue: '' }] }; //点击之后增加一条 addDemand = () => { const demandData = this.state.demandData.concat([]); demandData.push({...
2019-12-03 18:05:36
120
原创 填坑之路：二进制数据流文件下载
痛点是保存服务端返回的二进制数据流文件。由于之前遇到的都是服务端直接返回文件地址，前端直接 window.open(url) 下载保存的，所以初次遇到文件流保存的，也是很头痛的。初尝试直接再用老办法试试？window.open(res.data)结果很尴尬，现象是从当前窗口 http://localhost:8083/#/list 新开了一个窗口 http://localhost:8...
2019-11-29 16:57:38
964
原创 antd项目基础配置
//defaultSettings.js 一般来说做一些公共参数，默认字符串在此配置 module.exports = { navTheme: 'dark', // theme for nav menu primaryColor: '#1890FF', // primary color of ant design layout: 'sidemenu', // nav menu po...
2019-11-25 18:09:36
1556
原创 antd pro mock数据方法
export default {‘POST /api/aaa/bbbbb’: (req, res) => {//send里是mock数据返回的数据结构res.send({code :200,data : {steps:2,downFile:[{name : ‘需求’ , url : ‘https://www.baidu.com’}],demandType:[{name:‘L...
2019-11-11 17:01:03
588
原创 代理配置
ip：'http://192.162.1.41:8080'http://ip:port/hahaha/xixixi//代理配置 proxy: { '/aaa': { target: 'http://192.168.1.21:8080', changeOrigin: true, pathRewrite: { '^/aaa': '' } }...
2019-11-06 16:10:53
133
原创 git 常用命令
git branch 查看当前分支 查看所有分支git branch -vv 查看所有分支push 时候的目标源git branch lx 创建一个分支git checkout lx 切换分支到lx上git add .git commit -m "注释" -n -n是为了跳过检测eslink之类的git push -u origin lx 这是创建完分支之后，把分...
2019-11-06 15:54:33
203
原创 关于antd 日期组件只让显示年份的写法
import React, { Component } from ‘react’;import { DatePicker } from ‘antd’;export default class extends Component {state = {isopen: false,time: null}handlePanelChange = (value) => {console...
2019-11-05 13:44:02
1825
原创 antd pro 项目登陆页面i文本框具体配置
// src/components/Login/mapexport default { CodeImg: { props: { //组件大小 size: 'large', //对应name id: 'codeImg', //每个input对应的小图标 type图标样式 prefix: <Icon typ...
2019-10-30 17:31:22
768
原创 ant d pro 的发请求方式
//主页面里边直接写一个请求方法componentDidMount(){ this.props.dispatch({ type:'login/getImg', paylaod:{ //参数 } }).then((res)=>{ //res就是拿到的数据 }) }//models层从'@/services/api'...
2019-10-29 16:22:06
472
原创 ssh 密钥 生成
//随便起个名字，设置一下邮箱lixindeiMac:ued lixin$ git config --global user.name "lx"lixindeiMac:ued lixin$ git config --global user.email "邮箱"lixindeiMac:ued lixin$ ssh-keygen -t rsa -C "邮箱"//然后会生成两个路径Your ...
2019-10-29 13:51:25
144
原创 'react-redux'
import React,{Component,Fragment} from "react";import {connect} from "react-redux"//import {mapStateToProps,mapDispatchToProps} from "./OneState"class One extends Component{ render(){ let {n} = ...
2019-10-23 08:46:18
66
原创 dva-1 num ++
import React from 'react';import dva, { connect } from 'dva';import './style.css';// 1. Initializeconst app = dva();console.log(2);// 2. Modelapp.model({ namespace: 'count', state: 0, ...
2019-10-22 18:27:24
89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人