- 博客(16)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Angular6+ 反向代理 实现跨域开发
Angular6+ 配置代理实现跨域开发1、在项目根目录下添加proxy.config.json文件，内容如下（具体代理属性请自行设置，此处为以fxld开始的路径将会反向代理到https://ljzd.riskraiders.com/fxld/路径）：{ "/fxld/": { "target": "https://ljzd.riskraiders.com/fxld/", "secure": false, "changeOrigin": true, "path.
2021-02-23 17:23:51
323
1
原创 html转图片并下载
两种插件1. html2canvas<!-- 引入插件 --><script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.min.js"></script><script src="https://cdn.bootcss.com/FileSaver.js/1...
2020-04-20 18:11:34
861
原创 echarts 非等间距刻度 柱状图
先来一张效果图关键逻辑：图片上的刻度间的高度差是等距的，但是可以对数据做一个映射，让刻度显示为映射后的值上代码(以下为angular的实现，包含关键逻辑，有删减并非完整代码)：@Component({ selector: 'app-finance-bar', styleUrls: ['./finance-bar.scss'], template: ` ...
2019-09-10 17:14:56
2329
原创 phantomjs 网页转PDF， angular项目网页转PDF
注意：对于有ajax异步数据的网页转PDF，需要等到页面所有ajax请求完毕再作PDF转换使用npm全局安装phantomjs（没有npm的需要先安装nodejs）npm install -g phantomjs效果预览生成PDF代码/** * 注意： phantomjs不支持es6语法 */// 引入必要的模块var webPage = require('w...
2019-09-03 16:07:23
314
原创 html转图片并下载，以echarts饼图下载为例
头部引入需要的js库：echarts用以绘图，axios发请求，html2canvas将dom结点转换为h5 canvas画布，FileSaver用以保存下载文件<head> <title>舆情饼图</title> <meta http-equiv="Content-Type" content="text/html; charse...
2019-09-03 15:35:03
1442
1
原创 获取地址栏参数，最优解
获取地址栏参数，包括hash参数：function getSearchParams(href = window.location.href) { const temp = href.split(/[?#&]/), params = {}; temp.shift(); temp.forEach((item) => { const param = item....
2019-03-14 11:51:48
196
原创 angular常用指令、组件等的简单封装 mx-lib
写过众多angular项目之后，发现自己已经封装过很多组件了；但是在之前的很长一段时间内，需要重新开始一个新的项目的时候还是将组件复制粘贴到新的项目中，这样当然不会出现问题，但是肯定会有一种麻烦的感觉；不会用代码偷懒的程序员不是一个好程序员，所以今天我把几个常用的angular指令，组件封装发布到npm中，以后使用就可以在package.json文件中增加该依赖包即可。欢迎大家使用!mx-li...
2019-03-04 20:32:47
441
原创 div显示两行，超出内容以省略号代替
<html> <head> <style type="text/css"> .show_two_line{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:...
2019-03-01 18:03:17
465
原创 em与rem的差异， margin垂直布局与水平布局的差异
1、HTML长度单位之em与rem em与rem都是相对长度单位： em是相对于当前元素的字体大小font-size的长度;<div style="font-size:12px"> <div style="font-size:36px;margin:3em"> 此处的margin:3em 具体的长度换算出的结果就是 108p...
2019-03-01 16:57:27
1144
原创 Angular防抖设计——点击事件
angular防抖设计之输入事件：见上一篇https://blog.csdn.net/u013013856/article/details/86165298angular防抖设计之点击事件，代码如下：import { Directive, OnInit, HostListener, Output, EventEmitter, OnDestroy, Inpu...
2019-01-09 17:41:52
2380
原创 Angular防抖指令——输入事件
input输入框，例如搜索框，每输入一个字符便向后台查询一遍会增加服务端负担，而且对前端的显示体验也不好；所以就需要防抖设计了，angular中的防抖可以利用rxjs中的debounceTime实现，具体的还可以设计以下防抖输入指令，以便于使用：注意 rxjs版本 "rxjs": "~6.3.3",使用示例： <input [appDebounceInput]="700" ...
2019-01-09 17:35:37
2710
原创 Angular自定义拖动指令
Angular自定义拖动指令使用方法：在需要实现可拖动的元素上加入 appDrag 属性即可；若需要在宿主元素的上层元素中找到指定的class中包含类名ant-modal的元素，使之可拖动，只须加入[appDrag]="'ant-modal'" 属性即可import { Directive, ElementRef, HostListener, Input, OnInit } ...
2019-01-09 17:14:26
1104
转载 JAVA序列化与反序列化
名词简单描述:序列化:就是把java对象输出到硬盘中或输出为outputStream;反序列化:就是把硬盘或获取到的inputStream读取为java对象serialVersionUID 的作用: 给该class类赋予一个标记,以至于类中属性或方法被修改后仍能确定是该类型的对象,反序列化时不报错.转载自:https://www.cnblogs.com/xdp-gacl/p/377...
2018-12-07 15:17:55
124
原创 antd-modal 替代品 可拖动弹窗组件
1、ModalWin.jsimport React from 'react';import {Button, Icon} from 'antd';import PropTypes from 'prop-types';import styles from './styles.less';class ModalWin extends React.Component {...
2018-09-07 15:56:49
9491
3
原创 SQL 删除重复数据，重复数据只保留ID最小的行
删除重复数据，重复数据只保留ID最小的行DELETEFROM t_customer_commentWHERE id IN ( SELECT * FROM ( SELECT id FROM t_customer_comment WHERE remaintain_order_id IN ( SELEC...
2018-09-07 14:41:44
3033
原创 MYSQL Linux下自动备份并删除7天前的旧备份 sh脚本
# 数据库用户名username=root# 数据库密码password=********# 需要备份的数据库名database=wbwy# 备份文件到哪个路径path="/data"# 服务器IP地址ipAddress="*.*.*.*"# 日志文件处理if [ -f ${path}/log.log ];thenecho "日志文件已存在，即将开始备份:" >&g...
2018-09-06 16:32:27
1285
Windows一键开启WiFi共享脚本
2018-09-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人