- 博客(51)
- 收藏
- 关注
RSS订阅原创 前端antd-version 3.xx配合xlsx插件库，前端js读取excel文件内容
【代码】前端antd-version 3.xx配合xlsx插件库，前端js读取excel文件内容。
2023-03-28 11:46:24
134
原创 JS Ajax
@JS Ajaxjs ajax 封装函数<body> <button id="submit">submit</button></body><script> submit.onclick = () => { $Q.get('/haha?name=lance', (resp) => { console.log(resp, 'ssssss') })
2021-11-20 11:07:43
570
原创 原生AJAX 中 post 和 get 封装方法
原生AJAX中post和get请求方法原生AJAX 中 post 和 get 封装方法原生AJAX 中 post 和 get 封装方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
2021-09-28 23:01:12
204
原创 原生react和react-redux的使用和组件关联
原生react和react-redux的初使用；第一步： 首先是安装redux 再安装react-redux; yarn add redux react-redux 第二步： 创建store文件并注册store; import { createStore } from 'redux';// counter为一个reducer纯函数;里面有两个形参 第一个是当前的state, //第二个是当前的action 可以解构 有type、payload; 会返回一个新的state作为
2021-01-06 11:27:13
295
原创 Javascript，堆和栈的理解
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>堆和栈</title></head><body> <script>
2020-12-01 23:47:31
108
原创 使用node自定义开头注释，遍历文件和修改文件
const parameters = { Copyright: '/*@版权所有*/', isRoute: '//', //第一行判断条件 hasMe: '/*@' //自身判断条件}function mapDir(dir, callback, finish) { fs.readdir(dir, function (err, files) { if (err) { console.error(err) .
2020-10-23 01:00:51
385
原创 vscode禁止运行脚本时，用管理员身份运行vscode终端内 set-ExecutionPolicy RemoteSigned 再按回车
由于PowerShell执行策略问题1.先管理员身份运行vscode，然后终端内回车 set-ExecutionPolicy RemoteSigned
2020-10-22 20:12:19
2558
原创 全局组件 无需import注册用组件
const path = require('path')const files = require.context('./', false, /\.vue$/) //引入当前文件夹下的所有Vue组件，const modules = {}files.keys().forEach(key => { const name = path.basename(key, '.vue') modules[name] = files(key).default || files(key)})
2020-07-23 18:49:04
173
原创 深度拷贝对象和数组方法
deepClone(obj) { let objClone = Array.isArray(obj) ? [] : {}; if (obj && typeof obj == "object") { for (let key in obj) { if (obj.hasOwnProperty(key)) { if (obj[key] && typeof obj[key] == "object"..
2020-07-20 18:19:50
108
原创 vue中搭配iview封装公共弹窗统一前端UI框架
<template> <Drawer class="Drawer" :title="title" v-model="lookShow_" @on-visible-change="on_visible_change" :closable="closable" :width="width" :mask-closable="closable" > <div class="DrawerContent">
2020-07-06 10:09:26
705
原创 vue中this.$watch绑定深度监听deep数组对象
successList：[] //被监听的数据 this.$watch('successList', { handler(n) { console.log(n) }, deep: true }) //实现深度监听
2020-06-12 15:29:42
2043
原创 vue中Iview日期组件，可选此月不可选过去的所有月份的options
options3: { disabledDate(date) { let nowTime = new Date() let month = nowTime.getMonth() + 1 let year = nowTime.getFullYear() if (month - 1 == 0) { year = year - 1; month = 12; ...
2020-06-12 12:50:50
605
原创 vue中自定义引入资源文件@或设置开头
module.exports = { chainWebpack: config => { config.resolve.alias .set('@', resolve('src')) // key,value自行定义，比如.set('@@', resolve('src/components')) .set('_c', resolve('src/components')) .set('_a', resolve('src/assets')) .set('_.
2020-06-05 16:45:55
505
原创 less在Vue中全局使用变量样式颜色
定义全局less文件颜色@primary-color : #5F69B2;@primary-color-1 : #F4F6FA;@info-color : #6D84D1;@success-color : #4BB08D;@processing-color : @primary-color;@warning-color : #EC972B;@error-color :
2020-06-05 16:40:51
5819
2
原创 原生的 select组件 Vue.js
原生的select Vue组件<template> <div :style="{width}" @click.stop="isShow($event)" ref="select" class="select"> <div class="showValue" :style="{height,width ,lineHeight:height }"> <div class="title">{{titleVla}}</div>
2020-06-03 13:36:37
842
原创 vue的原生selecet组件
<template> <div class="select"> <div class="showValue" :style="{height,width ,lineHeight:height }" @click.stop="isShow" >{{showValue}}</div> <div class="options" v-if="show"> <div v-if=
2020-06-01 19:19:03
294
原创 vue.js的原生轻量table组件，最多支持双层title组件，可以解决应付使用框架table带来的卡顿慢现象和处理大数据表格使用
<template> <div class="tableBox"> <table class="sixTable" border="1" id="table"> <thead class="title" v-if="columns.length !== 0"> <tr> <th v-for="t in columns" :colspan
2020-05-28 17:00:57
522
原创 Vue中iview的modal的统一封装
<template> <Modal v-model="_show" :width="width" :title="titleName"> <slot name="content" /> <div slot="footer"> <Button @click="cancel">取消</Button> <Button @click="ok">确定</Button> &
2020-05-27 11:45:17
998
原创 javaScript中一个链接事件触发外部资源引用下载
const fileName = 'posted.xlsx'; const a = document.createElement('a'); a.href = `/download/message-posted/${fileName}`; a.download = '短信人员导入模板（默认）.xlsx'; a.click();
2020-05-19 10:06:45
223
原创 es5监听对象方法，数据劫持
//1.定义一个对象let data ={ name:"zlnc"}//2.监听data对象Object.defineProperty(data,"name",{//在设置data值的时候触发set:function(newValue){ console.log(newValue) console.log("我已经设置了")}//在获取data值的时候触发get:func...
2020-04-30 09:54:20
269
原创 vue中使用富文本插件:vue-quill-editor
1. 首先就是引入我们的富文本组件了import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'import { quillEditor, Quill } from 'vue-quill-editor'// 富文本图片放大缩小;`在这里插入代...
2020-04-24 10:01:26
400
原创 iview 中使用form表单 ，按enter键来实现提交效果，先清空form表单的enter刷新
<Modal v-model="modal1" :title="titleName"> //清空form表单的enter事件传播，然后便可以触发以下input的enter事件 <Form :label-width="80" @keydown.native.enter.prevent="()=>{}" style="width:400px"> ...
2020-04-13 15:40:40
750
原创 dva中连接全局model
这是一个页面组件；import react from 'react'import { connect } from 'dva'// @connect(state => {// const listName = state.ComponentsStore.listName;// })class Message extends react.Component { ...
2020-03-11 18:20:22
2059
原创 es6中对象数组的拷贝方法
// es6数组的深拷贝方法 let arr = [1, 2, 3, 4, 5] let [...arr2] = arr; console.log(arr2); arr2[2] = 'zlc'; // 修改数组arr2之后的内容互不影响； console.log(arr2, 'arr2'); console.log(arr, ...
2020-03-04 22:23:44
3646
3
原创 踏板，女士摩托车点不着火，发动机发动不了怎么办？？？
踏板摩托几个月没骑点不着火，发动机发动不了怎么办？别急，先看下电瓶还有没有电，再检查油箱有没有油，如果都正常，就打开座位箱，然后找到图下一号管，打开油箱至通气状态，拔开一号管，深吸一号管，汽油就会经过发动机，理说它就正常运转，然后把一号管接回去，再点火试下能不能点着发动机，多吸几次或者吹气几次，汽油就通了，估计就能点着火了，然后把座箱拼回去，你就能驾驶你的小摩托了（注意：一号管不会出汽油）...
2019-12-31 00:35:21
2553
3
原创 原生JS创建节点和插入节点属性
```javascript <ul id="box"> <script> // 代码挪后执行 window.onload = function () { // 寻找节点...
2019-10-26 13:47:40
1722
原创 常用的moment的格式的使用
moment().format(‘YYYY-MM-DD HH:mm:ss’)“2019-10-24 16:41:29”new Date()Thu Oct 24 2019 16:41:38 GMT+0800 (中国标准时间)new Date().toString()“Thu Oct 24 2019 16:41:41 GMT+0800 (中国标准时间)”moment(‘2016-08-31...
2019-10-24 17:53:22
2594
原创 antd中使用moment插件 来处理时间格式
this.props.form.validateFields((err, values) => { if (!err) { var r = ''; for (let key in values) if (values[key]) { if (key === 'pubDate') { const start...
2019-10-22 11:35:09
3605
原创 react与antd结合使用实现分页打印功能以及插件;
下载 npm install --save react-to-print;引用 import ReactToPrint from ‘react-to-print’;//触发按钮 <ReactToPrint trigger={() => <a href="#">点此打印</a>} conten...
2019-10-22 09:53:25
2619
原创 antd中的form表单的input只许输入数字的效验
<Form.Item className={cls.antFormitm} label={`部门`}> {getFieldDecorator(`phonePay`, { rules: [ { required: true, ...
2019-10-18 17:20:43
3876
原创 dva中model的使用
// import { getAppList, addApp, delApp, getAppSet, setApp, resetSecret } from '../services/application' import * as appService from '../services/application' export default { namespace:...
2019-10-18 08:46:07
1007
原创 react中使用页面打印功能 ,和多张页面打印HTML页面
handleSubmit = () => { this.tabListPrint(this.state.listData); // const CardHtml = window.document.getElementsByClassName('cardHtml'); // for (var i = 0; i < CardHtml.length; ...
2019-10-15 09:05:18
1596
原创 antD中 时间转换格式的时候,需要使用moment去改变格式的状态
const endSignDate = moment(values.pubDate[1]).format('YYYY-MM-DD'); moment(这里传入初始值).format('这里是格式')'
2019-10-12 08:17:35
3576
原创 antd 中有选择的搜索框的使用
onSelect = (val, option) => {const initData = this.state.getByServerData; const fitList = initData.filter(r => r.ipAddress === option.props.text);const dataSource = { items: fitList, totalC...
2019-09-27 12:52:15
4162
原创 是用ANTD中封装的搜索框的组件
import React from ‘react’;import { Icon, Button, Input, AutoComplete } from ‘antd’;class Complete extends React.Component {render() {return ( <div className="global-search-wrapper" style={{ w...
2019-09-26 16:47:17
1539
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人