自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

u014728574的博客

工作中经验记录

  • 博客(16)
  • 论坛 (1)
  • 问答 (2)
  • 收藏
  • 关注

原创 Javascript中关于监听DOM元素状态的方法使用

Javascript中关于监听DOM元素状态的方法使用MutationObserverMutationObserver是针对DOM元素的观察器,观察它体内增加/减少子(爷孙)节点,或者子节点的属性等,可通过这一特性在观察器中增加相关的有利于实现逻辑处理的回调方法。// 选择需要观察变动的节点const targetNode = document.getElementById('#wc-content-right');// 观察器的配置(需要观察什么变动)const config = { att

2021-09-13 21:58:35 25

原创 使用HTML标签实现Upload文件上传组件

使用HTML标签实现Upload文件上传组件如何构建Upload文件上传组件在前端开发中总是免不了要用到 Upload 组件,之前在开发Vue应用时使用element-ui中的Upload组件,发现在IE浏览器中失效,于是毫无计策之下选择用HTML原始标签"瞒天过海"。效果图展示源码展示使用input type=‘file’ 实现Upload功能,在通过CSS修饰改善组件样式。&lt...

2021-03-26 19:11:05 207

原创 Vue项目中动态切换中英文语言(实现无需页面reload)

Vue项目中动态切换中英文语言(实现无需页面reload)如题,在项目工作中总会有切换语言的需求,我们脑中很快就能浮现出Vue.i18n.locale = 'zh'; //或者Vue.i18n.locale = 'en';而因为中英文字在同一种字体下可能会导致页面布局,效果等的不同,因此实际上在不想页面reload的前提下,我们需要实现动态加载不同css文件。动态加载不同css文件因为预加载的原因,通过判断使用import(url)这种方式在项目发布后会直接将import里面的样式表加载,

2020-08-03 15:21:39 1023

原创 CSS中的一些小实现(2)

CSS中的一些小实现(2)改变Chrome/IE/Firefox浏览器的滚动条样式ChromeIEFirefox处理浏览器兼容的方法由于内核不同导致在不同的浏览器相同的样式很多时候会呈现不同的效果,有时不尽如人意,因此需要了解一些解决浏览器兼容的方法:使用浏览器的一些私有属性使用浏览器专属一些时常用到样式效果文字溢出换行position的选择造就不同的布局...

2020-07-10 00:38:35 67

原创 Javascript中关于对象属性的小总结

Javascript中关于对象属性的小总结Javascript中对象的属性分为数据属性、存取器属性两种,两者的属性描述符不同:数据属性:拥有value,writable,configurable,enumerable四个特性,后三个都为Boolean值;存取器属性:拥有set,get,configurable,enumerable四个特性,前两者为函数,其中set方法传入参数,该参数作为设...

2020-01-31 12:55:47 38

原创 Vue中的双向绑定原理(个人理解篇)

Vue中的双向绑定原理据说Vue中的双向绑定原理是采用数据劫持和订阅-观察者模式的结合而实现的。其中view发生变化通过底层input事件通知到data层;Object.defineProperty用法Object.defineProperty(obj,key,des);obj为添加/修改属性的对象,key为属性名称(新增的或已有的),des为属性描述符。属性描述符des就是描述key的...

2020-01-09 00:25:43 157

原创 关于cookie,session,sessionStorage,localStorage

关于cookie,session,sessionStorage,localStorage有关于这些在web应用用到的存储一直有些不清楚,今天想自己去找找资料,理一理。HTTP CookieHTTP Cookie是服务器响应客户端时发送的一小块数据,服务器使用Set-Cookie响应头部向客户端传达Cookie信息。客户端接收到后存储起来,之后每次向该服务器请求时头部都会有Cookie信息,服...

2019-10-14 12:29:35 83

原创 闭包的个人理解

闭包什么是闭包?闭包是一个函数和声明该函数的词法环境的组合,这个词法环境包含了嵌套函数所能访问的所有局部变量,嵌套的函数可以访问其外部环境中的变量。通常情况下,闭包的形式如下:function parentFunc(){ //变量声明 ...... return function childFunc(){ ...... }}闭包的使用相同算法不同参数例如如...

2019-10-04 14:09:19 78

原创 javascript中apply,call,bind的个人理解

apply的用法使用好处将某对象obj执行func方法;数组拼接(在前/后、+/-)改变原数组,返回数组长度;在一些需要数组中每个元素作为参数的内置函数中能简洁方便使用,例如Math.max/Max.min,在不使用apply时,数组长度很大时根本没法写,那么这时就可以使用:let testArray=[2,3,4,1,0,9];Math.max.apply(null,testAr...

2019-10-03 08:54:08 77

原创 CSS中的一些小实现(1)

CSS中的一些小实现(1)水平居中

2019-09-05 11:58:36 66

原创 Javascript中的一些小细节(2)

Javascript中的一些小细节(2)数字、类型js只有一种数字类型,例如123e5表示12300000,123e-5表示0.00123;创建数组:var car=new Array(‘f’,’h’,….);或者var car=[‘f’,’h’,…];数值前缀为0,表示八进制;前缀为0x表示十六进制;对象、方法For/in 循环遍历对象的属性;Object.key(对象) 返...

2019-09-05 10:02:48 51

原创 Javascript中的一些小细节(1)

Javascript中的小细节(1)使用js操作dom元素整个文档输出://若文档已加载,此时使用该方法则会使得文档被覆盖document.write(“<h1>h1</h1>”);dom元素输出:document.getElementById(“demo”).innerHTML=“Hello World”;变量使用未声明的变量,实际上是und...

2019-09-04 16:41:35 41

原创 代码格式规范

代码格式规范Javascript/HTMLif-else:都要有{}括起来:if (...) { ...} else { ...}使用局部变量时 不能写 _xxx=… 因为_xxx表示私有变量,会使得阅读代码的人产生疑问;方法命名应简单明了;循环遍历://一般使用item表示v-for="item in xxx" :key="item" 同...

2019-09-04 15:48:36 410

原创 Vue的一些基础知识点(思维导图)

Vue知识点回顾废话不多说,先来张思维导图新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入废话不多说,先来张思...

2019-09-04 14:59:30 580

原创 v-charts实现多图联动

v-chart实现多图联动当需要显示多图联动的图表时,使用v-chart时犹如使用echarts。v-chart官方说明比较简单,直接说绑定xx属性这样甩掉一大堆工作,弄得需要去看echarts官方文档下面是多图联动的举例: <ve-line ref="chart" :x-axis="xAxis" :y-axis="yAxis" :...

2019-08-16 11:26:48 1349 1

原创 使用axios获取blob实现文件下载

使用button代替a标签实现文件下载文件下载方法使用axios获取blob创建URL对象并点击`a`标签`button`点击事件触发文件下载方法如果从后台服务中可以获取文件的下载url,那么在页面中要实现文件下载,直接使用<a> 标签<a href="url">文件下载</a>但是这种方法下载的文件名称是一串字符串,并不是文件本身的名字。为了实现所下...

2019-08-14 10:30:54 6190

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除