- 博客(34)
- 收藏
- 关注
原创 前端对于浏览器参数被转换(+转换成空格了)的事儿
1.如图参数在浏览器中的表现形式,'+'号被转成了空格了。原因: 经过查找资料,有部分解释如下问题解释来源html中因为一些非标准的做法,将+等同于空格进行处理 (当Html的表单被提交时,每个表单域都会被Url编码之后才在被发送。由于历史的原因,表单使用的Url编码实现并不符合最新的标准。例如对于空格使用的编码并不是%20,而是+号,如果表单使用的是Post方法提交的,我们可以在HTTP头中看到有一个Content-Type的header,值为application/x-www-form-u.
2022-05-31 14:39:53
2372
原创 关于 打包后出现的问题(import与require导入json文件打包加载,再在服务器上修改json内容,页面并没加载)
加载静态JSON文件打包后更换JSON内容不起作用
2022-03-31 17:00:05
2621
原创 sort两次按条件排序,允许条件变更再次排序。
关于sort排序规则,以及多次连续排序// 这样排序函数调用 传入你需要比排序的字段名xx.sort(this.compare(‘PeriodName’, ‘PeriodicalName’) compare(property: string, PeriodicalName: string): any { const that = this; // tslint:disable-next-line:only-arrow-functions return function(a:
2022-03-01 14:09:18
923
原创 前端因为依赖问题导致构建的项目不一样效果
npm cinpm install都是下载依赖的命令 但各有不同https://www.cnblogs.com/listen9436/p/13984978.htmlnpm ci 命令是通过加载项目中 package-lock.json或npm-shrinkwrap.json构建node_modules树。npm i (npm install)命令是通过加载项目中 package.json构建node_modules树。npm ci与npm i主要有以下的区别。(npm 版本要 ≥ v.
2022-01-19 17:40:20
883
原创 xml对象操作 兼容IE、FireFox、Chrome等浏览器的xml处理函数(selectSingleNode、selectNodes)
https://www.cnblogs.com/zyl910/archive/2011/11/28/zyllibjs_xml.html主要做兼容处理,ie chrome 等主要选取节点选择方法 兼容。// 添加方法。为了兼容FireFox、Chrome。if (!window.ActiveXObject){ // 选取单个节点 XMLDocument.prototype.selectSingleNode = Element.prototype.selectSingleNode = .
2022-01-18 17:04:31
717
原创 Echarts 饼图(pie) 关于指示线消失了,
Echarts 饼图移入时 指示线消失了1.指示线长度问题 labelLine: { // 统一设置指示线长度 normal: { length: 15 } },2.在series里面设置指示线位置,防止重叠了导致另一方不显示了 series: [ { name: '合计', type: 'pie', hoverAnima
2021-09-16 17:40:00
6789
原创 vue结合 elementui下载组件(el-upload) 实现文件下载
// 使用了 Element Popover 弹出框 <el-popover placement="bottom" width="180" trigger="manual" v-model="visible" > <div class="content"> <span @click="downExcelTemplatefn">下载
2021-09-12 10:57:32
5243
转载 CSS BEM的语义化,跟容易快熟理解命名意义。
https://blog.csdn.net/chenmoquan/article/details/17095465 引用了前辈的语句做了自己的记录CSS BEM的规范作用人们问我最多的问题之一是在CSS类名中“–”和“__”是什么意思?它们的出现是源于BEM和Nicolas Gallagher…BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。BE.
2021-09-07 14:49:35
96
原创 echarts 地图下钻 到市 到区
echarts的地图展示,并且带有下钻到下级市区vue.js里面操作echarts//vue里面修改模板<template> <div id="china_map_box"> <el-row> <el-col :span="24"> <span class="span_city" v-for="(item, index) in cityTypeList.
2021-06-30 12:49:59
1298
4
原创 进度条组件,自己再简单封装下。
//写成自己想要的组件,好复用(el-progress是elementui的进度条组件)<template> <el-progress :percentage="item.nums" color="#27BC7F" ref="UI" :format="format(item)" :stroke-width="10" ></el-progress></template><script>expor
2021-06-30 10:00:07
198
原创 数据处理与图片异步加载
在数组对像里面只拿到自己想要的值 var featrueTages = [ { id: 1, name: 2, checked: '0' }, { id: 2, name: 3, checked: '0' }, { id: 3, name: 4, checked: '0' }, ] let newVar = [] for (let key in featrueTages) { let { id, name } = fe
2021-05-25 09:58:36
88
原创 vue中自定义组件“ directives “的常用功能
directives 可以全局使用以及组件内部定义使用directives是什么?注册自定义的指令directives有什么作用?对普通 DOM 元素进行底层操作,就会用到自定义指令directives怎么使用?.vue页面的使用<template> <div> <button v-btn="txt" :data-msg="imgurl">{{ btntext }}</button> </div></tem
2021-03-12 16:48:11
1833
原创 promise axios 在vue中的使用
1.使用axios进行请求 npm i axios --save利用es6 export default server导出请求模块 封装request.jsimport axios from 'axios';let server = axios.create({ baseURL: "", //请求地址 timeout: 6000 //请求超时时长})//拦截器server.interceptors.request.use(config => { //
2021-03-09 13:56:25
177
原创 js函数声明提升优先级与变量声明提升优先级的关系
*函数表达式实质上就是变量提升,另外函数提升的优先级比变量提升高//函数声明 function fn1(){ console.log(111) } //函数表达式 var fn2 = function () { console.log(222) }//函数提升后 f1() //123 f2() //error:f2 is not a function// 函数声明 function f1() { console.log(111) }// 函数
2021-02-20 11:58:35
206
1
原创 vue Router路由的钩子函数
全局路由beforeEach(to,from,next){} //进入之前触发回调函数中的参数,to:进入到哪个路由去(to.path),from:从哪个路由离开,next:函数,决定是否展示你要看到的路由页面。 //全局后置钩子 router.afterEach((to,from)=>{}) //进入之后触发只有两个参数,to:进入到哪个路由去,from:从哪个路由离。路由独享的守卫beforeEnter:(to,from,next)=>{} //写在路由配置中,只有访问到这
2020-10-23 16:09:45
591
原创 js object深拷贝
深拷贝 指:拷贝后的object改变时不会影响原数组。-常见* 循环拷贝包括函数 var isObject=function(obj){ var type=typeof obj return type==='function'||type==='object'&&!!obj } var deepClone=function(obj){ if(!isObject(obj)) return obj
2020-10-17 11:44:49
1048
原创 js 数组拉平 简单总结
第一种简单的也是常想到的 var arr=[1,2,[3,4,[5,6,7],8,[9,10],[12,33],67],11,23] var arr1=[] // 第一种 用函数封装 function lp(arr){ for(var i=0;i<arr.length;i++){ if(Array.isArray(arr[i])){ lp(arr[i])
2020-08-21 13:30:51
1549
原创 js 数据类型 基本对象及其方法
javascript称为脚本语言(弱类型语言)一 数据类型a. 基本数据类型 -(存放在栈中)1. number2. String3. undefined4. boolean5. nullb .引用数据类型-(存放在堆中)1.对象类型转换parseInt();从第一位开始看是否是数字,如果是,则提取。碰到不是则舍弃,如果第一位不是数字,则直接抛NaN.parseFloat();在以上的基础上,保留小数点.Number();看整体值是否全是数字,如果有一位不是数字,则直接抛NaN.
2020-08-09 15:59:51
153
原创 对 sass和less的理解
sass和less都是对css进行预处理是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。sass 是基于ruby环境less的后缀是.lesssass的后缀是.sass或者.scssCSS 本身可能很有趣,但是样式表正变得越来越大、 越来越复杂、越来越难以维护。这就是预处理可以提供帮助的地方。 Sass 为你提供了 CSS 中还不存在的特性,例如变量、 嵌套、混合、继承和其它实用的
2020-07-26 22:22:38
411
转载 px与em 理解·
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。em是相对长度单位。相对于当前对象内文本的字体尺寸,多理解父级设定font-size的尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px
2020-06-28 19:32:37
174
原创 mysql使用查询语句中文查询报null时解决办法!
如果使用英文等(除汉字)都可以查询的话,唯独使用汉字查询报null那么你只需要在,jdbcURL后面加上useUnicode=true&characterEncoding=UTF-8来指定编码格式即可,两者之间用“?”相连如图
2020-06-03 15:04:39
528
原创 spring boot引入富文本编辑器
在springboot中引入富文本编辑器。你可以选择加入依赖/直接下载外部wangEditor.min.js文件,然后引入自己的js目录中 富文本下载地址我的就是外部引入的(最好也引入Jquery.js文件方便操作)当然在以上部分完成后,可别忘了在需要添加富文本的页面引入哟! 如我 就在当前操作页面引入的 (我的也使用了thymeleaf) 进行到这一步也就完成了准备工作了。开始创建自己需要添加的位置设置一个id值,方便等会js添加wangEditorok 看我如何添加的这就是我要
2020-05-22 09:44:25
891
原创 前端网页sessionStorage对值的获取与传值
sessionStorage主要在页面之间进行值得传输·允许跨页面。可以是单个值,以及JSON对象的传递,主要方法有这些sessionStorage[key]=val//保存一个数据sessionStorage.setItem(key,val)// 保存一个数据var val=sessionStorage[key]//读取一个数据var val-sessionStorage.getI...
2020-05-01 09:39:01
2489
原创 SpringMvc的拦截器,对网页请求的拦截。
第一步首先创建一个拦截器类,命名(Ninterceptor)并且让它继承HandlerInterceptor再重写出它的三个方法 public boolean preHandle(){}//拦截器处理器,返回为true的时候才会继续通过请求,返回为false就不会通过请求控制 public boolean postHandle(){}//被拦截后才会响应 public void afte...
2020-04-28 18:56:38
469
原创 关于对SpringBoot 快速实现国际化i18n "国际化"
本次是IDEA中演示首先在resources中创建如图所示文件,本次分为"中英"两种形式login.properties文件写事务(本人写的是)login.username=用户名login.password=密码login.rememberme=请记住login_en_US.properties文件写login.username=Usernamelogin.password=...
2020-04-01 19:38:20
457
原创 关于对thymeleaf的配置及简单使用
本次演示基于IDEA springboot项目首先加入相关依赖 如图<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency>...
2020-03-30 13:22:54
123
原创 关于IDEA 报Error:java:无效的源发行版13
首先打开自己的项目,点击File–>Settings进入界面找到如图位置 并将相信应位置设置成自己的安装版本号,以我为列:1.8版本别忘了点击OK.下一步,点击File选择Project Structure…进入。>继续(还是看自己的安装版本)继续(还是看自己的安装版本)设置完成后,别忘了ok.在运行下...
2020-03-04 12:34:51
10106
8
原创 apache-maven-3.6.3的阿里镜像配置
关于对Maven项目的配置文件下载,配置阿里云镜像首先下载好apache-maven的文件安装,下载地址http://maven.apache.org/download.cgi[找到安装文件,并点击如图位置进入进入图中后,点击settings.xml请把原来的注释掉,并添加镜像地址...
2020-03-03 21:56:08
2775
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人