随笔分类 - 前端
摘要：前端开发技术的发展可以分为以下几个阶段： 一. 农业时代 静态页面：最早期的Web界面，主要使用HTML和少量JavaScript。 带有简单逻辑的界面：引入了JavaScript用于基本的客户端操作。 混合编程：结合服务端技术（如CGI、ASP、JSP、PHP）实现更复杂的功能。 组件化萌芽：服务
阅读全文
摘要：后端部署人员没搞明白哈希history问题，在部署 Vue 项目时可能遇到的 404 错误问题，尤其是在使用 history 模式时。文章解释了这是因为 Vue 是单页应用（SPA），所有路由都是由前端处理的，而服务器无法识别这些路由。因此，刷新页面时会导致 404 错误。解决方案是在服务器配置中使
阅读全文
摘要：GitHub 上有许多关于低代码自助可视化的项目，前端使用 Vue 和 ECharts 的示例。以下是一些可能符合你要求的项目： DataV: 项目链接：DataV 描述：DataV 是一款基于 Vue 和 ECharts 的低代码自助可视化工具，它提供了丰富的可视化组件和拖拽式的界面设计，使用户可
阅读全文
摘要：`request.js` 在现代前端项目中通常被称为一个**HTTP请求工具**或**HTTP工具类**文件。它的主要作用是对项目中用到的HTTP请求进行统一的配置和处理。 应用示例： ``` // 查询用户列表 export function listUser(query) { return re
阅读全文
摘要：JavaScript 工具库/函数库 Lodash：Lodash 是一个 JavaScript 实用工具库，提供了许多用于数组、对象、函数等常见操作的函数。如果你正在开发一个前端应用程序并使用了支持 tree shaking 的打包工具，那么使用 lodash-es可能是一个更好的选择。 Ramda
阅读全文
摘要：一、为什么选择tailwindcss？ Tailwind CSS 是一个受欢迎的、功能丰富的CSS框架，它与传统的CSS框架（如Bootstrap）有些不同。以下是一些人们通常对于Tailwind CSS 的评价： 优点： 工具驱动的开发： Tailwind CSS 提供了一系列实用工具类，这些类可
阅读全文
摘要：[内容]尽量减少HTTP请求数 [服务器]使用CDN（Content Delivery Network） [服务器]添上Expires或者Cache-Control HTTP头 [服务器]Gzip组件 [css]把样式表放在顶部 [js]把脚本放在底部 [css]避免使用CSS表达式 [js, cs
阅读全文
摘要：之前写的关于交互的思考，原文链接 https://mp.weixin.qq.com/s/xQyjWxcARMgZfEkuAXpCGw 以下是一些延伸链接： 规范参考：https://www.zcool.com.cn/work/ZNDQyMzc3NTY=.html https://www.zcool.
阅读全文
摘要：场景： 父组件 update方法 子组件 确定按钮 getlist 刷新列表 子组件点击确定按钮，调用父组件新增接口，新增成功以后，子组件列表刷新 子组件： emit("confirmPassenger", list, (res) => { initList(); } ); 父组件： functio
阅读全文
摘要：一、说明 需求： 生产环境出bug，是app单点登录，没法调试，需要加一个vconsole，但是不影响其他用户使用，于是想到用暗门的方式 实现： 最终实现如上图，点击个人中心几个字，点击10次显示vconsole，再点击10次隐藏 二、安装 框架是vue3的，首先引入vconsole，文档：http
阅读全文
摘要：常用的两个avue文档： avue 开发文档： https://www.bookstack.cn/read/avue-2.x/3c22e1c01099c1f1.md avue开发指南：https://v3.avuejs.com/crud/crud-control.html#%E6%99%AE%E9%
阅读全文
摘要：三大框架，本质都是基于js的web应用（前端做的都是web应用包括移动）框架，他们都是帮助我们解决问题的工具，具体用哪个，要结合具体场景。 这三者中，Angular的适用领域相对窄一些，React可以拓展到服务端，移动端Native部分，而Vue因为比较轻量，还能用于业务场景非常轻的页面中。 在We
阅读全文
摘要：一、HTTP/1.x Http1.x 缺陷：线程阻塞，在同一时间，同一域名的请求有一定数量限制，超过限制数目的请求会被阻塞 http1.0 缺陷：浏览器与服务器只保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接（TCP连接的新建成本很高，因为需要客户端和服务器三次握手），服务器完成请
阅读全文
摘要：什么是 Vite 借用作者的原话： Vite，一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时不仅有 Vue 文件支持，还搞定了热更新，而且热更新的速度不会随着模块增多而变慢。针对生产环境则
阅读全文
摘要：之前在网上看到徐大佬更新的一篇文章： 用 TypeScript 类型运算实现一个中国象棋程序 在线预览地址：https://tsplay.dev/Nd4n0N 把鼠标放在最后几行的走棋结果上，惊喜的一幕出现了，有点发现新大陆的感觉，哇，炫酷。 后面就很好奇，是如何实现的呢？ 我们先看大佬说的第一句话
阅读全文
摘要：本文干货满满，介绍了用BFF层（Back-end For Front-end）中间层提升性能的整体解决方案和思路，涉及前期技术调研，聚合业务分析，聚合方法，验收，最后向同学们普及node、koa基础知识，以及如何通过中间层做优化等一系列的内容，形成 发起问题——解决问题——复盘学习推广 的完整闭环。
阅读全文
摘要：目前有个需求如下： 这是一个form表单，复杂的地方在于需要前端维护内容数据的上移，下移，置顶、置底、移除 目前，拿到这个需求，接口文档，什么东西都没有，前端如何做设计？ 设计文档目录如下： 设计思路 数据模型操作demo 思路：前端维护一个实例对象，操作这个对象。数据结构如下， <TS>{name
阅读全文
摘要：以前写业务，评审完，感觉需求理解得差不多就开撸，不怎么会做详细设计。 大部分情况还好，遇到复杂交互，就歇菜了，组件写着写着，接口变动，得配合后端魔改，强行写一些逻辑，导致代码耦合严重。 如果遇到开发工时较少的，那真的就是能跑就行，可维护性，可扩展，代码质量根本顾不上了。 为什么系统到后来改不动了，出
阅读全文
摘要：大前端前提下，开发采用前后端分离的方式，前端和后端主要通过接口进行分离， 后端开发接口，前端使用接口，前后端接口开发告一段落以后，接口联调差不多就进入开发尾声，准备送测了。 那么，对接口的约束和规范就尤为重要，以下文档是我负责参与技术委员会， 基于restful架构制定的web接口规范。具体内容如下
阅读全文
浙公网安备 33010602011771号