![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
恍恍惚惚斯基
这个作者很懒,什么都没留下…
展开
-
vue3+ts父子页面间跳转有缓存不同模块跳转无缓存
vue页面缓存原创 2022-06-08 15:24:31 · 487 阅读 · 0 评论 -
js下载表格类PDF
js下载PDF原创 2022-06-08 15:02:27 · 500 阅读 · 0 评论 -
html2canvas实现js下载html页面
js实现复杂长页面的截图并下载原创 2022-06-08 14:51:10 · 636 阅读 · 0 评论 -
JS保留两位小数9.7问题
网上有说用Math.floor(非四舍五入),其他数字暂时没发现问题,但是9.7这个数字就很特别方法Math.floor(9.7 * 100) / 100输出是9.69最保险的方式是不进行任何运算function numberToFixed(num) { if (num < 0) { return Number(`-${numberToFixed(Math.abs(num))}`) } if (!(/(^[1-9]\d*$)/.test(num))) { // 先判断是原创 2022-01-12 17:33:50 · 179 阅读 · 0 评论 -
Ngnix https重定向后变成http问题解决
一开始页面报错Mixed Content: The page at 'xxx' was loaded over HTTPS, but requested an insecure resource 'xxx'.后面去网上找了一下,说是ng重定向导致,然后这样改#proxy_redirect default ; 注释这行,改成下面的proxy_redirect http:// https://; #这个配置是解决重定向后https变成了http 的问题。在我这也不管用,但是加上这一行就好了abs原创 2021-09-17 20:33:17 · 620 阅读 · 0 评论 -
html使用import,并且元素调用函数
1.首先,最最重要的是,必须有个开发环境,直接本地打开html是不会成功的(我是通过pyCharm软件打开的)2.记住要写后缀.js代码如下test.html<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view原创 2021-04-10 18:06:06 · 1134 阅读 · 0 评论 -
vue文字超长自动poptip
组件poptip用的是boya组件,样式根据需要自己调整下<template> <div class="text-poptip-component" @mouseenter="onTextMouseEnter" @mouseleave="onTextMouseLeave"> <div v-show="isShow" ref="textnopop" class="text-no-poptip">{{ text }}</div> <P原创 2021-03-23 10:47:23 · 471 阅读 · 0 评论 -
ant-design-vue 登录
ant-design-vue表单代码<a-form-model ref="form" :model="formData" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol" style="opacity:1;" > <a-form-model-item label="" prop="原创 2020-07-10 11:05:03 · 1267 阅读 · 0 评论 -
vue中 antv mapbox根据经纬度生成气泡图和显示tooltip
下载@antv/l7@antv/l7-mapsHTML代码<template> <div :id="chartId" style="width:100%;height:100%;margin:0;padding:0;z-index:1;"></div></template>js代码import antvimport { Scene,PointLayer,Popup } from '@antv/l7';import { Mapbox原创 2020-07-08 16:02:52 · 1640 阅读 · 0 评论 -
js控制页面(全局)的loading的开关
效果图css代码.my-loading-axios{ position:absolute; top:0; left:0; z-index:9997; display:block; width:100%; height:100%;}.my-loading-axios-background{ width:100%; height:100%; background:#ccc; filter:alpha(opacity原创 2020-05-27 17:54:30 · 1117 阅读 · 0 评论 -
flask + vue 的socket.io的应用
flask后端的代码我就不贴出来了,网上有很多,只是如果vue与flask分开运行的话,需要flask的跨域处理,添加这样一行代码socketio = SocketIO(app,cors_allowed_origins='*')vue前端,知道很多人用vue-socket.io,但是我用了之后,可以发送消息给flask(flask也收到了),但就是触发不了sockets里面的接收函数,但是用...原创 2020-05-08 17:20:38 · 1600 阅读 · 1 评论 -
Flask + Vue开发web项目
直接运行的vue代码直接运行的vue代码与flask代码之间的通信需要做跨域处理,跨域处理(这里只说vue这边)也有两种,一种是直接在访问的url前加flask的url,我的前后端通信用的是axios,这里贴出处理代码import axios from 'axios'axios.defaults.baseURL = 'http:127.0.0.1:5600' //在这里设置后端urlax...原创 2020-05-08 16:34:44 · 1922 阅读 · 0 评论 -
js比特位比较函数
function bitTest(a, n) { //a为比较的数,n为比较的位数,即bit0或bit1 return (a & (1 << n)) !== 0}bitTest(3, 0) //truebitTest(2, 0) //false原创 2020-05-07 14:47:49 · 414 阅读 · 0 评论 -
ant design vue全局引用一直提示没有isMoment参数的问题
将对应的ant-design-vue文件下的关于moment的 import语句由import * as moment from 'moment';改成import moment from 'moment';后即可正常使用。原创 2020-05-05 15:18:10 · 1096 阅读 · 0 评论 -
js导入导出json数据文件(同步导入)
导出//下载函数export function downloadFile(filename, data) { if (window.navigator && window.navigator.msSaveOrOpenBlob) { window.navigator.msSaveOrOpenBlob(data, filename) } else { con...原创 2020-04-29 12:01:35 · 2410 阅读 · 0 评论 -
vue项目跨域设置
当前端开发与后端分开运行时,需要设置跨域才能进行访问,一般后端也可以处理跨域问题,在vue前端的处理是1、打开vue.config.js2、代码module.exports = { devServer: { proxy: 'http://192.168.1.X:8080' //后端服务器 }}详细见vue.config.js的配置...原创 2020-04-03 18:00:11 · 338 阅读 · 0 评论 -
h5登录input框浏览器输入账号密码样式设置
当使用浏览器记住的账号和密码登录时,输入框会默认变成白色背景和黑色字体,有时并不符合自己设计的界面的样式,比如暗黑模式,所以需要自己手动设置css。代码如下input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill{ -webkit-text-fill-color: #ccc !important...原创 2020-03-23 10:43:41 · 2456 阅读 · 0 评论 -
vue项目echarts在IE下内存不释放问题改善
前言在谷歌浏览器下完全不存在这个问题,但到了IE11下,echarts在绘制大量数据的折线图时,内存涨上去后,注销折线图所在的div也不见内存下降,后来找了网上很多人的解决办法,虽然内存没有被完全释放,但也比每次100~200M的暴涨要好。H5代码<template> <div ref="Chart1" style="width:100%;height:...原创 2020-03-12 15:57:23 · 2469 阅读 · 0 评论 -
解决sessionStorage在同一网站下不共享的问题
一开始用localStorage,不论打开多少个页面,哪怕关掉重新打开,同一个网站下的存储的数值还在,问题是,不能同时登录多个账户,以及设置过期时间等后来启用sessionStorage,可以登录多个账户了,页面一关存储的数值也会自动被清掉,不存在安全问题;但来了新的问题,登录后,父页面跳转打开的新页面,两个页面之间的值无法共享了。后来想了一下,可以利用window.opener来解决,自己写...原创 2020-02-27 16:45:29 · 3959 阅读 · 0 评论 -
vue-cli3多项目共用组件
首先,文件目录结构图1,整体。红线标出的文件是我们要修改的(其实还有package.json也是要修改的,忘了标出来了)project目录结构,红线部分是自己的项目名称,例如projectAconfig目录结构先从config开始,在项目下直接新建文件夹configprojects.js代码如下(这个文件也可以创建,会有代码自动生成)exports.name = 'projectA...原创 2019-12-12 10:46:24 · 1460 阅读 · 0 评论 -
es6得到数组最大值最小值
最大值max=Math.max.apply(null,array)最小值min=Math.min.apply(null,array)原创 2019-11-05 13:42:16 · 1138 阅读 · 0 评论 -
scss和less按钮文件
scss用于elementuibutton { border: 0px; border-radius: 3px; margin: 0px 4px; padding: 7px 15px; cursor: pointer; line-height:1; font-size:12px; transition: all 0.2s ease...原创 2019-11-01 16:43:46 · 150 阅读 · 0 评论 -
vue elementui以及ant-design-vue menu for循环
<template> <el-menu :default-active="$route.path" mode="horizontal" background-color="#2E59D1" text-color="#fff" active-text-color="#ffd04b" router > <te...原创 2019-11-01 14:33:08 · 2815 阅读 · 1 评论 -
前端时间字符串化处理
因为前端显示的时间格式,有些地方需要完整的时间,有些地方只需要显示时刻等简短的时间;有些时间需要本地化处理后再进行上面的完整或简短的时间字符串化处理;且时间处理一般系统都会用到,所以记录一下代码export class TimeString { constructor(time) { this._time = new Date(time) } doubleString(num...原创 2019-10-29 16:08:30 · 587 阅读 · 0 评论 -
vue props规范写法
props: {name: {required: true, // 设置required就不要设置defaulttype: String},res: {type: Array,default: function() {// Array和Object的默认值的设置都是functionreturn []}},time: {type: Number,default: 0}...原创 2019-10-29 09:48:30 · 1477 阅读 · 0 评论 -
vue中监听div大小解决echarts 的resize问题
1、安装element-resize-detector依赖2.新建chart.resize.js文件,添加下面代码import echarts from 'echarts';import Vue from 'vue';import elementResizeDetectorMaker from "element-resize-detector"export var version = ...原创 2019-10-22 17:12:32 · 4075 阅读 · 4 评论 -
网址收藏整理
网站模板UI制造者:http://www.uimaker.com/颜色色彩查询,搭配与色系:https://colors.muz.li/materialui颜色:https://www.materialui.co/colors知名品牌主色:http://brandcolors.net/渐变色:https://www.grabient.com/按钮css按钮网址一:https://w...原创 2019-10-11 13:36:14 · 263 阅读 · 0 评论 -
es6 lint规则
学习网址https://lin-123.github.io/javascript/避免使用symbol类型所有的赋值都用const,避免使用var,如果是需要重新赋值的变量,使用let使用字面值创建对象,如// badconst item = new Object();// goodconst item = {}; 当创建一个带有动态属性名的对象时,用计算后属性名,如func...原创 2019-10-09 15:07:40 · 350 阅读 · 0 评论 -
element切换自定义主题
在element主题生成中定义自己的主题并下载1)主题生成网址https://element.eleme.cn/#/zh-CN/theme/preview2)将生成的主题放在public下,多个主题是共用fonts文件的,所以只要将下载主题的index.css改个名称就好了在index.html的head标签里添加引入代码切换主题时,调用代码document.getEleme...原创 2019-09-20 17:33:14 · 920 阅读 · 0 评论 -
ant design vue初次使用 心得记录
Ant design初次使用心得介绍初次使用阿里下的vue开源UI插件,之前都是用饿了么开发的UI插件element ui,两者比较,element上手很快,理解起来容易,但是对于一个后台管理系统的开发来说,数据分散,不易维护;ant design的table和form的生成,都可以通过json实现,且json的格式也容易理解,代码看起来十分简洁;我更喜欢ant design的这种开发模式。...原创 2019-09-08 14:41:13 · 3234 阅读 · 0 评论