×

关键词搜索结果:

前端开发:使用React和Tailwind CSS构建网站

本教程展示了如何使用React和TailwindCSS创建产品网站。我们将介绍如何使用创建React应用程序配置覆盖(CRACO)使用TailwindCSS设置React ;Tailwind的CSS实用程序类和变体以及如何使用它们;如何轻松使网站暗模式兼容;什...

前端开发:JavaScript实现随机抽奖小应用

前端开发:JavaScript实现随机抽奖小应用。比如您的公司年终会举行年会,弄个幸运同事,几等奖啥的,可以拿来试试。废话不多说,直接上DEMO咯。<!DOCTYPE html><html lang="en"><hea...

前端开发:js表单操作-简单计算器

分享一个前端开发的小应用:js表单操作-简单计算器。之前也分享过类似的计算器的应用。大家也可以看下:用javascript制作一个简单的计算器功能用JS来模拟下计算器DEMO功能用原生JS模拟做一个简单计算器的功能还有很多,大家可以点击链接查看:计算器。今天继续分享一种,试试。先看下图:废话不说,上...

前端开发TIP:如何在JavaScript中循环遍历JSON响应

从远程服务器获取数据时,服务器的响应通常为JSON格式。在此快速提示中,我将演示如何使用JavaScript解析服务器的响应,以便访问所需的数据。该过程通常包括两个步骤:将数据解码为本机结构(例如数组或对象),然后使用JavaScript的一种内置方法遍历该数据结构。在本文中,我将使用大量可运行的示...

前端开发:解析TypeError: invalid 'instanceof' operand 'x' 报错应用

我们在前端开发过程中,会遇到TypeError:invalid'instanceof'operand'x'这样的报错。我们查看console的信息,如下:TypeError: invalid 'instanceof'&nb...

Vue前端开发:实现圆环进度条

Vue前端开发:实现圆环进度条。数据展示,一直是各行各业乐此不疲的需求,具体到前端开发行业,则是各种各种图表数据展示,各种表格数据展示,烦不胜烦(繁不胜繁)!前几天刚做了折线图、柱状图、饼状图之类的图表数据展示效果,今天又碰到了类似圆环进度条的展示效果。天天跟数据打交道,天天跟接口打交道,项目做了不...

Web前端开发:无服务器功能及其部署指南

在过去的几年中,无服务器功能(有时也称为“无服务器”或“无服务器计算”)已成为一种流行的技术。但是,这个词仍然有很多困惑。没有服务器如何运行代码?该技术的优缺点是什么?您可能在什么情况下使用它?在本文中,我希望回答这些问题,并为您提供有关该技术的良好概述。什么是无服务器功能?第一次听到“无服务器”一...

前端开发TIPS:Js中new操作符

前端开发TIPS:Js中new操作符。众所周知,在JS中,new的作用是通过构造函数来创建一个实例对象。像下面这样:(和普通函数不一样,当函数用作构造函数时,首字母一般要大写,以作区分。)function Foo(name) {  this.name&nb...

前端开发TIPS:类选择器和name属性选择器

分享下前端开发TIPS:类选择器和name属性选择器。类选择器:function getElementsByClass(className) {   var classArr = [];  &...

前端开发TIPS:筛选数组

分享一个前端开发TIPS:筛选数组。废话不多说,上代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8&q...

前端开发:JavaScript中reduce()的小应用

前端开发:JavaScript中reduce()的小应用。reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这个问题,之前我也想过,要说原因还真找不到,唯一能找到的是:通往成功的道路有很多,但是总有一条路是最捷径的,亦或许reduce...

前端开发小应用:简单的倒计时功能

前端开发小应用:简单的倒计时功能。<!DOCTYPE html><html lang="en"> <head>  <meta charset="UTF-...

前端开发:介绍js中实现换行的几种方法

早上学点知识,介绍js中实现换行的几种方法,一起来了解下吧。js中实现换行的方法:方法1:使用换行符1、\n换行符在JavaScript中我们可以直接在要换行的地方使用\n进行换行:alert("第一行\n第二行");2、\r换行符alert("第一行\r第二行&quo...

Web前端开发Tips:实现一个简单的留言本功能

一年到头了,终于放假了,外面下暴雨,出不了门,学点东西吧。今天分享个Web前端开发小应用:实现一个简单的留言本功能。先看看效果图如下:DEMO代码如下:<!DOCTYPEhtml><htmlla...

前端开发TIPS:json对象和string对象转换

前端开发TIPS:json对象和string对象转换。看一段JSON代码:var json = {aa:true,bb:true}; var json1 = {aa:'b',bb:{cc:true,dd:tru...

前端开发库:教你Laravel Livewire入门

作为开发人员,我们一直在寻找使我们的生活更轻松的工具,库和框架。对于Laravel开发人员而言,这没什么不同。这就是为什么我们喜欢这个框架的原因,因为一切对我们来说都很容易-使我们能够专注于构建出色的应用程序,而不会为如何实现实现而烦恼。在本教程中,我们将研究另一个工具,该工具可以使您成为Larav...

前端开发:简单谈谈JavaScript执行模型

前端开发:简单谈谈JavaScript执行模型。JavaScript是一个单线程(Single-threaded)异步(Asynchronous)非阻塞(Non-blocking)并发(Concurrent)语言,这些语言效果通过一个调用栈(CallStack)、一个事件循环(EventLo...

前端开发TIPS:websocket封装的应用

分享一个前端开发TIPS:websocket封装的应用。在一个应用中,websocket一般都是以单例形式存在的,即在整个应用中,websocket实例始终保持唯一。但有时我们要用到websocket实例的时候,可能websocket还没实例化,所以要做成异步的形式来获取实例。import ...

前端开发报错信息解决方案:SyntaxError: Malformed formal parameter

前端开发报错信息解决方案:SyntaxError:Malformedformalparameter。哪里错了?在至少带有两个参数的 Function() 构造器中它的最后一个参数是创建的新函数的源代码。剩下的都是新函数的参数。构造器的参数有些情况下是无效的。也许是你不小心...

前端开发学习:contentType: “application/json” 的理解和应用

前端开发学习:contentType:“application/json”的理解和应用。$.ajax({  type: httpMethod,  cache:false,  async:false, ...

前端开发TIPS:VUE实现数组应用

前端开发TIPS:VUE实现数组应用。提取name和callcount。getQueryCallStatistics("sesp1", this.provinceId).then((res) => {   &n...

前端开发tips:SyntaxError: JSON.parse: bad parsing的解决方案

前端开发tips:SyntaxError:JSON.parse:badparsing的解决方案。大家先看下错误报错列表信息,如下:SyntaxError: JSON.parse: unterminated string literalSyntaxEr...

Web前端开发:了解下微型前端架构的入门指南

现代Web开发可提供丰富的用户体验,涵盖了用户流和交互的范围。建立,维护,部署和交付这些体验需要大规模的开发团队和复杂的部署系统。Web应用程序的当前状态用于现代Web应用程序的最常见模式是单页应用程序(SPA)。SPA的核心原理是构建交付给用户的单个Web应用程序。SPA通过根据用户交互或数据更改...

前端开发TIPS:实现box绝对居中

前端开发TIPS:实现box绝对居中<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text...

前端开发每日一学:正则表达式的使用规则

前端开发每日一学:正则表达式的使用规则。许多程序设计语言都支持利用正则表达式进行字符串操作。例如,在Perl中就内建了一个功能强大的正则表达式引擎。正则表达式这个概念最初是由Unix中的工具软件(例如sed和grep)普及开的。正则表达式通常缩写成“regex”,单数有regexp、regex,复数...