随笔分类 -  前端WEB

摘要:优雅使用前端枚举Enum,符合国标的那种!枚举Enum是在多种语言中都有的一种数据类型,用于表示一组特定相关的常量数据集合,如性别(男、女)、数据状态(可用、禁用)、垂直对齐(顶端、居中、底部)、星期等。特点是数据值固定,不会变,存储和显示的内容不同。然而在JavaScript中并没有枚举Enum类型,TypeScript算是有(本文中暂没用用TS的枚举)。在前端项目中还是会用到经常用到这类型数据的,本文就对枚举做一个通用封装,并进行尽量全局的总结。 阅读全文
posted @ 2024-02-26 21:55 安木夕 阅读(1406) 评论(0) 推荐(6) 编辑
摘要:前端树形Tree数据结构使用-🤸🏻‍♂️各种姿势总结前端开发中会经常用到树形结构数据,如多级菜单、商品的多级分类等。数据库的设计和存储都是扁平结构,就会用到各种Tree树结构的转换操作,本文就尝试全面总结一下。 阅读全文
posted @ 2024-02-25 10:58 安木夕 阅读(2079) 评论(0) 推荐(13) 编辑
摘要:前端设计模式:工厂模式(Factory)工厂是干什么的?工厂是生产标准规格的商品的地方,建好工厂,投入原料(参数),产出特定规格的产品。so,工厂模式就是把对象的创建 —— new() 封装起来,在工厂里实现对象的创建(商品的生产)。这样做的好处是用来解耦,解耦对象的消费(使用)和创建(实现),面向抽象编程 阅读全文
posted @ 2023-10-06 22:26 安木夕 阅读(566) 评论(2) 推荐(0) 编辑
摘要:前端设计模式:单例模式(Singleton)单例模式(Singleton Pattern),也称单体模式,就是全局(或某一作用域范围)唯一实例,大家共享、复用一个实例对象,也可减少内存开销。单例模式应该是最基础、也最常见的设计模式了。 阅读全文
posted @ 2023-09-18 11:51 安木夕 阅读(1055) 评论(0) 推荐(6) 编辑
摘要:图书商城项目练习②后端服务Node/Express/Sqlite本系列文章是为学习Vue的项目练习笔记,尽量详细记录一下一个完整项目的开发过程。面向初学者,本人也是初学者,搬砖技术还不成熟。项目在技术上前端为主,包含一些后端代码,从基础的数据库(Sqlite)、到后端服务Node.js(Express),再到Web端的Vue,包含服务端、管理后台、商城网站、小程序/App 阅读全文
posted @ 2023-06-29 16:05 安木夕 阅读(639) 评论(0) 推荐(0) 编辑
摘要:图书商城项目练习①管理后台Vue2/ElementUI本系列文章是为学习Vue的项目练习笔记,尽量详细记录一下一个完整项目的开发过程。面向初学者,本人也是初学者,搬砖技术还不成熟。项目在技术上前端为主,包含一些后端代码,从基础的数据库(Sqlite)、到后端服务Node.js(Express),再到Web端的Vue,包含服务端、管理后台、商城网站、小程序/App 阅读全文
posted @ 2023-06-29 10:03 安木夕 阅读(988) 评论(0) 推荐(1) 编辑
摘要:图书商城Vue+Element+Node项目练习(...)本系列文章是为学习Vue的项目练习笔记,尽量详细记录一下一个完整项目的开发过程。面向初学者,本人也是初学者,搬砖技术还不成熟。项目在技术上前端为主,包含一些后端代码,从基础的数据库(Sqlite)、到后端服务Node.js(Express),再到Web端的Vue,包含服务端、管理后台、商城网站、小程序/App 阅读全文
posted @ 2023-06-28 18:31 安木夕 阅读(874) 评论(4) 推荐(2) 编辑
摘要:同源和跨域的那些事-简单图文总结跨域的根本原因是浏览器的“同源策略”,得先了解什么是同源?—— 就是【协议+域名+端口号】相同,即为同源,只能向同源的服务发起AJAX请求。 阅读全文
posted @ 2023-06-21 16:55 安木夕 阅读(612) 评论(0) 推荐(3) 编辑
摘要:Vue跨域配置异常采坑:Request failed with status code 401本地用Express作为服务端,前端Vue项目配置跨域代理,调用服务端api接口始终报错“Request failed with status code 401”。原来发现是端口3000被占用了,被VSCode的一个插件占用了,修改为其他端口解决。 阅读全文
posted @ 2023-06-11 11:23 安木夕 阅读(2050) 评论(0) 推荐(0) 编辑
摘要:uniapp开发企业微信应用中的定位问题记录开发工具为HBuilderX,框架为uniapp,开发移动端的Web应用,在企业微信中使用(自建应用),在获取用户定位中遇到的问题记录。 阅读全文
posted @ 2023-05-13 23:45 安木夕 阅读(1251) 评论(0) 推荐(0) 编辑
摘要:真的只是简单了解下浏览器缓存什么是HTTP缓存,如何工作的?浏览器中HTTP资源是如何应用缓存的?真的只是简单了解一下。 阅读全文
posted @ 2023-04-25 16:48 安木夕 阅读(832) 评论(0) 推荐(8) 编辑
摘要:Git常用指令集合🔥Git常用指令集合,包括查看状态、代码基础管理、diff、远程仓库操作、分支管、标签管理、撤销变更、saash等等 阅读全文
posted @ 2023-02-23 15:40 安木夕 阅读(416) 评论(0) 推荐(1) 编辑
摘要:前端工程化筑基-Node/npm/babel/polyfill/webpack前端搬砖框架:开发 ⇨ 构建 ⇨ 部署上线 ⇨ 摸鱼。本文对前端工程中的基本组件,如Node.js,npm,babel,polyfill,webpack等框架用图形化、简洁的语言进行了简单的介绍。 阅读全文
posted @ 2022-12-27 09:03 安木夕 阅读(1179) 评论(6) 推荐(5) 编辑
摘要:注意看,她叫小美,在地址栏输入URL地址后发生了什么?注意看,这个用户叫小美,他在地址栏输入了一串URL地址,然后竟然发生了不可思议的事情!① 建立连接,② 获取数据,③ 解析渲染,④ 断开连接 阅读全文
posted @ 2022-12-21 09:33 安木夕 阅读(4988) 评论(17) 推荐(42) 编辑
摘要:HTTP协议图文简述--HTTP/HTTPS/HTTP2HTTP 是什么?HTTP —— HyperText Transfer Protocol,超文本传输协议。是当今互联网上应用最为广泛的一种网络协议,所有的 WWW(万维网) 文件都必须遵守这个标准。包括三个部分:超文本、传输、协议。 阅读全文
posted @ 2022-12-20 09:27 安木夕 阅读(821) 评论(1) 推荐(1) 编辑
摘要:JavaScript冒泡排序+Vue可视化冒泡动画冒泡排序(Bubble Sort)算是前端最简单的算法,也是最经典的排序算法了。网上JavaScript版本的冒泡排序很多,今天用Vue实现一个动态的可视化冒泡排序。 阅读全文
posted @ 2022-12-19 08:58 安木夕 阅读(1275) 评论(2) 推荐(3) 编辑
摘要:JavaScript中的防抖与节流-图文版防抖与节流目的都是避免一定时间内,大量重复的操作造成的性能损耗。因此原理也类似,都是阻止过多的事件执行,只保留一部分来执行。适用场景略有不同,也有交叉,动手练习一遍就懂了。 阅读全文
posted @ 2022-12-18 09:58 安木夕 阅读(947) 评论(0) 推荐(5) 编辑
摘要:VSCode编辑器极简使用入门VSCode(Visual Studio Code)是一款开源、跨平台、轻量级的代码编辑器,具有非常丰富的插件生态。他本身就是JavaScript + Electron ( /ɪˈlektrɒn/电子)代码开发的。 阅读全文
posted @ 2022-12-17 10:05 安木夕 阅读(1691) 评论(2) 推荐(2) 编辑
摘要:有哪常用些浏览器/内核?按照浏览器内核来看,Chromium内核的市场占有率无疑是最大的,一家独大。对于淘汰已久的IE浏览器,似乎不甘归于尘土,死不瞑目,依然为祸人间。相比全球占比率不足0.5%,IE在中国的占用率要高多了,达2%,看似好像不高。实际情况是还有不少不直接接入互联网的内网系统(如国企),并没有统计到。 阅读全文
posted @ 2022-12-16 10:23 安木夕 阅读(1090) 评论(0) 推荐(4) 编辑
摘要:vue-router路由之路-极简教程什么是前端路由?前端路由的一个大背景就是当下流行的单页应用SPA,一些主流的前端框架,如vue、react、angular都属于SPA,那什么是SPA呢?如何使用前端路由vue-router呢? 阅读全文
posted @ 2022-12-15 10:37 安木夕 阅读(865) 评论(0) 推荐(2) 编辑

点击右上角即可分享
微信分享提示