- 博客(48)
- 资源 (6)
- 收藏
- 关注
原创 如何通过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 454
原创 【已解决】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 9638 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 16342
原创 对element UI table二次封装(进行Column的自定义筛选展示和排序)
对element table进行二次封装 方便对代码进行复用
2021-12-13 18:04:09 2007
原创 elementUI库之el-popconfirm(Popconfirm)气泡确认框阻止事件冒泡
1原来代码:2处理之后代码:备注:直接在@confirm那里处理是无效的
2021-11-11 17:20:08 2666 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 910
原创 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 595
原创 angular form表单提交数据
1.首先在app.module.ts中引用ReactiveFormsModule2.在相应的模块中初始化Form3在相应的html中绘制表单4在点击提交数据按钮调用对应方法取相应值5完整界面效果:
2021-09-14 17:27:41 972
原创 基于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 303
原创 【已解决】node koa2 前端获取不到数据,提示404
我在这里调用MongoDB数据查询,ctx.body没有返回到前端,前端接收不到数据 ,但是我这这里打印又是有数据的 ,应该是异步问题 ,但是我不知道怎么解决 ,有有没有大神指导一下啊
2020-11-13 10:55:22 678
原创 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 575 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 588
原创 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 2503
原创 antd Table中点击整行被选中并且高亮
在实际项目遇到个需要,点击整行任意位置,table该列都被选中效果如上 ,代码如下 <Table rowKey={record => record.id} rowSelection={{ onChange: this.checkRows, select...
2019-01-30 14:58:44 9396
原创 IDEA,Webstorm License(最新,实时更新2021-3-2)
之前的好像很多都不能用了 ,我通过不懈努力终于又找到了一个公众号,大家可以点击此链接,先凑合用吧1.先C盘中hosts文件,添加内容2.打开网址 http://idea.lanyus.com/ 然后复制内容到编辑器即可注意:一定要先修改hosts文件再进行第二步...
2019-01-18 14:46:13 10062 5
原创 react生命周期shouldComponentUpdate的初次使用
本次做了一个关于多个table之间数据的绑定切换问题,数据一直不能同步更新 ,于是网上搜半天最终还是回到react的本质生命周期上面来,shouldComponentUpdate网上有解释:react性能优化非常重要的一环。组件接受新的state或者props时调用,我们可以设置在此对比前后两个props和state是否相同,如果相同则返回false阻止更新,因为相同的属性状态一定会生成相...
2018-12-22 22:36:40 1695
原创 react ant form 手动更新form表单值
this.props.form.setFieldsValue({ name:"张三", });
2018-10-15 10:22:33 2485
原创 监听返回按钮并返回相应图片
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 166
原创 根据数据中某个字段排序
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 519
原创 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 1088
原创 单点登录web端操作部分
单点登录前端说明 单点登录前端说明 1. 配置 ipconfige.json 添加: "singleloginIp":"http://192.168.1.108:8080/", //单点登录 ip "singlelogin":false //是否执行单点登录,否的话调用原来的登录地址 2. 修改 getipconfig.js 文件 添加: swurl...
2018-07-17 09:28:01 582
原创 控制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 13237
原创 Vue数据发生变化,视图层不更新
先是在数据中添加了一个字段,结果发现每次更改字段值,值发生变化,但是视图层却不更新this.AllRoleList.forEach(function(item,index){ item["check"]=false })其实发现这样写不会被监听到 应该使用set方法赋值this.AllRoleList.forEach(function(...
2018-06-22 09:38:26 3471
原创 CSS左边宽度固定,右边自适应或者上面宽度固定,下面宽度自适应 ---------calc()方法
自己对css3不是很熟悉,之前竟然没有发现css里面也有类似js的计算高度的方法,今天偶然机会看到,特记录下来,涨涨记性#div1 { width: calc(100% - 300px);//加入左边为300,右边div1则为100%-300px}主要用于自适应屏幕宽度高度的一些要求,一句话搞定...
2018-06-08 16:10:29 918 1
原创 JS格式化数据
前端经常遇到要处理后台返回的JSON数据,并且希望能够按照一定格式进行展示,便于读者查看.此方法便可以进行操作let txt='[{"sender":"tuser1","agentid":"155889886","ip":"*"}, {"sender
2018-06-07 13:49:39 1206
原创 js 按照中文拼音来排序
let array = ['武汉', '北京', '上海', '天津']; array.sort( function compareFunction(param1, param2) { //console.log("param1",param2) return ...
2018-05-31 10:40:45 2717 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 24279 6
原创 react Antd中使用Tabs组件点击头部,只更新一次问题
在使用tabs使用子模块中数据请求只执行第一次点击该头部时候,后面多次返回之后执行数据无效等问题 可以通过ref对子模块方法进行调用MenuTab=(e)=>{ console.log(e); this.setState({ tabDeafult:e }) window.sessionStorage...
2018-05-29 10:28:50 8845 5
原创 react 修改state为对象中的某一个属性值
针对state为对象,想要修改对象中某一个值而不修改其他值,请欣赏接下来的方法 1.设置state对象state={ datavalue:{ slid:'', name:'', memo:'', version:'', icon:defaultimg, loginlink:'', key:'', ...
2018-05-24 15:41:02 32992 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 7058 4
原创 Design Ant 中form表单添加自定义验证
1.引入Ant组件写入基本内容 *<FormItem label="分组描述"> {getFieldDecorator('description', { initialValue: this.state.description , rules: [{ required: t...
2018-05-09 13:49:04 4650
原创 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 1260
原创 javascript 正则表达式验证
vue中使用正则表达式export const validatorCheck = (rule, value, callback) => { if (value == '' || value == undefined) { callback(); } else { //正则验证 switch (rule) { case 'number': //验证整数 ...
2018-04-19 16:07:02 309
原创 【已解决】React Ant Design中table里面使用onclick事件页面加载后自动执行,点击无效
问 题 : Ant Design中table里面使用onclick事件页面加载后自动执行,然后点击无效解决方案1:{ title: '操作', dataIndex: 'id', key: 'id', width: "7%", ren...
2018-04-18 10:59:43 13887 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 12633
ExportButton.zip
2020-05-13
SublimeText 3 3.1.1 Build 3176 crack windows 32-bit.zip
2018-06-15
sublimeText3最新破解版2018-6-12
2018-06-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人