说JS作用域,就不得不说说自执行函数

一个兜兜转转,从“北深”回到三线城市的小码农,热爱生活,热爱技术,在这里和大家分享一个技术人员的点点滴滴。欢迎大家关注我的微信公众号:果冻想前言不得不吐槽,学个JS...

Vue3中的Ref与Reactive:深入理解响应式编程

前言Vue 3是一个功能强大的前端框架,它引入了一些令人兴奋的新特性,其中最引人注目的是ref和reactive。这两个API是Vue 3中响应式编程的核心,本文将深入探讨它们的用法和差异。...

玩转Vue3之Composables

前言Composables 称之为可组合项,熟悉 react 的同学喜欢称之为 hooks ,由于可组合项的存在,Vue3 中的组件之间共享状态比以往任何时候都更容易。这种新范例引入了一种更有组织...

初识JavaScript逆向——以网易云音乐和招标网站为例

前言:需要掌握一定的JavaScript基础,能看懂基础的JavaScript代码。我们平常在浏览网站的时候会看到许多加密的参数,如果需要知道它的原始数据,就需要知道整个加密过程,所以本篇文...

答应我,在vue中不要滥用watch好吗?

前言上周五晚上8点,开开心心的等着产品验收完毕后就可以顺利上线。结果产品突然找到我说要加需求,并且维护这一块业务的同事已经下班走了,所以只有我来做。虽然内心一万头草泥...

Vue 3 的 setup语法糖到底是什么东西?

前言我们每天写vue3项目的时候都会使用setup语法糖,但是你有没有思考过下面几个问题。setup语法糖经过编译后是什么样子的?为什么在setup顶层定义的变量可以在template中可以...

使用jQuery实现复选框选中状态的实时更新

在Web开发中,常常会遇到需要对复选框选中状态进行实时更新的情况。通过使用jQuery,我们可以很方便地实现实时更新复选框选中状态的功能。下面将介绍如何使用jQuery来完成这个...

简明指南:使用 jQuery 改变表格行属性值的方法

标题:简明指南:使用 jQuery 改变表格行属性值的方法在网页开发过程中,经常会遇到需要动态改变表格行属性值的情况。jQuery作为一个流行的JavaScript库,可以很方便地实现这一功能...

jQuery技巧:掌握在div中添加标签的方法

标题:jQuery技巧:掌握在div中添加标签的方法在网页开发中,经常会遇到需要动态添加标签到页面中的情况。使用jQuery可以方便地操作DOM元素,实现快速的标签添加功能。本文将介绍如...

jQuery中get和post方法的区别解析

jQuery中get和post方法的区别解析在使用jQuery来进行Ajax请求时,我们经常会用到get和post方法来获取或提交数据。虽然它们都是用来发送Ajax请求的方法,但在实际应用中有着一些...

jQuery中如何实现select元素的改变事件绑定

jQuery是一个流行的JavaScript库,可以用来简化DOM操作、事件处理、动画效果等。在web开发中,经常会遇到需要对select元素进行改变事件绑定的情况。本文将介绍如何使用jQuery实...

let、var和const的区别与特点:它们分别代表什么含义?

在JavaScript中,let、var和const是用于声明变量的关键字。它们各自具有不同的区别和特点。 let:
let关键字是ES6引入的,它允许我们声明一个块级作用域的变量。块级作用域是指变...

JavaScript 的新数组分组方法

对数组中的项目进行分组,你可能已经做过很多次了。每次都会手动编写一个分组函数,或者使用 lodash 的 groupBy 函数。好消息是,JavaScript 现在有了分组方法,所以你再也不必这样...

零基础入门Vue之画龙点睛——再探监测数据

追忆上一节:零基础入门Vue之影分身之术——列表渲染&渲染原理浅析虽然我深知,大佬告诉我”先学应用层在了解底层,以应用层去理解底层“,但Vue的数据如何检...

从零搭建Vue3 + Typescript + Pinia + Vite + Tailwind CSS + Element Plus开发脚手架

项目代码以上传至码云,项目地址:https://gitee.com/breezefaith/vue-ts-scaffold 目录 前言 脚手架技术栈简介 vue3 TypeScript Pinia Tailwind CSS Element Plus vite...

uni-app+vue3会遇到哪些问题

已经用 uni-app+vue3+ts 开发了一段时间,记录一下日常遇见的问题和解决办法uni-app 中的单端代码uni-app 是支持多端,如果你想让你的代码,只在部分平台使用,那么就需要用的它的...

VUE3子表格嵌套分页查询互相干扰的问题解决

VUE3在表格中嵌套子表格
子表格的分页查询互相干扰的问题解决简单嵌套如果不需要做子表格的分页查询,那么可以直接在主表格中嵌套子表格,有两种方式;一种是主表格加载的同时加...

