- 博客(61)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 Echarts 饼图自定义标签
labelLine: { show: true, length:25, length2: 0, }, label:{ formatter:params=> { if(params.data.name == "Email"){ return "{num|"+ params.data.value +"个}{pre|"+ params.data.pre +"%}...
2022-01-13 18:37:11
1785
原创 $.ajaxSetup({}) --- js ajax统一配置
$.ajaxSetup() – 为将来的 AJAX 请求设置默认值 url规定发送请求的 URL。默认是当前页面 type规定请求的类型（GET 或 POST） async布尔值，表示请求是否异步处理。默认是 true contentType发送数据到服务器时所使用的内容类型。默认是："applicati
2021-06-03 09:55:28
1233
原创 css 表头固定
.layui-table th:first-child { border-left: 0px; } .layui-table tbody tr td:first-child { border-left: 0px; } .layui-table th, .layui-table td { border-wi...
2021-05-31 16:47:45
476
原创 select做placeholder效果 并且自定义按钮样式
<div style="position: relative;"> <select id="comScale"> <option disabled selected data-key="-1">--请选择--</option> <option data-key="">无选择</option> <option data-key="04">微型</option> <option data-..
2021-05-31 16:13:33
1015
原创 input 上传文件和图片，并以formdata格式上传服务器
<div class="flex"> <div class="file_title"> <span>*</span> <span>企业贴息申请表<br /><span style="color:#999;">(含企业简介及贷款、还款付息等情况)</span></span> </div> <div class="button downExecl0">表格下载&l..
2021-05-31 15:36:01
830
原创 原生jq下载文件的方式
way-1 后端返回链接----直接通过链接下载$.ajax({ url:'...', ......... success:function (result){ window.location = result.data; }})way-2 通过隐藏的form表单提交下载请求<form method="POST" id="subform"> <!-- name与需要调用的接口的参数名相同 --> <input type="hidden" name="a
2021-05-31 14:59:34
1496
原创 自定义input type=“checkbox“ 全选
<th style="width: 78px;"> <label style="margin-bottom: 0;"> <input type="checkbox" name="all_check" value="全选" class="all_check"> <i class="bui-radios" style="top: 2px;"></i>全选 </label></th><tr> ..
2021-05-31 14:46:26
652
原创 echarts基本使用
文章目录原生项目中第一步：引入echart.js、echarts.css等文件。第二步：在html文件中：第三步：在JS文件中：1.获取元素：2.注册元素：3.开启loading4.配置参数5.渲染echarts6.停止loadingVue项目中第一步：下载----npm install echarts第二步：main.js引入第三步：XX.vue----中第三步：XX.vue----中1.获取元素并注册2.配置参数3.渲染echarts原生项目中第一步：引入echart.js、echarts.css等
2021-04-21 11:42:10
647
原创 layer.tips使用+样式修改
文章目录使用——鼠标滑过或移开控制tips的显示和隐藏 步1：$('.fujian') ------ 获取需要显示tips的元素 步2： $('.fujian').on() ----- 绑定事件 步3： mouseenter：function(){....} ----- 鼠标移入事件 &n.
2021-04-21 10:50:17
6669
原创 css画正方形
<div class="square"> <div class="content"> Hello! </div></div> .square { width: 50%; background: #ccc; } .square:after { content: ""; display: block; padding-bottom
2021-04-06 14:21:36
558
原创 css 单位
绝对长度单位像素（px）厘米/毫米（cm/mm）1cm=10mm=96/2.54=37.8px英寸（in）1in=2.54cm=96px点（pt）1pt=1. 33px相对长度单位em：相对元素font-size的属性值，如果用于font-size本身，则相对于父元素的font-size,如果用于其它属性，则相对于自身的font-size。rem：相对于跟HTML元素font-size属性的计算值ch：数字0的宽度ex：所用字体中小写x的宽度视口相关长度单位vh：布局视口高度的1/10
2021-04-06 14:20:03
206
转载 less-calc()
calc() 只作用于属性值不能在媒体查询中使用/* 无效 */@media (min-width: calc(40rem + 1px)) { /* Wider than 40rem */}与预处理器数学比较.foot { width: calc(10px + 50px);}//组合不同单元; .foot元素总是小于它父元素宽度 50px;//使用 calc()，计算值是表达式它自己，而非表达式的结果.foot { width: calc(100% - 50px);}
2021-04-06 10:52:11
517
原创 jQuery、javascript使用session
添加数据$.session.set('key', 'value')sessionStorage.setItem(‘key’, ‘value’);删除数据$.session.remove('key');sessionStorage.removeItem(‘key’);获取数据$.session.get('key');var getData= sessionStorage.getItem(‘key’);清除数据$.session.clear();sessionStorage.clea
2021-04-02 16:47:54
1239
原创 vue切换页面后清除定时器
data(){ return{ timer:null, }},methods:{ timerMethods(){ this.timer = setInterval(()=>{.....},200); },}, destoryed(){ clearInterval(this.timer);},
2021-04-02 15:45:49
1700
原创 vue---飘窗触碰屏幕边框后弹回
<div class="fixed" @mouseenter="stoptime" @mouseleave="startTime" :style="{ display: display,top:top,left:left }"> <img src="../../assets/images/BBQImages/piaochuang.png" style="width: 145px; height: 170px" />
2021-03-23 16:26:32
554
1
转载 空格占位符
  == 普通的英文半角空格  == ==   == no-break space （普通的英文半角空格但不换行）　 == 中文全角空格 （一个中文宽度）  ==   == en空格 （半个中文宽度）  ==   == em空格 （一个中文宽度）  == 四分之一em空格 （四分之一中文宽度）相比平时的空格
2021-03-12 10:34:55
1976
原创 vue-awesome-swiper基础使用
安装npm install swiper vue-awesome-swipermain.js注册使用import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css/swiper.css'Vue.use(VueAwesomeSwiper)使用<swiper class="swiper" ref="mySwiper" :options="swiperOptions"> <swiper-
2021-03-09 11:39:27
267
原创 vue中使用swiper
安装npm install swiper@3 --save-dev注册 — /src/viewas/main.jsimport ‘swiper/dist/css/swiper.min.css’import ‘swiper/dist/js/swiper.min’使用html <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-s
2021-03-08 11:54:29
137
原创 vue项目准备
1.vue-cli 创建项目框架2.删除不需要文件（1）about.vue（2）assets/logo.png（3）components/HellowWord.vue3.删除配置：router.js里/about路由配置4.创建src/utils/reset.css ----> 重置样式表 可以用淘宝或百度的重置样
2021-03-01 14:48:03
153
原创 .env.development（开发环境）、.env.prodction（正式环境）、自定义环境
文章目录1.配置文件：2.命名规则3.关于文件的加载使用自定义环境1.配置文件： .env.development：开发环境下的配置文件 .env.production：生产环境下的配置文件2.命名规则 属性必须以VUE_APP_开头。#开发环境下的配置文件VUE_APP_ENV=dev
2021-03-01 14:26:42
26295
3
原创 vue.config.js
//打包配置 //需要下载的模块 //terser-webpack-plugin@3.0.5 -D //compression-webpack-plugin@5.0.1 -D //webpack-bundle-analyzer -D //gzip压缩插件 const CompressionPlugin = require("compression-webpack-plugin"); // 代码打包之后取出console.log压缩代码 .
2021-03-01 14:02:49
220
原创 .browserslistrc、.eslintrc.js、babel.config.js、packsge-lock.json、package.json
本文以自己项目所用到的配置来解释文章目录.browserslistrc文件.browserslistrc文件 文件作用：设置浏览器的兼容。> 1%last 2 versionsnot dead> 1%：代表该项目兼容全球超过1%使用的浏览器。last 2 versions：表示左右浏览器兼容到最后两个版本。not dead：not是逻辑操作符，即对dead取反  
2021-03-01 13:58:39
729
原创 element-ui使用
文章目录安装并使用下载注册使用（例子）安装并使用下载npm install element-ui注册// src/main.js 完整组件列表和引入方式import { Pagination,Dialog,Autocomplete,Dropdown,DropdownMenu, DropdownItem, Menu,Submenu,MenuItem,MenuItemGroup,Input,InputNumber,Radio,RadioGroup,RadioButton,Checkbox,Ch
2021-02-24 17:50:21
168
转载 ＜keep-alive＞
什么是keep-alive keep-alive 组件是vue的一个内置组件。 作用是当路由或者组件切换时，他会缓存住包裹在其中的组件或者页面的状态，而不是销毁掉，这样下次重新进入被包裹的路由页面时不会重新渲染dom而是从缓存中读取。<template> <div class="layout"
2021-02-20 15:23:51
144
转载 vue路由＜router-view＞＜router-link＞
https://www.cnblogs.com/bydzhangxiaowei/p/9055484.html文章目录什么是路由路由中三个基础的概念路由实现案例什么是路由 路由，其实就是指向的意思。 当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示abou
2021-02-20 14:30:00
3068
原创 正则表达式 test()和exec()的区别
test 返回 Boolean，查找对应的字符串中是否存在模式exec 查找并返回当前的匹配结果，并以数组的形式返回。
2021-02-20 11:55:29
994
原创 vue实时获取路由地址
文章目录方式一：window.location方式二：vue-router1.this.$router的内容：（1）this.$router.fullPath:（2）this.$router.hash（3）this.$router.测试网址：http://www.myurl.com:8866/test?id=123&username=xxx方式一：window.location1.window.location.href（当前URL）  
2021-02-20 11:22:58
3677
原创 Vue中获取url中的查询字符串（参数）
方式一设置参数：this.$router.push({path:"/about",query:{scroll:“490”})获取：this.$router.query.scroll方式二第一步:分割url的函数–建议位置：/src/utils/global.jsexport function getUrlKey(){ let obj = {}; if(!window){ return; } let str = window.location.hash || ''; if(str &
2021-02-18 23:19:03
1949
原创 webpack(二)---devServer---自动化
文章目录devServer作用是什么特点配置启动devServer的指令自动打开浏览器--默认浏览器webpack 和npx webpack-dev-server的区别devServer作用是什么 用于自动化（自动编译、自动打开浏览器、自动刷新浏览器）特点 只会在内存中编译打包，不会有任何输出配置启动devS
2021-02-10 18:31:37
112
原创 less(一)-------------less简介
文章目录什么是Less什么是Less 1.一种css的预处理语言。可以通过变量、Mixin、函数等方式书写，使 CSS 更易维护和扩展。 2.Less 可以运行在 Node 或浏览器端。...
2021-02-08 14:18:10
320
1
原创 Webpack简介（一）
文章目录什么是webpackwebpack的五个核心概念1.Entry：入口2.Output：输出3.Loader：翻译非JavasScript文件4.Plugins：插件5.Mode：模式--指示webpack使用相应的模式的配置Webpack初体验什么是webpack 前端资源构建工具，一个静态资源打包器。 构建工具：一种将less,jquery,等语法编译成浏览器可以识别的css/
2021-02-07 06:28:06
1439
3
原创 下载iconfont字体并使用、svg转换成iconFont
1.进入阿里巴巴官方字体库 https://www.iconfont.cn/2.加入购物车3.选择颜色并下载代码4.demo_index.html文件里加载了使用方法。有三种，本次只说明使用第二种Font class5.复制5个文件到自己的项目文件夹下6.在html中引入iconfont.css文件7.使用:8.运行：...
2021-02-07 06:25:16
1195
原创 Vue中使用animate
1.安装 npm install animate.css2.main.js中引用 import animated from ‘animate.css’ Vue.use(animated);3.在页面中（1）animat
2021-02-02 18:31:57
1737
原创 Swiper显示后再隐藏swiper组件时需要做的事情
1.在隐藏swiper的同时需要销毁Swiper,所以，在定义swiper时必须要给swiper起一个变量名 data() { return { serviceSwiper: null, serviceSwiperStyle: "", }; }, methods: { async initPolicy() { //需要隐藏swiper的条件 if (this.$store.state.areaId != "37") {
2021-02-01 11:16:49
1724
空空如也
uni.app 微信小程序页面背景色设置
2020-12-07
Structs2 -MyEclipse控制台没有出现错误，但是页面链接转到404
2019-09-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人