- 博客(78)
- 收藏
- 关注
RSS订阅原创 electron打包后网络请求失败
在运行npm run electron:build之后，运行exe后缀的程序。会发现所有的网络请求都请求不到，会报错这是因为窗口加载的url地址是 app://./index.html，而在项目中我们因为要访问后端接口，统一进行了跨域代理的处理，这是网络请求失败的主要原因。本地服务的接口是http://xxx.xx.x.xxx:xxxx/接口名，而electron打包后的接口是app://接口名。
2024-06-07 15:56:08
387
原创 electron打包下载资源失败，设置国内镜像
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows、Linux及macOS上运行的跨平台应用。可以用原生html写，也可以用vue等前端框架写（比如：electron-vue）。
2024-06-06 07:00:00
671
原创 vue调用百度api时跨域问题的解决方案
最近在开发一个基于百度图片文字识别的功能，本来在后端调用百度api的接口，功能已经完成了，但是由于后端服务器不能访问外网，所以将调用百度api的功能需要移到前端，于是就一个坑接一个坑，好不容易开发完成，部署到线上，有访问不到百度的api了。。。百度api 的接口 https://aip.baidubce.com/oauth/2.0/token?在开发过程中解决跨域的问题，相对简单一点，配置proxyTable 代理即可在config目录下的index.js文件中添加如下配置即可。
2024-06-05 09:21:00
801
原创 js获取本周，本月，本季度开始结束时间
/今天本周的第几天。//格式化日期：yyyy-MM-dd。//获得本季度的开始月份。//获得本季度的开始日期。//或的本季度的结束日期。//获得本周的开始日期。//获得本周的结束日期。//获得本月的开始日期。//获得本月的结束日期。
2024-04-12 16:24:41
784
原创 vue-quill-editor富文本框工具栏设置鼠标悬浮中文提示
2.在methods 中定义初始化工具栏标题方法。3.在mounted 中调用初始化工具栏标题方法。
2024-02-23 09:13:35
865
原创 vue 函数化组件
函数化组件在业务中并不是很常用，而且也有其他类似的方法来实现，比如上例也可以用组件的。函数返回虚拟节点可以更容易渲染，因为函数化组件只是一个函数，渲染开销要小很多。这3个对象分别是图片组件、视频组件和纯文本组件的选项，它们都接收一个。返回的对象设置为第一个参数，然后通过第二个参数把。用来生成不同的数据，通过3个button来切换。的值，选择这条数据适合渲染的组件。，它们的传递顺序和原理看起来比较含糊。都是通过这个上下文来传递的，比如。，组件渲染出不同的内容。的布尔值选项，设置为。传递到选择的组件里的。
2024-01-19 15:30:24
749
原创 在vue中如何优雅的封装第三方组件
在使用第三方组件的时候或多或少的会因为样式，业务不符合自己的需求进而进行封装。是否你也会有这样的困扰。封装业务组件的时候，弄了好多业务进自己的组件里。要传递好多参数给自己封装的组件，然后再在封装的组件里传递给第三方组件。不禁要知道每个组件的参数的意思还要对其增加参数。用于传递给第三方组件。一旦业务拓展，就还需要对应往封装组件增加属性，组件内增加接收传递给第三方组件。后期维护起来痛苦不堪。那么下面我要说的便是可以解决你的问题。
2024-01-19 15:29:05
577
原创 全局路由守卫-登录鉴权
为例，我们的 /me 接口依赖 jwt，没登录就没有 jwt，所以一开始我们未登录从 items/create 跳到 sign_in 没问题，但是登录成功后因为我们的 /me 接口只在初始化的时候调用，所以即使我们登录成功这个接口还是走的一开始的 catch 所以还是跳到了登录页。解决方法：如果我们不想每次路由跳转都调用接口我们可以把接口调用写在外面。问题2：上面接口是只调一次了，但是我们登录成功后页面不会跳转。问题1: 上面的代码每次路由跳转的时候都会调用 me 接口。原因：以登录成功后跳转。
2024-01-17 16:37:38
710
原创 为什么 JavaScript 的 parseInt(0.0000005) 打印“5”？
最近，我在开发项目时遇到了一个奇怪的问题，parseInt (0.0000005) === 5😱。通常，输出 0 才是正确的，但为什么是 5？让我们一起探讨这个问题。
2024-01-17 16:36:35
370
原创 拖拽不够自由？Vue3 DnD它来了！
为什么不叫vue dnd呢？当然是因为有人已经提前占用了这个包名~同时我们还希望继续在vue3-dnd的上层提供一些易用性更高的组件，欢迎大家一起参与，敬请期待。
2024-01-16 13:42:02
1454
原创 【CSS3】渐变 阴影 遮罩
水平,垂直偏移量长度单位模糊半径指阴影由完全的颜色到消失的长度，类于似渐变的长度。默认是0阴影大小默认是0，和原来一样大，单位px，正数表示放大，负数表示缩小颜色阴影颜色默认outset外阴影，可以写inset改成内阴影，不遮挡文字遮挡盒子，遮挡背景,可用逗号分隔，类似背景渐变，可叠加。
2024-01-16 13:37:50
1083
原创 【css】渐变效果
*使用 at 来定义最终的圆心位置 at后面可以接代表方向的关键字 也可以使用百分值默认是先设置水平方向的位置 然后是垂直方向 这里就表示将圆心的位置定义在右上角*//*这里表示的就是创建一个圆形 且该圆形的圆心位于水平方向50% 垂直方向50%的位置*//*这里表示定义了一个水平半径为150px 垂直半径为110px 圆心的位置在水平方向50% 垂直方向50% 即居中显示*/注意：自定义径向大小时，不能自定义形状。
2024-01-15 15:51:35
2707
原创 【Vue】自定义指令
在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。Vue自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过方式注册全局指令。然后在入口文件中进行Vue.use()调用。批量注册指令，新建文件在main.js引入并调用下面分享几个实用的 Vue 自定义指令v-copyv-debouncev-emojiv-LazyLoad。
2024-01-10 11:04:58
972
原创 【JavaScript】es6开发常用技巧
/ 事例自定义事件的函数有和// 向 window派发一个resize内置事件// 直接自定义事件，使用 Event 构造函数：// 监听事件// 触发事件.其中 options 可以是：detail: {...},bubbles: true, //是否冒泡cancelable: false //是否取消默认事件其中可以存放一些初始化的信息，可以在触发的时候调用。其他属性就是定义该事件是否具有冒泡等等功能。
2024-01-10 11:03:37
945
原创 【Vue】项目使用px2rem
vue.config.js中引入px2rem包并在css plugins里启用postcss插件。编写核心代码，命名随意，我这里命名为px2rem并放在src/utils文件夹内。UI库如果要改变样式，在样式的单位要使用rem。不想转换成rem的话将px写成PX。在main.js中引入刚才的文件。行内样式的px不会转换成rem。
2024-01-09 16:06:42
771
原创 【CSS】CSS中的BFC，是什么？
BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。BFC 即 Block Formatting Contexts (块级格式化上下文)，属于普通流。可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。
2024-01-09 16:05:19
1065
原创 【前端】下载文件方法
下面是blob对象下载的逻辑,使用createObjectURL转换为url，然后绑到a链接上，通过点击a链接的方式触发下载。后端如果设置了Content-Disposition ，那么不需要download属性也能下载。其实window.open和a标签是一样的，只是a标签是要用户点击触发，而window.open可以主动触发。的情况就是报错的情形。以后，返回值会被转为blob，这时我们log可以看到type，是。我最初使用的方法就是这个，只要提供了文件的服务器地址，使用。,如果没有设置的情况下，
2024-01-08 10:03:42
710
原创 【JavaScript】实现数据的双向绑定
访问器监听的实现，主要采用了javascript中原生方法：Object.defineProperty，该方法可以为某对象添加访问器属性，当获取或者给该对象属性赋值的时候，会触发访问器属性。在页面中绑定两个或者多个元素，比如一个input框和一个p标签，当在input框输入值时，p标签也会自动更新文本。3.当你设置该对象的属性时，会立马触发访问器属性setter，设置该属性的值，setter更改的是视图（DOM）！2.当你访问或者获取该对象的属性时，会立马触发访问器属性getter，从而去获取该属性的值。
2024-01-08 09:28:11
658
原创 【JavaScript】DOM和BOM介绍
文档 ：文档表示的就是整个的HTML网页文档。一个页面就是一个文档对象：一个网页里面有很多东西，有标签，有属性，有文本，各种各样的东西，对象表示将网页中的每一个部分都转换为了一个对象。h1是个对象，h1里面的aaa是一个对象，body标签是一个对象，注释也是一个对象。转换成对象有什么好处，转换成对象后，就可以以面向对象的方法操作对象。模型：对象多了，不好管理。使用模型来表示对象（节点和节点）之间的关系，这样方便我们获取对象。在html结构中，最终会形成一个树结构；我们称之为DOM Tree.
2024-01-05 14:41:40
388
原创 【Vue】灵魂拷问
v-for 优先级高于 v-if，每项都通过 v-for 渲染出来后再去通过 v-if 判断显隐,过程中会增加无用的 dom 操作,渲染了无用的节点。渐进式就是你想用 vuex 就用，不用也行，你想用 component 就用，不用也可以，或者你可以选择不用，或者只选几样去用。用index和用随机数都是同理，随机数每次都在变，做不到专一性，也很消耗性能。
2024-01-05 11:02:11
970
2
原创 【前端规范】
HTML 作为描述网页结构的超文本标记语言，一直有着广泛的应用。本文档的目标是使 HTML 代码风格保持一致，容易被理解和被维护。解释：对于非 HTML 标签之间的缩进，比如 script 或 style 标签内容缩进，与 script 或 style 标签的缩进同级。示例：[建议] 每行不得超过 个字符。2.2 命名[强制] 必须单词全字母小写，单词间以 分隔。[强制] 必须代表相应模块或部件的内容或功能，不得以样式信息进行命名。示例：[强制] 元素 必须保证页面唯
2024-01-05 11:01:29
1275
原创 100多种js必会的技巧
40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函数,Math.floor(Math.random()*(n+1))返回随机数。69.状态栏文字的设置:window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.';
2024-01-03 13:43:57
962
原创 【javaScript】好用的常用的20个方法
1.滚动到页面顶部我们可以使用 window.scrollTo() 平滑滚动到页面顶部。const scrollToTop = () => { window.scrollTo({ top: 0, left: 0, behavior: "smooth" });};
2024-01-03 13:41:33
474
原创 【JS】事件循环机制
简而言之：同步环境执行 -> 事件循环1（microtask queue的All）-> 事件循环2(macrotask queue中的一个) -> 事件循环1（microtask queue的All）-> 事件循环2(macrotask queue中的一个)...利用microtask queue可以形成一个同步执行的环境，但如果Microtask queue太长，将导致Macrotask任务长时间执行不了，最终导致用户I/O无响应等，所以使用需慎重。异步执行，同一事件循环中，只执行一个。
2023-12-22 14:02:47
1614
原创 【Mixin】搞懂Vue中的Mixin混入
Vue框架现在基本上已经占据了前端的半壁江山，Vue的数据驱动和组件化的思想深入人心。Vue全家桶可能很多小伙伴都比较熟悉，在工作上也用得比较得心应手。但是今天讲的Vue中这个Mixin的用法我相信还有很多小伙伴不知道或者没有用过，或者有些小伙伴接手别人的Vue项目时看到里面有个Mixin文件夹，也会用，但是一直都是云里雾里的状态，今天我们就好好聊聊Mixin，争取以后不在犯迷糊。想要使用一个事物或者工具，我们首要先了解它是什么，这样我们才好对症下药。
2023-12-20 10:00:00
895
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人