随笔分类 - 前端
web技术随笔
摘要：## 背景 最近在给业务组件库集成指令库，将各个项目中常用的指令如一键复制、元素和弹窗拖拽等封装到一起，进行统一发版维护。 业务组件库项目架构采用的是pnpm+vite+vue3+vitepress，其中vitepress主要做组件库文档站点同时展示可交互的组件。 ## 问题 开发运行时指令库dem
阅读全文
摘要：问题场景 点击导出按钮，提交请求，下载excel大文件（超过500M），该文件没有预生成在后端， 直接以文件流的形式返回给前端。 解决方案 在Vue项目中常用的方式是通过axios配置请求，读取后端返回的文件流，常用代码如下： axios({ method: 'post', url: 'api/fi
阅读全文
摘要：问题场景： 最近项目遇到一个需求，Electron应用，要在本地给客户提供一个文件上传模板，在非联网环境下，用户可通过Electron应用下载该模板，进行本地保存。 于是涉及到两个问题： -1.如何把模板文件打包到Electron应用的安装目录中 -2.Electron应用运行时，如何访问到该文件模
阅读全文
摘要：使用场景 主要抽离组件共用的代码，如各个页面中分页组件的data、methods，和ui原型中统一的confirm和alert弹窗 以及加载的进度条等 混合器： // mixin.js export const page = { data() { return { pageSize:20, curr
阅读全文
摘要：[TOC] 1.vue框架使用注意事项和经验 本文主要总结了在开发vue项目中的一些实践经验和踩过的一些坑，后续会接着更新，便于后期复盘，希望也对你有所帮助 1.1 解决Vue动态路由参数变化,页面数据不更新 问题描述： 遇到动态路由如：/page/:id 从/page/1 切换到 /page/2
阅读全文
摘要：相信你遇到过这样的场景，在浏览器网页中点击QQ图标咨询，就能唤起本机的装的qq或tim,下载百度网盘的资源的时候，点击链接浏览器会启动本地百度云进行下载。 最近因为项目需要，也要实现类似的操作，不过需求是在界面版的Linux系统上，网上大多数的教程都是Windows版的内容，Linux的讲解比较少,
阅读全文
摘要：前言 在开发的时候，有时在命令工具里面，要多开两个窗口分别启动前端项目和后端服务接口，有没有办法将整个项目一起启动呢 答案是有，前端和后端连载一起启动，适用于前端为vue或React，后端为nodejs的项目。 只需用到一个npm包concurrently模块，通过package.json配置实现。
阅读全文
摘要：在一个大项目中如何引入redux及其相关技术栈（react-redux redux-thunk redux-immutable ），已经成为react前端工程师不可或缺的技能，下面通过实现一个简单的todolist效果，来介绍相关流程 1.引入redux进行应用数据管理，安装相关依赖 yarn ad
阅读全文
摘要：最近朋友圈和微博都刷了一波杰伦的回忆杀–说好不哭，想想都9012了，在学习react如火如荼的路上，也不妨停下脚步来总结总结，朝花夕拾一下。 为了便于阐述，我们还是来段小明和禅师的故事吧。 小明在学习路上遇到了一些问题，于是有了以下对话: <1> npm 对 yarn 小明：经历了从 npm ->
阅读全文
摘要：最近遇到客户出的难题，登录和密码框不要自动代填已经保存过的密码，本以为在输入框加个 就完事，没想到这个只能屏蔽历史输入，已保存的用户信息在火狐浏览器还是如此的倔强，如图所示： 还是要回显提示，已经存过的其他账号，网上溜达了一圈，还是没有一个明明白白的答案，后来经过反复调试， 发现输入框是文本和pas
阅读全文
摘要：最近在客户那里，发现一个奇葩的问题，系统上IE浏览器访问网站一片空白，显示无法访问。 但是相同的网站系统，在我们的电脑上又可以访问且IE浏览器版本相同，没法只有，装虚拟模拟客户环境复现一下了。 发现在客户的系统上确实无法访问，于是又装了一个低版本的谷歌浏览器，发现可以访问， 排查到是该IE版本+系统
阅读全文
摘要：1. PHP校验IPv4掩码是否合法，在网上搜了下，排名最高的如下， 2.对IPv6网关的常用校验
阅读全文