NextJs 与 Tailwind 入门开发笔记

前言距离上次更新已经过去好久了,之前我在 StarBlog 博客2023年底更新一览的文章里说要使用 Next.js 来重构博客前端,最近也确实用 next.js 做了两个小项目,一个是单点认证项目...

JS的垃圾回收机制

垃圾回收是计算机编程中的一个术语,用来描述查找和删除那些不再被其他对象引用的对象的处理过程。换句话说,垃圾回收是删除任何其他对象未使用的对象的过程。如果没有垃圾回收...

Gin 框架之jwt 介绍与基本使用

目录 一.JWT 介绍 二.JWT认证与session认证的区别 2.1 基于session认证流程图 2.2 基于jwt认证流程图 三. JWT 的构成 3.1 header : 头部 3.2 payload : 负载 3....

详细介绍 TypeScript 函数的各种特性、用法和最佳实践

TypeScript 是一种在 JavaScript 基础上构建的编程语言,它为 JavaScript 提供了静态类型检查和更强大的面向对象编程能力。函数作为编程语言中的基本构建块,在 TypeScript 中...

根据select的data-*属性更改图片img的src链接JQ实例

直接上实例代码:<img id="brandIcon" src="" /> <script language="JavaScript" type="text/javascript" > function setBeerIcon() { var classimg = $("#beer").fi...

lottie 动画在 vue 中的使用

前言最近我所负责的项目中,我采用了动画效果,并开始使用 gif 来实现。然而,在实践过程中,我发现 gif 格式的动画在 git 中出现了明显的锯齿感,这让我非常困扰。为了追求更完美的...

vue3+ts打开echarts的正确方式

准备工作1. 注册为百度地图开发者官网地址,然后在 应用管理 -> 我的应用 里,创建应用,创建好后复制 AK
2. 在根目录的 index.html 里引入百度地图<head> <meta charset="UTF-8...

React 类组件转换为函数式

函数式的 React 组件更加现代,并支持有用的 hooks,现在流行把旧式的类组件转换为函数式组件。这篇文章总结了转换的一些通用的步骤和陷阱。通用替换定义从class (\w+) extends...

vue 2实战系列 —— 复习Vue

复习Vue近期需要接手 vue 2的项目,许久未写,语法有些陌生。本篇将较全面复习 vue 2。Tip: 项目是基于 ant-design-vue-proant-design-vue-pro由于 cms 是基于这个项目开发的,所...

node node-sass sass-loader版本兼容问题

相关概念sassSass是一种预处理器脚本语言,可以解释或编译成层叠样式表(CSS)。Sass包含两种语法:较旧的语法使用缩进将代码块和换行符分隔为单独的规则;较新的语法SCSS使用像CSS这...

Next.js 开发指南 初始篇 | Next.js CLI

前言欢迎学习 Next.js!在学习具体的知识点之前,我们先来创建一个 Next.js 项目。创建了可运行的项目,才能在学习的时候边调试边理解,从而达到事半功倍的效果。幸运的是,Next.js...

扩展 jQurey.i18n.properties 的能力来向 vue-i18n 靠齐

jQuery.i18n.properties 是 jQuery 老项目的国际化框架,其实国际化方案本质上都大同小异,都是需要用翻译函数包裹词条,然后根据词条文件来进行翻译就是使用上与其他框架不太一...

vue模板的首次渲染,和重新渲染,有哪些区别?

搞明白这个,能帮助我们理解开发中出现的很多问题。一、我们先来回顾一下vue模板的渲染过程:(1)执行render函数,生成虚拟DOM。render函数是根据render、templete、el这三个选项得...

直接在*.vue文件(SFC)中使用JSX/TSX渲染函数,真香!

前言在日常开发中vue的模版语法在大多数情况都能够满足我们的需求,但是在一些复杂的业务场景中使用模版语法就有些麻烦了。这个时候灵活的JSX/TSX渲染函数就能派上用场了,大多...

Diff算法原理

专栏分享:vue2源码专栏,vue3源码专栏,vue router源码专栏,玩具项目专栏,硬核推荐
欢迎各位ITer关注点赞收藏Vue2 Diff算法可以参考此篇文章【Vue2.x源码系列08】Diff算法原理前后...

你不知道的vue3:使用runWithContext实现在非 setup 期间使用inject

前言日常开发时有些特殊的场景需要在非 setup 期间调用inject函数,比如app中使用provide注入的配置信息需要在发送http请求时带上传给后端。对此我们希望不在每个发起请求的...

JavaScript到底应不应该加分号?JavaScript自动插入分号规则详解

JavaScript 提供了 automatic semicolon insertion (ASI)自动插入分号规则,在不加分号的情况下,会自动补充分号来分隔不同语句。导致在继左大括号换行、tab 和 space 圣战后,前...

Vue3 Diff算法之最长递增子序列,学不会来砍我

专栏分享:vue2源码专栏,vue3源码专栏,vue router源码专栏,玩具项目专栏,硬核推荐
欢迎各位ITer关注点赞收藏Vue2 Diff算法可以参考【Vue2.x源码系列08】Diff算法原理Vue3 Diff算...

JavaScript 如何实现滚动到页面底部自动加载的无限滚动效果?

JavaScript 如何实现滚动到页面底部自动加载的无限滚动效果?无限滚动效果是现代网页开发中常见的功能之一,它可以在滚动到页面底部时自动加载更多内容,使得用户可以无需手动点...

HTML、CSS和jQuery:制作一个自动滚动的公告栏

HTML、CSS和jQuery:制作一个自动滚动的公告栏在现代网页设计中,公告栏常常被用来重要的信息传达和引起用户注意。一个自动滚动的公告栏在网页上受到了广泛的应用,它能够让公告...

如何使用HTML、CSS和jQuery创建一个带有筛选和排序功能的产品列表

如何使用HTML、CSS和jQuery创建一个带有筛选和排序功能的产品列表在现代的网页设计中,一个常见的功能要求是带有筛选和排序功能的产品列表。这个功能可以让用户根据自己的需...

如何利用Layui实现可拖拽的树形菜单功能

如何利用Layui实现可拖拽的树形菜单功能概述:
Layui是一款简单易用的前端框架,提供了丰富的组件和插件,方便开发者快速构建页面。本文将介绍如何利用Layui实现一个可拖拽的树形...

如何使用Layui开发一个支持在线预约和出诊管理的医疗服务平台

概述:
随着互联网的发展,越来越多的医疗服务开始向线上迁移。为了方便患者进行在线预约和医生进行出诊管理,我们可以使用Layui这一前端框架进行开发。本文将介绍如何使用Layui...

HTML、CSS和jQuery:实现图片剪裁特效的技巧

引言:
在现代网页设计中,实现与图片相关的特效是非常常见的需求。其中,图片剪裁特效是一种非常吸引人的效果,可以为网页增加一些动感和视觉效果。本文将介绍使用HTML、CSS和jQue...

JavaScript数据类型的转换

一、字符串类型的转换1、自动转换<script> var str = &#39;hello&#39;; var num = 100; console.log(str+num); console.log(typeof (str+num));</...

JavaScript 数组Array存储方式及对象Object

一、数组的存储1、当声明一个变量时,var a = 111; 在后台计算机翻译时,var声明 a变量 所以此时会产生一个栈内存,变量 a 的初始值为undefined,然后 = 111 ; undefined消失,111的值...

JavaScript的基础语法和数据类型

一、什么是JavaScriptJavaScript是用于实现用户交互、动态控制文档的外观和内容,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端...

js 函数如何实现策略模式与状态模式

前言有关设计模式的学习资料中,大部分都是以 java 语言实现的,毕竟 java 作为老牌面向对象的语言最能说明设计模式的核心概念,所以 js 的相关设计模式的学习资料也大多使用 cla...

JavaScript 浮点数运算的精度问题

来源:https://zhuanlan.zhihu.com/p/191395766问题描述在 JavaScript 中整数和浮点数都属于 Number 数据类型,所有数字都是以 64 位浮点数形式储存,即便整数也是如此。 所以我...

js有哪些内置对象

JavaScript有许多内置对象,这些对象为开发人员提供了核心的功能和基础。以下是一些主要的JavaScript内置对象: Math:提供了一组静态方法,用于进行常见的数学运算,如Math.random(...

TypeScript 中常用的条件语句:`if`语句、`if-else`语句、`switch`语句和`三元运算符`

在编程中,条件语句是一种基本的控制结构,用于根据特定的条件执行不同的代码分支。条件语句允许我们根据条件的真假决定程序的执行路径,从而实现根据不同情况做出不同的响应。Ty...

详细介绍 TypeScript 中常用的循环语句,包括它们的语法、用法以及一些注意事项

在编程中,循环是一种重要的控制结构,用于反复执行一段代码。TypeScript 提供了多种类型的循环语句,包括 for 循环、while 循环和 do-while 循环,可以帮助我们处理重复性的任务。...

如何利用Layui实现前端表单验证功能

引言:
在前端开发中,表单的验证是必不可少的一项功能。通过对用户输入的数据进行验证,可以有效地提升用户体验和数据的准确性。Layui是一款轻量级的前端UI框架,提供了简洁易用的...

返回顶部
顶部