Fn

最近的面试中有一个面试官问我按钮级别的权限怎么控制，我说直接v-if啊，他说不够好，我说我们项目中按钮级别的权限控制情况不多，所以v-if就够了，他说不够通用，最后他对我的...

echarts+dataV实现中国在线选择省市区地图 利用 dataV 的地图 GEO JSON数据配合 echarts 和 element-china-area-data...

什么是Pinia？ Pinia本质上依然是一个状态管理的库，它允许你跨组件/页面进行状态共享。 Pinia和Vuex的区别？ 与Vuex相比，Pinia提供了一个更简单的A...

Pinia 是一个状态管理工具，和 Vuex 一样为 Vue 项目提供共享状态管理工具。并且支持vue2和vue3，主要是为vue3提供状态管理，支持typescript。...

iframe功能：能够将另一个HTML页面嵌入到当前页面中。 height:框架作为一个普通元素的高度，建议在使用css设置。默认值为150px。 width:框架作为一个...

最近公司有项目需要客服聊天功能，我们选择了腾讯的IM，对于前端来说很好控制，前端只需对应传参即可，大多由后端控制。百度了很多都没找到想要的教程，所以自己写下来对于引用IM的...

一、改变原数组的方法 1.push（） 末尾添加数据 语法: 数组名.push( 数据) 作用: 就是往数组末尾添加数据 返回值:  就是这个数组的长度 2. pop（） ...

用小程序生成海报图片时，通常会用canvas生成图片，但是canvas需要调整坐标，计算，而且canvas绘图的坑太多，并不算非常友好......

前端界面通过【下载】按钮，实现下载excel文件功能，需要解析后端返回的二进制流文件。整体思路就是跟后端确认，接口响应返回的数据是blob流文件，然后再创建a标签，利用a标...

git的4个区域 日常开发中离不开代码管理工具git。分为4个工作区域。 工作区: 日常开发操作的区域 暂存区: 通过命令git add将工作区的内容添加到暂存区 本地仓库...

脱发秘籍，快速了解前端Chrome调试工具，这里有你不知道的Chrome调试技巧：元素（Element）​、控制台（Console）页、​源代码（Sources）、网络（N...

困扰着前端人自适应大屏适配的噩梦可能要被这短短的几行代码破解了，难道这就是大屏适配的最优解？快来看看这款名为autofit的小工具，用了都说好！...

前端 Code Review 一、为啥要 cr 1、通过团队内相互审核，交叉排查缺陷，以避免代码层面出现明显的问题。 2、通过团队成员的互相监督，在实现功能的基础上不断改善...

前言 大家好，本系列从Web前端实战的角度，给大家分享介绍如何从零打造一个自己专属的绘图工具，实现流程图、拓扑图、脑图等类Visio的绘图工具。 你将收获 免费好用、专属自...

关于vite创建vue3项目用@代替src不生效的问题怎么去解决，[vite] Internal server error: Failed to resolve impor...

大家好呀，这里是果汁，开年一直在忙公司架构升级的事情，写文章的事情就一直搁置了，实在抱歉。相信大家看标题也知道了，没错！我们项目全部用 Vite 进行重构了，抛弃了笨重的 ...

本文结合实际的vue项目介绍了浏览器原生的全屏API、 screenfull、useFullscreen的用法并结合源码分析了screenfull和useFullscree...

Vite项目屏幕适配的两种方案：1、基于px转rem的适配方案。 2、基于scale等比缩放的适配方案。...

开发electron客户端程序，打包是绕不开的问题。下面就我在工作中的经验以及目前对electron-builder的了解来分享一些心得。 demo地址会在文章末尾给出（d...

万丈高楼平地起，功能再强大、逻辑再复杂的应用，也是从零搭建出来的，本文就为大家讲解如何从头开始打造一款 Electron 企业级跨平台桌面应用。...