玉林路扛把子-CSDN博客

原创如何通过JavaScript给朋友发送请帖(即发送邮件)

1.邮件方法封装----记得先安装nodemailerconst nodemailer = require('nodemailer'); //引入模块let transporter = nodemailer.createTransport({ //node_modules/nodemailer/lib/well-known/services.json 查看相关的配置，如果使用qq邮箱，就查看qq邮箱的相关配置 service: 'qq', //类型qq邮箱 port: 46

2020-12-08 13:39:29 480

原创【已解决】React如何通过路由重新加载当前页面 Warning: You cannot PUSH the same path using hash history

在当前页面点击按钮想重新加载却发现react不刷新当前页面,提示 Warning: You cannot PUSH the same path using hash history解决方法:只需要新建一个空白页面.先跳转到空白页面.再从空白页面跳转到当前页面即可index.jsx页面执行: hashHistory.push({ pathname: '/bla...

2018-04-09 16:46:14 9658 2

原创【已解决】React Ant Design如何更改主题颜色

React Ant Design如何更改主题颜色1.开发环境:修改webpack.config.dev.jsloaders:[ // 解析 less 文件，并加入变量覆盖配置 { test: /\.less$/, loader: 'style!css!postcss!less?{modifyVars:{"@primary-color":"#00CC6...

2018-04-09 14:30:51 16359

原创工作流表单相关配置

主要记录工作流相关内容配置

2023-06-09 10:35:26 641

原创 HtUI使用文档

最近会逐渐更新HtUI组件库的相关文档,有时间就会逐步更新没时间就等吧

2022-09-28 15:43:51 1347 1

原创 vue 封装的简易倒计时 ,提供暂停和启动服务

vue里面处理倒计时

2021-12-26 11:38:50 695

原创对element UI table二次封装(进行Column的自定义筛选展示和排序)

对element table进行二次封装方便对代码进行复用

2021-12-13 18:04:09 2021

原创 [已解决-],自己封装的npm包在开发环境可以显示在生产环境没有解析

1.开发环境生产环境哪位大佬救救我,怎么解决这个问题??

2021-11-29 18:06:46 639

原创 elementUI库之el-popconfirm(Popconfirm)气泡确认框阻止事件冒泡

1原来代码:2处理之后代码:备注:直接在@confirm那里处理是无效的

2021-11-11 17:20:08 2737 5

原创 angular学习笔记之监听数据更新(监听服务数据更新)

附属代码/* * @Descripttion:公共组件存放部分 * @version: * @Author: 玉林路扛把子 * @Date: 2021-09-24 10:11:49 * @LastEditors: 玉林路扛把子 * @LastEditTime: 2021-09-26 11:04:51 */import { Component, DoCheck, Input, OnChanges, OnInit, SimpleChanges } from '@angular/c...

2021-09-26 11:10:25 917

原创 angular状态管理器ngrx初步学习

前言:ngrx和redux的操作很类似如果是从react中转型过来学习的可能比较好理解1.安装相关依赖(以下两种二选一)npm install @ngrx/core @ngrx/store --save yarn add @ngrx/core @ngrx/store2.在app下面创建文件夹并创建reducer.ts和actions.ts个文件3.在app.module.ts中引入相关文件4.应用--通过dispatch派发action来更新store...

2021-09-17 18:21:35 607

原创 angular form表单提交数据

1.首先在app.module.ts中引用ReactiveFormsModule2.在相应的模块中初始化Form3在相应的html中绘制表单4在点击提交数据按钮调用对应方法取相应值5完整界面效果:

2021-09-14 17:27:41 986

原创基于node的数据库增删改查(mongoDB)

const MongoClient = require('mongodb').MongoClient;const objectId = require('mongodb').ObjectId;const CONFIG = require('./config')class Db { static getInstance() {//解决多次实例化无共享的问题 if (!Db.instance) { Db.instance = new Db(); .

2020-12-04 09:11:18 88

原创【已解决】纯前端导入excel文件

1.组件内容import "antd/es/upload/style";import _Upload from "antd/es/upload";import "antd/es/button/style";import _Button from "antd/es/button";import "antd/es/icon/style";import _Icon from "antd/es/icon";import _extends from "babel-runtime/helpers/

2020-11-27 09:55:08 311

原创【已解决】node koa2 前端获取不到数据,提示404

我在这里调用MongoDB数据查询,ctx.body没有返回到前端,前端接收不到数据 ,但是我这这里打印又是有数据的 ,应该是异步问题 ,但是我不知道怎么解决 ,有有没有大神指导一下啊

2020-11-13 10:55:22 685

原创 React 纯前端导出Excel (2)

之前写过一篇关于纯前端导出excel的文章但是之前用的那个依赖不兼容ie 现在重新发表一个兼容ie的;1.安装依赖npm install xlsx2引用公共方法 ,方法已经封装,直接禁用即可,公共方法/** * 纯前端导出Excel工具 */import * as XLSX from "xlsx";import {saveAs} from '@progress/kendo-file-saver';export function formatJson(filterVal, ..

2020-06-10 11:44:55 579 1

原创【已解决】react或者vue中get/post下载文件(方法是react,vue同理)

1 公共方法到时候直接引用就行import { Button, message } from 'antd';import React from 'react';import httpUtils from '../../utils/FeatchUtils';// 导出excel/** * * @param api 导出的接口 * @param params 当前的查询条件 * @param fileName 导出的文件名（和后端确认文件扩展名是xls还是xlsx） * @param

2020-05-13 14:38:41 601

原创 JavaScript判断数组中是否有重复元素方法

1.先将数组用sort进行排序,排序之后进行前后比较; let arry=['arr1','arr2','rt','tr','rt','11',11] let nary=arry.sort() console.log(nary) for(let i = 0; i < nary.length - 1; i++) { ...

2019-03-20 11:26:41 2512

原创 antd Table中点击整行被选中并且高亮

在实际项目遇到个需要,点击整行任意位置,table该列都被选中效果如上 ,代码如下 <Table rowKey={record => record.id} rowSelection={{ onChange: this.checkRows, select...

2019-01-30 14:58:44 9469

原创 IDEA,Webstorm License(最新,实时更新2021-3-2)

之前的好像很多都不能用了 ,我通过不懈努力终于又找到了一个公众号,大家可以点击此链接,先凑合用吧1.先C盘中hosts文件,添加内容2.打开网址 http://idea.lanyus.com/ 然后复制内容到编辑器即可注意:一定要先修改hosts文件再进行第二步...

2019-01-18 14:46:13 10082 5

原创 react生命周期shouldComponentUpdate的初次使用

本次做了一个关于多个table之间数据的绑定切换问题,数据一直不能同步更新 ,于是网上搜半天最终还是回到react的本质生命周期上面来,shouldComponentUpdate网上有解释:react性能优化非常重要的一环。组件接受新的state或者props时调用，我们可以设置在此对比前后两个props和state是否相同，如果相同则返回false阻止更新，因为相同的属性状态一定会生成相...

2018-12-22 22:36:40 1703

原创 react ant form 手动更新form表单值

this.props.form.setFieldsValue({ name:"张三", });

2018-10-15 10:22:33 2493

原创监听返回按钮并返回相应图片

html部分: <div class="go" style="" onclick="hideGofunc()"> <div class="gocenter"> <img src="/newpages/html/3506/temp/go.png" /></div>

2018-07-27 11:44:31 167

原创根据数据中某个字段排序

this.logData. sort(this.compare('input_time'))compare(property){//数组排序 return function(a,b){ var value1 = a[property]; var value2 = b[property]; //console.lo...

2018-07-25 11:59:32 522

原创 js ,javascript数组去重,取最大最小值 ES6

let arr = [1, 4, 7, 4, 3, 2, 1, 4, 7]; let newArr = Array.from(new Set(arr)); console.log(newArr);数组去重 var arr = [23, 45, 40, 30, 12]; var iMin = Math.min(......

2018-07-25 11:38:52 1096

原创单点登录web端操作部分

单点登录前端说明单点登录前端说明 1. 配置 ipconfige.json 添加: "singleloginIp":"http://192.168.1.108:8080/", //单点登录 ip "singlelogin":false //是否执行单点登录,否的话调用原来的登录地址 2. 修改 getipconfig.js 文件添加: swurl...

2018-07-17 09:28:01 584

原创控制div内滚动条的宽度,变窄纯css

1.Css.fleft{ width: 100%; height: 450px; overflow:hidden; .fleftContent{ width: 102%;//此div宽度大于外层div宽度 height: 100%; overflow:auto; overflow-x:hidden; } }2.div...

2018-06-22 09:58:55 13265

原创 Vue数据发生变化,视图层不更新

先是在数据中添加了一个字段,结果发现每次更改字段值,值发生变化,但是视图层却不更新this.AllRoleList.forEach(function(item,index){ item["check"]=false })其实发现这样写不会被监听到应该使用set方法赋值this.AllRoleList.forEach(function(...

2018-06-22 09:38:26 3475

原创 CSS左边宽度固定,右边自适应或者上面宽度固定,下面宽度自适应 ---------calc()方法

自己对css3不是很熟悉,之前竟然没有发现css里面也有类似js的计算高度的方法,今天偶然机会看到,特记录下来,涨涨记性#div1 { width: calc(100% - 300px);//加入左边为300,右边div1则为100%-300px}主要用于自适应屏幕宽度高度的一些要求,一句话搞定...

2018-06-08 16:10:29 925 1

原创 JS格式化数据

前端经常遇到要处理后台返回的JSON数据,并且希望能够按照一定格式进行展示,便于读者查看.此方法便可以进行操作let txt='[{"sender":"tuser1","agentid":"155889886","ip":"*"}, {"sender

2018-06-07 13:49:39 1213

原创 js 按照中文拼音来排序

let array = ['武汉', '北京', '上海', '天津']; array.sort( function compareFunction(param1, param2) { //console.log("param1",param2) return ...

2018-05-31 10:40:45 2724 2

原创 react antd 自定义Pagination 分页功能

antd 自定义Pagination 分页功能,研究明白其实看着很简单主要就是slice((pagenum-1)*pageSize,(pagenum-1)*pageSize+pageSize) {objlistdata.slice((pagenum-1)*pageSize,(pagenum-1)*pageSize+pageSize).map((item,index)=>{ ...

2018-05-30 10:56:11 24312 6

原创 react Antd中使用Tabs组件点击头部,只更新一次问题

在使用tabs使用子模块中数据请求只执行第一次点击该头部时候,后面多次返回之后执行数据无效等问题可以通过ref对子模块方法进行调用MenuTab=(e)=>{ console.log(e); this.setState({ tabDeafult:e }) window.sessionStorage...

2018-05-29 10:28:50 8862 5

原创 react 修改state为对象中的某一个属性值

针对state为对象,想要修改对象中某一个值而不修改其他值,请欣赏接下来的方法 1.设置state对象state={ datavalue:{ slid:'', name:'', memo:'', version:'', icon:defaultimg, loginlink:'', key:'', ...

2018-05-24 15:41:02 33052 6

原创 web PC端和移动端钉钉免登 js

1.首先引用两个钉钉的js <script type="text/javascript" src="http://g.alicdn.com/dingding/open-develop/1.6.9/dingtalk.js"></script> <script type="text/javascript" src="http://g.alicdn.com/di.

2018-05-15 19:42:34 7080 4

原创 Design Ant 中form表单添加自定义验证

1.引入Ant组件写入基本内容 *<FormItem label="分组描述"> {getFieldDecorator('description', { initialValue: this.state.description , rules: [{ required: t...

2018-05-09 13:49:04 4656

原创 vue2.0中使用 swiper图片轮播

在Vue2.0中使用swiper进行来展示图片轮播或翻页效果先 npm i vue-awesome-swiper html部分:<swiper :options="swiperOption" ref="mySwiper" class='swipers' @touchEnd="touchEndFunc"> <swiper-slide v-for="(item,index...

2018-04-27 16:20:24 1296

原创 javascript 正则表达式验证

vue中使用正则表达式export const validatorCheck = (rule, value, callback) => { if (value == '' || value == undefined) { callback(); } else { //正则验证 switch (rule) { case 'number': //验证整数 ...

2018-04-19 16:07:02 310

原创【已解决】React Ant Design中table里面使用onclick事件页面加载后自动执行,点击无效

问题 : Ant Design中table里面使用onclick事件页面加载后自动执行,然后点击无效解决方案1:{ title: '操作', dataIndex: 'id', key: 'id', width: "7%", ren...

2018-04-18 10:59:43 13923 11

转载 jquery根据name属性获取输入框input值

jQuery根据name属性获取输入框input值jquery根据name属性查找$("div[id]") 选择所有含有id属性的div元素 $("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素 $("input[name!='keleyicom']") 选择所有的name属性不等于'keleyicom'的input元素...

2018-04-17 14:43:31 12657