JavaScript 的新数组分组方法
对数组中的项目进行分组，你可能已经做过很多次了。每次都会手动编写一个分组函数，或者使用 lodash 的 groupBy 函数。好消息是，JavaScript 现在有了分组方法，所以你再也不必这样...
2024-02-22
零基础入门Vue之画龙点睛——再探监测数据
追忆上一节：零基础入门Vue之影分身之术——列表渲染&渲染原理浅析虽然我深知，大佬告诉我”先学应用层在了解底层，以应用层去理解底层“，但Vue的数据如何检...
2024-02-07
从零搭建Vue3 + Typescript + Pinia + Vite + Tailwind CSS + Element Plus开发脚手架
项目代码以上传至码云，项目地址：https://gitee.com/breezefaith/vue-ts-scaffold 目录 前言 脚手架技术栈简介 vue3 TypeScript Pinia Tailwind CSS Element Plus vite...
2024-02-02
uni-app+vue3会遇到哪些问题
已经用 uni-app+vue3+ts 开发了一段时间，记录一下日常遇见的问题和解决办法uni-app 中的单端代码uni-app 是支持多端，如果你想让你的代码，只在部分平台使用，那么就需要用的它的...
2024-02-02
VUE3子表格嵌套分页查询互相干扰的问题解决
VUE3在表格中嵌套子表格
子表格的分页查询互相干扰的问题解决简单嵌套如果不需要做子表格的分页查询，那么可以直接在主表格中嵌套子表格，有两种方式；一种是主表格加载的同时加...
2024-01-30
NextJs 与 Tailwind 入门开发笔记
前言距离上次更新已经过去好久了，之前我在 StarBlog 博客2023年底更新一览的文章里说要使用 Next.js 来重构博客前端，最近也确实用 next.js 做了两个小项目，一个是单点认证项目...
2024-01-28
JS的垃圾回收机制
垃圾回收是计算机编程中的一个术语，用来描述查找和删除那些不再被其他对象引用的对象的处理过程。换句话说，垃圾回收是删除任何其他对象未使用的对象的过程。如果没有垃圾回收...
2024-01-28
Gin 框架之jwt 介绍与基本使用
目录 一.JWT 介绍 二.JWT认证与session认证的区别 2.1 基于session认证流程图 2.2 基于jwt认证流程图 三. JWT 的构成 3.1 header : 头部 3.2 payload : 负载 3....
2024-01-28
详细介绍 TypeScript 函数的各种特性、用法和最佳实践
TypeScript 是一种在 JavaScript 基础上构建的编程语言，它为 JavaScript 提供了静态类型检查和更强大的面向对象编程能力。函数作为编程语言中的基本构建块，在 TypeScript 中...
2024-01-24
根据select的data-*属性更改图片img的src链接JQ实例
直接上实例代码：<img id="brandIcon" src="" /> <script language="JavaScript" type="text/javascript" > function setBeerIcon() { var classimg = $("#beer").fi...
2024-01-24
lottie 动画在 vue 中的使用
前言最近我所负责的项目中，我采用了动画效果，并开始使用 gif 来实现。然而，在实践过程中，我发现 gif 格式的动画在 git 中出现了明显的锯齿感，这让我非常困扰。为了追求更完美的...
2024-01-24
vue3+ts打开echarts的正确方式
准备工作1. 注册为百度地图开发者官网地址，然后在 应用管理 -> 我的应用 里，创建应用，创建好后复制 AK
2. 在根目录的 index.html 里引入百度地图<head> <meta charset="UTF-8...
2024-01-24
React 类组件转换为函数式
函数式的 React 组件更加现代，并支持有用的 hooks，现在流行把旧式的类组件转换为函数式组件。这篇文章总结了转换的一些通用的步骤和陷阱。通用替换定义从class (\w+) extends...
2024-01-24
vue 2实战系列 —— 复习Vue
复习Vue近期需要接手 vue 2的项目，许久未写，语法有些陌生。本篇将较全面复习 vue 2。Tip: 项目是基于 ant-design-vue-proant-design-vue-pro由于 cms 是基于这个项目开发的，所...
2024-01-24
node node-sass sass-loader版本兼容问题
相关概念sassSass是一种预处理器脚本语言，可以解释或编译成层叠样式表（CSS）。Sass包含两种语法：较旧的语法使用缩进将代码块和换行符分隔为单独的规则；较新的语法SCSS使用像CSS这...
2024-01-24
Next.js 开发指南 初始篇 | Next.js CLI
前言欢迎学习 Next.js！在学习具体的知识点之前，我们先来创建一个 Next.js 项目。创建了可运行的项目，才能在学习的时候边调试边理解，从而达到事半功倍的效果。幸运的是，Next.js...
2024-01-24
扩展 jQurey.i18n.properties 的能力来向 vue-i18n 靠齐
jQuery.i18n.properties 是 jQuery 老项目的国际化框架，其实国际化方案本质上都大同小异，都是需要用翻译函数包裹词条，然后根据词条文件来进行翻译就是使用上与其他框架不太一...
2024-01-24
vue模板的首次渲染，和重新渲染，有哪些区别？
搞明白这个，能帮助我们理解开发中出现的很多问题。一、我们先来回顾一下vue模板的渲染过程：（1）执行render函数，生成虚拟DOM。render函数是根据render、templete、el这三个选项得...
2024-01-24
直接在*.vue文件（SFC）中使用JSX/TSX渲染函数，真香!
前言在日常开发中vue的模版语法在大多数情况都能够满足我们的需求，但是在一些复杂的业务场景中使用模版语法就有些麻烦了。这个时候灵活的JSX/TSX渲染函数就能派上用场了，大多...
2024-01-24
Diff算法原理
专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核推荐
欢迎各位ITer关注点赞收藏Vue2 Diff算法可以参考此篇文章【Vue2.x源码系列08】Diff算法原理前后...
2024-01-24
你不知道的vue3：使用runWithContext实现在非 setup 期间使用inject
前言日常开发时有些特殊的场景需要在非 setup 期间调用inject函数，比如app中使用provide注入的配置信息需要在发送http请求时带上传给后端。对此我们希望不在每个发起请求的...
2024-01-24
JavaScript到底应不应该加分号？JavaScript自动插入分号规则详解
JavaScript 提供了 automatic semicolon insertion (ASI)自动插入分号规则，在不加分号的情况下，会自动补充分号来分隔不同语句。导致在继左大括号换行、tab 和 space 圣战后，前...
2024-01-24
Vue3 Diff算法之最长递增子序列，学不会来砍我
专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核推荐
欢迎各位ITer关注点赞收藏Vue2 Diff算法可以参考【Vue2.x源码系列08】Diff算法原理Vue3 Diff算...
2024-01-24
JavaScript 如何实现滚动到页面底部自动加载的无限滚动效果？
JavaScript 如何实现滚动到页面底部自动加载的无限滚动效果？无限滚动效果是现代网页开发中常见的功能之一，它可以在滚动到页面底部时自动加载更多内容，使得用户可以无需手动点...
2024-01-24
HTML、CSS和jQuery：制作一个自动滚动的公告栏
HTML、CSS和jQuery：制作一个自动滚动的公告栏在现代网页设计中，公告栏常常被用来重要的信息传达和引起用户注意。一个自动滚动的公告栏在网页上受到了广泛的应用，它能够让公告...
2024-01-24
如何使用HTML、CSS和jQuery创建一个带有筛选和排序功能的产品列表
如何使用HTML、CSS和jQuery创建一个带有筛选和排序功能的产品列表在现代的网页设计中，一个常见的功能要求是带有筛选和排序功能的产品列表。这个功能可以让用户根据自己的需...
2024-01-24
如何利用Layui实现可拖拽的树形菜单功能
如何利用Layui实现可拖拽的树形菜单功能概述：
Layui是一款简单易用的前端框架，提供了丰富的组件和插件，方便开发者快速构建页面。本文将介绍如何利用Layui实现一个可拖拽的树形...
2024-01-24
如何使用Layui开发一个支持在线预约和出诊管理的医疗服务平台
概述：
随着互联网的发展，越来越多的医疗服务开始向线上迁移。为了方便患者进行在线预约和医生进行出诊管理，我们可以使用Layui这一前端框架进行开发。本文将介绍如何使用Layui...
2024-01-24
HTML、CSS和jQuery：实现图片剪裁特效的技巧
引言：
在现代网页设计中，实现与图片相关的特效是非常常见的需求。其中，图片剪裁特效是一种非常吸引人的效果，可以为网页增加一些动感和视觉效果。本文将介绍使用HTML、CSS和jQue...
2024-01-24
JavaScript数据类型的转换
一、字符串类型的转换1、自动转换<script> var str = 'hello'; var num = 100; console.log(str+num); console.log(typeof (str+num));</...
2024-01-24
JavaScript 数组Array存储方式及对象Object
一、数组的存储1、当声明一个变量时，var a = 111; 在后台计算机翻译时，var声明 a变量 所以此时会产生一个栈内存，变量 a 的初始值为undefined，然后 = 111 ； undefined消失，111的值...
2024-01-24
JavaScript的基础语法和数据类型
一、什么是JavaScriptJavaScript是用于实现用户交互、动态控制文档的外观和内容,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端...
2024-01-24
js 函数如何实现策略模式与状态模式
前言有关设计模式的学习资料中，大部分都是以 java 语言实现的，毕竟 java 作为老牌面向对象的语言最能说明设计模式的核心概念，所以 js 的相关设计模式的学习资料也大多使用 cla...
2024-01-24
JavaScript 浮点数运算的精度问题
来源：https://zhuanlan.zhihu.com/p/191395766问题描述在 JavaScript 中整数和浮点数都属于 Number 数据类型，所有数字都是以 64 位浮点数形式储存，即便整数也是如此。 所以我...
2024-01-24
js有哪些内置对象
JavaScript有许多内置对象，这些对象为开发人员提供了核心的功能和基础。以下是一些主要的JavaScript内置对象： Math：提供了一组静态方法，用于进行常见的数学运算，如Math.random(...
2024-01-24
TypeScript 中常用的条件语句：`if`语句、`if-else`语句、`switch`语句和`三元运算符`
在编程中，条件语句是一种基本的控制结构，用于根据特定的条件执行不同的代码分支。条件语句允许我们根据条件的真假决定程序的执行路径，从而实现根据不同情况做出不同的响应。Ty...
2024-01-24
详细介绍 TypeScript 中常用的循环语句，包括它们的语法、用法以及一些注意事项
在编程中，循环是一种重要的控制结构，用于反复执行一段代码。TypeScript 提供了多种类型的循环语句，包括 for 循环、while 循环和 do-while 循环，可以帮助我们处理重复性的任务。...
2024-01-24
如何利用Layui实现前端表单验证功能
引言：
在前端开发中，表单的验证是必不可少的一项功能。通过对用户输入的数据进行验证，可以有效地提升用户体验和数据的准确性。Layui是一款轻量级的前端UI框架，提供了简洁易用的...
2024-01-24
HTML、CSS和jQuery：实现图片缩小特效的技巧
HTML、CSS和jQuery：实现图片缩小特效的技巧在现代网页设计中，实现一些炫酷的特效可以让网页更加吸引人。其中，图片缩小特效常常用来突出网页中的重要内容。本文将介绍如何利用H...
2024-01-24
如何使用HTML、CSS和jQuery制作一个响应式的登录注册界面
引言：
在今天的互联网时代，登录注册功能是几乎所有网站都必备的功能之一。一个好看、友好的登录注册界面不仅可以提升用户体验，还可以增加网站的专业度。本文将教你如何使用HTM...
2024-01-24
如何使用Layui开发一个支持即时通讯的团队协作应用
如何使用Layui开发一个支持即时通讯的团队协作应用随着团队协作的日益重要，构建一个高效的团队协作应用已成为许多组织的迫切需求。而即时通讯的功能在团队协作中起到了关键...
2024-01-24
JavaScript 如何实现图片滤镜效果？
JavaScript 如何实现图片滤镜效果？随着互联网技术的快速发展，网页设计已经从以往的简单静态页面转变为富有各种交互和动态效果的复杂页面。其中，图片滤镜效果是一种常见的设计...
2024-01-24
如何使用HTML、CSS和jQuery实现表单自动保存的高级功能
如何使用HTML、CSS和jQuery实现表单自动保存的高级功能在现代网页应用中，表单是非常常见的元素之一。当用户在输入表单数据时，如何能够实现自动保存的功能，不仅可以提高用户的...
2024-01-24
HTML、CSS和jQuery：构建一个漂亮的模态框
HTML、CSS和jQuery: 构建一个漂亮的模态框引言：网页中经常会使用弹出窗口或模态框来显示信息，实现交互效果。本文将介绍如何使用HTML、CSS和jQuery来构建一个漂亮的模态框，并附...
2024-01-24
如何利用Layui实现响应式的日历功能
如何利用Layui实现响应式的日历功能一、介绍
在Web开发中，日历功能是常见的需求之一。Layui是一款优秀的前端框架，它提供了丰富的UI组件，其中也包含了日历组件。本文将介绍如何...
2024-01-24
如何使用Layui开发一个支持可拖拽的在线绘图工具
如何使用Layui开发一个支持可拖拽的在线绘图工具在计算机科学领域，图形处理一直是一个重要的领域。而在线绘图工具则是许多人用来图形设计和绘制的重要工具之一。本文将介绍...
2024-01-24
uniapp中如何实现餐饮外卖和菜品推荐
uniapp中如何实现餐饮外卖和菜品推荐随着移动互联网的发展，外卖行业蓬勃发展。在这个时代，人们更加注重快捷、便利、高效的生活方式，因此餐饮外卖成为了一个热门的行业。如何利...
2024-01-24
如何使用HTML、CSS和jQuery制作一个响应式的滑动菜单
在现代网页设计中，响应式设计已经成为一种趋势。为了提升用户体验，一个关键的因素是以最佳方式呈现网页导航菜单。本文将介绍如何使用HTML、CSS和jQuery制作一个响应式的滑动...
2024-01-24
如何利用Layui实现可折叠的时间线功能
如何利用Layui实现可折叠的时间线功能时间线是网页中常见的一个功能，它可以用来展示一系列事件的发生顺序。而可折叠的时间线功能更加方便用户查看和导航事件。本文将介绍如...
2024-01-24
如何使用HTML、CSS和jQuery创建一个响应式的博客布局
如何使用HTML、CSS和jQuery创建一个响应式的博客布局在现代互联网时代，拥有一个响应式的博客布局对于网站的成功至关重要。响应式设计可以确保您的博客在不同设备上都能够良...
2024-01-24
