- 博客(19)
- 收藏
- 关注
RSS订阅原创 【 在vue中动态的引入图片为什么要使用require？】
动态添加的src，编译过后的文件地址和被编译过后的资源文件地址不一致，从而无法正确引入资源。而使用require，返回的就是资源文件被编译后的文件地址，从而可以正确的引入资源
2023-02-06 14:09:18
351
原创 【vue-pdf导致浏览器界面字体及内容缺失问题】
前阶段工作中遇到了一些生产问题，前端页面上的字体、图片、图标会随机缺失，特别是字体，，出现问题的页面也是随机的，首先排除了页面数据获取、传递的原因，而且在不同机具上出现问题的界面也不同。尝试了升级浏览器、清理缓存，也都无法解决。后来经过测试发现此现象多发生于调用了vue-pdf插件后，网上资料大部分都是关于vue-pdf导致pdf显示界面内容缺失问题，但推测vue-pdf组件可能存在缺陷，会导致此类问题，尝试更换为vue-pdf-signature组件，依然无法解决（···）
2022-10-10 16:31:56
4490
1
原创 简述axios 解决跨域问题及axios统一封装
1.配置BaseUrl在main.js中，配置数据所在服务器的前缀（即固定部分）直接写在main.js中:将应用配置写在config/index.js中，然后在main.js中注册：main.js:config/index.js:2.配置代理在config文件夹下的index.js文件中的proxy字段中，进行如下处理：在proxy中拦截了/sdwan/api,并把/api及其前面的所有替换成了target中的内容3.具体使用axios的地方，修改url用定义好的baseUrl创
2021-04-26 11:12:15
476
原创 前端 HTML5总结
新增元素（部分）新的语义/结构元素新的表单元素图形画布 Canvas1.创建 Canvas 元素，规定画布的 id、宽度和高度2.通过 JavaScript 来绘制getContext(“2d”) 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。fillStyle 方法将其染成红色，fillRect 方法规定了形状、位置和尺寸。fillRect 方法拥有参数 (0,0,150,75)，意思是：在画布上绘制 150x75 的矩形，从左上角开始 (
2021-04-24 09:50:16
107
原创 前端面试（CSS/CSS3篇）
弹性盒子Flex-box将父容器设为弹性盒子通过将 display 属性设置为 flex，flex 容器将可伸缩。flex 容器的直接子元素会自动成为弹性（flex）项目。flex-direction 属性定义容器要在哪个方向上堆叠 flex 项目column 垂直堆叠（从上到下）column-reverse 垂直堆叠（从下到上）row 水平堆叠（从左到右）row-reverse 水平堆叠 （从右到左）flex-wrap 属性规定是否应该
2021-04-23 15:21:52
132
原创 前端面试（JavaScript）
引用数据类型判断1.instanceof()判断一个实例是否属于某种类型,例如：[1,2,3] instanceof Array ----- truenew Date(‘2019/01/05’) instanceof Date -------true实现原理:是只要 右边变量的 prototype 在 左边变量的原型链上即可。因此，instanceof 在查找的过程中会遍历左边变量的原型链，直到找到右边变量的 prototype，如果查找失败，则会返回 false，表示左边变量并非是右边变量
2021-04-22 15:07:27
204
原创 前端面试（VUE篇）
VUE双向绑定原理通过数据劫持结合 “发布者-订阅者模式”实现1.实现一个监听器Observer，用来劫持并监听所有属性，如果有变动的，就通知订阅者。2.实现一个订阅者Watcher，可以收到属性的变化通知并执行相应的函数，从而更新视图。3.实现一个解析器Compile，可以扫描和解析每个节点的相关指令，并根据初始化模板数据以及初始化相应的订阅器。VUE生命周期Vue中实例或者组件从创建到消灭中间经过的一系列过程：创建前后 载入前后 更新前后 销毁前后created mounted区别1
2021-04-21 17:09:02
1332
原创 java script 闭包
例子记录var add = (function () {var counter = 0;return function () {return counter += 1;}})();add();add();add();例子解释：变量 add 的赋值是自调用函数的返回值。这个自调用函数只运行一次。它设置计数器为零（0），并返回函数表达式。这样 add 成为了函数，它能够访问父作用域中的计数器，闭包使函数拥有“私有”变量成为可能。计数器被这个匿名函数的作用域保护，并且只能使用 add 函
2021-04-09 17:01:54
146
原创 JavaScript let const关键字
letlet与var的区别作用域通过 var 关键词声明的变量 只有全局作用域与函数（局部作用域）通过 let 关键词声明的变量有块级作用域例：重新声明变量使用 var 关键字在块中重新声明变量，也将重新声明块外的变量：使用 let 关键字在块中重新声明变量，不会重新声明块外的变量：允许在程序的任何位置使用 var 重新声明 JavaScript 变量：在相同的作用域，或在相同的块中，不允许：通过 let 重新声明一个 var、let 变量通过 var 重新声明一个 let
2021-04-08 16:57:27
129
原创 JS提升（Hoisting）
声明提升提升（Hoisting）是 JavaScript 将声明移至顶部的默认行为，在 JavaScript 中，可以在使用变量之后对其进行声明。let 和 const用 let 或 const 声明的变量和常量不会被提升！初始化不提升JavaScript 只提升声明，初始化不会被提升。结果为 5 undefine...
2021-04-08 14:31:17
156
转载 JS事件
HTML事件JS添加事件处理程序事件处理程序可用于处理、验证用户输入、用户动作和浏览器动作：每当页面加载时应该做的事情当页面被关闭时应该做的事情当用户点击按钮时应该被执行的动作当用户输入数据时应该被验证的内容让 JavaScript 处理事件的不同方法有很多：HTML 事件属性可执行 JavaScript 代码HTML 事件属性能够调用 JavaScript 函数您能够向 HTML 元素分配自己的事件处理函数您能够阻止事件被发送或被处理代码格式改变 id=“demo” 的
2021-04-08 14:24:11
69
原创 CSS学习笔记（水平、垂直对齐）
元素水平居中使用margin，且必须指定元素宽度width，才可起作用。文本居中使用text-align，使文本在元素内水平居中图片居中使用margin，指定其宽度width，并且将图片放在块元素中左右对齐使用position绝对定位元素会被从正常流中删除，并且能够与其后面的元素重叠。使用float注意：如果子元素的高度大于父元素，且子元素设置了浮动，那么子元素将溢出，这时可以在父元素上添加 overflow: auto; 来解决该问题。垂直居中使用padding文本处于
2021-03-05 14:21:36
158
原创 axios传递数组参数
delete请求要求传参形式问题1.不使用qs.stringify()方法处理参数，url出现[]格式2.以对象数组作为参数传递，url出现乱码正确传参方式参数为数组：引用axios接口编写使用params传参方式，将数组参数赋给params对象的ids数组，将数组内容拼接到url后面。引入qs插件，使用qs.stringify()方法处理参数...
2021-03-03 16:35:58
1631
1
原创 CSS学习笔记（伪类与伪元素）
伪类anchor伪类a:link {} /* 未访问的链接 /a:visited {} / 已访问的链接 /a:hover {} / 鼠标划过链接 /a:active {} / 已选中的链接 */注意：1.在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。2.在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。3.伪类的名称不区分大小写。
2021-03-03 14:13:50
127
转载 VUE 虚拟DOM
Vue的编译器在编译模板之后，会把这些模板编译成一个渲染函数（render）。渲染函数被调用的时候就会渲染并且返回一个虚拟DOM的树。当有了这个虚拟的DOM树后，再交给一个Patch函数，负责把这些虚拟DOM施加到真实的DOM上。在这个过程中，Vue有自身的响应式系统来侦测在渲染过程中所依赖到的数据来源。在渲染过程中，可以精确感知数据源的变动。当数据源发生改变时，会重新进行渲染，生成一个新的虚拟DOM树，将新的虚拟DOM树与旧的虚拟DOM树进行对比，就可以最终得出应施加到真实DOM上的改动，最后再.
2021-02-27 14:04:32
123
原创 CSS学习笔记（显示dispaly与定位position）
CSS学习笔记一.显示（dispaly visibility）隐藏元素更改内联元素和块元素内联元素与块元素块级元素(block)特性内联元素(inline)特性主要块级元素主要内联元素二、定位（position）static（静态定位）fixed（相对固定）relative（相对定位）absolute（绝对定位）sticky（粘性定位）一.显示（dispaly visibility）隐藏元素display:none 可以隐藏某个元素，且隐藏的元素不会占用任何空间。visibility:hidden
2021-02-24 17:01:46
810
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人