- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue3项目 前端blocked:mixed-content问题解决方案
blocked:mixed-content其实浏览器不允许在https页面里嵌入http的请求，现在高版本的浏览器为了用户体验，都不会弹窗报错，只会在控制台上打印一条错误信息。一般出现这个问题就是在https协议里嵌入了http请求，解决方法如下。直接设置谷歌浏览器允许不安全内容。
2024-07-07 16:16:12
1147
原创 Vue3人员选择组件封装
人员组件在各系统的应用都是比较广泛的，因此可以将其封装为可配置的人员组件，根据不同角色权限显示对应的人员供选择，代码目前只是一部分，需要源码的私聊。
2024-05-04 17:49:47
1221
原创 Vue项目解决自定义el-dialog的border-radius无效的问题
和上面一样，在项目全局也就是在app.vue中定义全局变量 并且需要给!important，不加!important是无效的，要不然覆盖不了原有的.改别的其实也一样，在全局定义就行，总之就是要覆盖掉原有的。其实不在全局加也行，把scoped去掉就行(但是这个不推荐!自定义el-dialog的border-radius无效的原因其实就是因为层级的问题，f12打开样式检查就能发现组件自身已经全局定义了一个圆角变量。
2024-04-28 22:37:41
928
1
原创 Vue基于高德地图API封装一个地图组件
点击窗口信息的选择地址可拿到点击位置的信息然后再做后续操作!主要还是参考高德地图API的官方文档.man.ts 密钥及安全密钥需要自己到高德地图开放平台控制台获取.
2024-04-23 23:25:11
744
原创 Vue集成PageOffice实现在线编辑word、excel(前端配置)
PageOffice是一款在线的office编辑软件，帮助Web应用系统或Web网站实现用户在线编辑Word、Excel、PowerPoint文档。可以完美实现在线公文流转，领导批阅，盖章。可以给文件添加水印，在线安全预览防止用户下载和复制文件等。
2024-04-15 22:55:26
6033
2
原创 javaScript es6常用语法介绍
ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。1、let 和 const 命令let ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。let a = 10;var b = 1;b // 1constconst声明一个只读的常量。
2024-04-04 21:02:06
1183
原创 如何理解ES6中 Promise？使用场景？
Promise，译为承诺，是异步编程的一种解决方案，比传统的解决方案（回调函数）更加合理和更加强大,在以往我们如果处理多层异步操作，我们往往会像下面那样编写我们的代码.console.log('得到最终结果: ' + finalResult);阅读上面代码，是不是很难受，上述形成了经典的回调地狱,现在通过Promise的改写上面的代码.})})console.log('得到最终结果: ' + finalResult);
2024-04-02 23:43:37
795
原创 理解margin塌陷和margin合并及其解决方案
先看个例子:需求：在父子元素中，通过marigin让父元素相对左边及顶部各距离100px,也让子元素相对于父元素左边和顶部各50px。效果图:惊奇的发现，结果出乎我们意料！水平方向的距离确实没问题，但是垂直方向上，明明子元素设置了margin-top距离顶部50px，按道理它会距离父元素顶部50px才对。这种现象被称之为margin塌陷。但很多人可能都不太理解，为什么叫它塌陷？其实你可以这样理解，如上述例子，原本子元素要距离父元素顶部50px。
2024-02-18 21:45:45
827
原创 推荐一款适合移动端使用的富文本插件tinymce
下载tinymce完成后在node_modules中找到tinymce目录将目录中skins和plugins文件夹复制至我们新建的tinymce文件夹中,使用编辑器的主题样式及扩展插件,后续有需要使用到拓展插件和主题都可以下引入,文档中有提供更多实用的的插件可供。使用Vue2.x的项目则需安装较低的版本,我在项目采用的版本是 "3.2.6"的版本,则安装。其次根据项目的vue版本选择tinymce-vue版本,如果你使用的Vue3.0可直接。在创建的tinymce-editor组件中引入依赖。
2024-02-04 17:33:39
1877
2
原创 带你快速理解深拷贝和浅拷贝的区别.
引用类型数据保存在堆内存中，引用数据类型的变量是一个指向堆内存中实际对象的引用，存在栈中。从上图发现，浅拷贝和深拷贝都创建出一个新的对象，但在复制对象属性的时候，行为就不一样。深拷贝是递归拷贝深层次，属性为对象时，深拷贝是新开栈，两个对象指向不同的地址。浅拷贝是拷贝一层，属性为对象时，浅拷贝是复制，两个对象指向同一个地址。下面首先借助两张图，可以更加清晰看到浅拷贝与深拷贝的区别。即浅拷贝是拷贝一层，深层次的引用类型则共享内存地址。基本类型数据保存在在栈内存中。下面简单实现一个浅拷贝。
2024-02-04 16:53:38
340
1
原创 常见的元素水平垂直居中方法
父级设置为相对定位，子级绝对定位 ，并且四个定位属性的值都设置了0，那么这时候如果子级没有设置宽高，则会被拉开到和父级一样宽高。这种方案不要求父元素的高度，也就是即使父元素的高度变化了，仍然可以保持在父元素的垂直居中位置，水平方向上是一样的操作。这里子元素设置了宽高，所以宽高会按照我们的设置来显示，但是实际上子级的虚拟占位已经撑满了整个父级，这时候再给它一个。绝大多数情况下，设置父元素为相对定位， 子元素移动自身50%实现水平垂直居中。负值的替代方案，并不需要知道自身元素的宽高。它就可以上下左右都居中了。
2024-02-02 00:20:02
275
原创 Vue常见面试题分享。
2. Proxy能直接监听数组的变化，但defineProperty不能监听到，因此vue2中对常见的数组API方法进行了重写。当数据有变化的时候，Vue会重新运行render函数，得到一份新的虚拟DOM,新旧两份虚拟DOM会做一个比较（diff），当使用了多个 mixin 时，实例上的数据属性来自哪个 mixin 变得不清晰，这使追溯实现和理解组件行为变得困难。view变化了 经过VM Model也会随着变化，Model的变化也会引起view的变化。Vue2不推荐将这两个放在一起用，会有性能问题。
2024-01-31 22:10:18
531
原创 了解一下什么是热更新?
热更新是一种App软件开发者常用的更新方式。简单来说，就是在用户下载安装App之后，打开App时遇到的即时更新。热更新是指在运行时更新软件或应用程序的功能或代码，而无需停止或重新启动整个应用程序。简而言之，热更新允许开发人员在用户不需要退出应用程序的情况下部署新的功能、修复错误或改进应用程序的性能。
2024-01-31 21:28:31
2580
原创 Vue项目中常见解决跨域问题的方案。
跨域本质是浏览器基于同源策略的一种安全手段同源策略（Sameoriginpolicy），是一种约定，它是浏览器最核心也最基本的安全功能所谓同源（即指在同一个域）具有以下三个相同点协议相同（protocol）主机相同（host）端口相同（port）反之非同源请求，也就是协议、端口、主机其中一项不相同的时候，这时候就会产生跨域一定要注意跨域是浏览器的限制，你用抓包工具抓取接口数据，是可以看到接口已经把数据返回回来了，只是浏览器的限制，你获取不到数据。用postman请求接口能够请求到数据。
2024-01-30 16:45:47
344
1
原创 怎么理解回流跟重绘？什么场景下会触发？
几何尺寸的变化（比如修改元素的宽、高或隐藏元素等）时，浏览器需要重新计算元素的几何属性，然后再将计算的结果绘制出来。在页面初始渲染阶段，回流不可避免的触发，可以理解成页面一开始是空白的元素，后面添加了新的元素使页面布局发生改变。），却并未影响其几何属性时，浏览器不需重新计算元素的几何属性、直接为该元素绘制新的样式，这里就仅仅触发了重绘。Layout(回流):根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位置，大小）当你获取布局信息的操作的时候，会强制队列刷新，包括前面讲到的。
2024-01-30 16:24:20
1069
1
原创 了解一下什么是单点登录.
淘宝、天猫都属于阿里旗下，当用户登录淘宝后，再打开天猫，系统便自动帮用户登录了天猫，这种现象就属于单点登录。将会颁发一个令牌给各个子系统，子系统可以拿着令牌会获取各自的受保护资源，为了减少频繁认证，各个子系统在被。用户统一在认证中心进行登录，登录成功后，认证中心记录用户的登录状态，并将。是不共享的，这里我们可以部署一个认证中心，用于专门处理登录请求的独立的。，如果没有，说明用户在当前系统中尚未登录，那么就将页面跳转至认证中心。这些都是由前端来控制的，后端需要做的仅仅是在用户登录成功后，将。
2024-01-29 21:45:06
834
原创 推荐一个比较好用的Echarts图表集
如果觉得打开Echarts官网比较慢的话，可以试试这个echarts图表集，里面集成了大量常用的echarts图表，这个很好用的，非常推荐!地址: https://www.isqqw.com/
2024-01-28 23:07:57
190
1
原创 vxe-table表格插件的使用(Vue3)
可定制性强：vxe-table 具有非常灵活的配置选项和事件钩子，可以根据具体需求进行定制和扩展。你可以自定义表头、列样式、操作按钮、单元格渲染等各种外观和行为，满足个性化的展示需求。功能丰富：vxe-table 提供了许多强大的功能，包括表格排序、筛选、分页、合并单元格、导出、导入等。高性能：vxe-table 的底层采用了虚拟 DOM 技术和批量渲染优化，能够处理大量数据而不影响性能。它支持懒加载和前端分页，可以快速呈现并响应大规模的数据集。代码只放了和vxe-table有关的，详细的配置还需看官网!
2024-01-25 17:53:25
5493
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人