Web前端之家-无忧前端交流，专注Web前端开发，了解最新前端开发动态

前端开发面试题：带你了解下vue中的diff算法以及在vue不同版本的区别

2023年05月04日

随着互联网的发展，前端技术越来越多，对于一些面试者来说也是头疼的事情，需要他们不端的扩大自己的知识库。今天我们来分享一个小知识：vue中的diff算法。入门diff算法关键字:diff算法key更高效v-for中的index作为key的问题虚拟dom给真实dom打补丁的过程v-showv...

前端开发跨域处理：聊聊vue2和vue3中处理跨域的不同方法应用

2023年04月24日

在我们开发vue项目的时候，有几个环境，这样经常会造成跨域问题，如何去解决呢？今天分享下关于vue2和vue3的处理方法。在vue2处理跨域Vue2跨域处理可以通过配置proxyTable来实现。在config/index.js中配置proxyTable，将需要跨域的接口地址映射到一个代理地址上。代...

Web前端开发：如何在 JavaScript 中将数字转换为字符串

2022年09月02日

JavaScript非常灵活，并提供了许多不同的方法来在数据类型之间进行转换。在这个简短的教程中，我们将了解如何在JavaScript中将数字转换为字符串。您可能希望这样做是为了使数字数据对用户更具可读性——例如，将数字显示为句子的一部分。本教程探讨了四种在JavaScript中将数字转换...

前端开发TIPS：模拟如何实现重载以及默认参数

2022年05月12日

前端开发TIPS：模拟如何实现重载以及默认参数。模拟实现重载以及默认参数众所周知，js是函数不支持重载和默认参数的，但是我们可以使用一些其他方法来模拟这个方法的实现。首先看一下重载的定义：函数名相同,函数的参数列表不同(包括参数个数和参数类型)，至于返回类型可同可不同。以及默认参数的定义：默认参数指...

解决前端开发报错（SyntaxError: missing : after property id）的问题

2022年04月29日

在前端开发项目中，运行的时候发现报错：SyntaxError:missing:afterpropertyid。也挺恼火的，找了半天没发现问题所在。后面经过大神知道发现问题所在。分享下给大家！哪里出错了？当使用对象初始化语法创建对象的时候，需要使用半角冒号 (:)将属性键与属性值...

前端开发收藏：常用的JS表单验证

2022年04月11日

前端开发收藏：常用的JS表单验证。长度限制<p>1. 长度限制</p><form name=a onsubmit="return test()"> <textarea&...

Form前端开发：继续深入form 标签与FormData 的应用

2022年04月07日

上篇文章，我们分享了“前端开发：一起了解下HTML表单（form）中form-data的玩法”。今天继续以 <form> 这个标签为主题，探讨浏览器如何处理这个HTML标签，以及身为开发者的我们应该注意哪些事情。具体来说，这篇文章会包含下列几个有关于表单应用的部分：...

前端开发：一起了解下HTML表单（form）中form-data的玩法

2022年04月06日

今天我们来聊下关于HTML表单（form）中form-data的玩法。众所周知，处理表单应用，是一个很常用的功能，其实有很多插件可以使用，您也可以不用插件去处理，比如上篇文章，我们就分享过，如下：前端开发：收藏表单验证JS验证的应用【非插件】。但是我们今天不是讨论是否采用插件的话题，而是另一个主题：...

前端开发：收藏表单验证JS验证的应用【非插件】

2022年04月02日

今天分享一个前端开发的应用：收藏表单验证JS验证，不用插件去实现哦。我们一起来了解下吧！应用说明所用到的三个事件：onfocus（焦点聚焦事件）、onblur（焦点离开事件）、onkeyup（按键抬起的事件）。利用事件触发函数，函数中执行校验的信息。利用checkform判断表单中的内容是否规范，如...

前端开发es6应用：匹配两个数组对象的方法

2022年03月29日

前端开发es6应用：匹配两个数组对象的方法。判断两个数组用的value是否相等 this.list = [ {...

前端开发TIPS：JS原始值和引用值问题

2022年02月25日

前端开发TIPS：JS原始值和引用值问题。原始值->基本类型NumberStringBooleanundefinednull存储在栈（stack）中的简单数据段，也就是说，它们的值直接存储在变量访问的位置动态语言->脚本语言->解释型语言->弱类型语言静态语言->...

看到“游戏开发大神毛星云离世”的消息后，作为Web前端开发或后台程序员的我们需要思考些什么？

2021年12月14日

写此篇文章的时候，心里有些难受，我们今天不谈技术，只谈一些工作之外的一些事情。今天下午还在不停码代码的时候，突然在百度热搜里看到一则消息：游戏开发大神毛星云离世。看到这里，震惊啊，平时我也会经常去看他的文章，写得非常精妙。如果你去百度百科，可以了解到，毛星云在游戏开发圈内颇有影响力，除了发布过众多高...

前端开发：分享js创建对象的基本应用

2021年11月19日

javascript是一种“基于prototype的面向对象语言“，与java有非常大的区别，无法通过类来创建对象。那么，既然是面象对象的，如何来创建对象呢？接下来我们一起讨论下js创建对象的几种方式和对象方法。GOOOO!工厂模式：工厂是函数的意思。工厂模式核心是定义一个返回全新对象的函数。fun...

前端开发数组操作：实例分析find，some，filter，reduce应用以及区别

2021年11月09日

上篇文章我们聊到过关于filter过滤器的使用，大家可以去看下这篇文章：前端开发数组过滤器：filter()的使用笔记今天我们继续学习下javascript中关于数组的应用方法：find，some，filter，reduce的区别和用法。区分清楚Array中filter、find、some、redu...

前端开发数组过滤器：filter()的使用笔记

2021年11月09日

前端开发数组过滤器：filter()的使用笔记。filter()方法会创建一个新数组，数组中的数据是经过指定数据中过滤出来的符合条件的数据filter()的两大特点1.filter()不会对空数组进行检测2.filter()不会改变原数组filter()方法的用法：array.filter...

前端开发每日一学：总结下数组常用方法

2021年09月22日

前端开发每日一学：总结下数组常用方法。数组元素增添和删除操作数组头部unshift(value)变异方法数组头部插入一个元素shift()变异方法移出数组头部的第一个元素操作数组尾部push(value) 变异方法向数组尾部压入一个元素pop()&nbs...

前端开发：可枚举属性和可迭代对象

2021年08月23日

今天来记录下前端开发中关于Javascript数据遍历循环的两个属性：可枚举属性和可迭代对象。可枚举的属性可枚举对象的一个定义特征是，当我们通过赋值运算符将属性赋值给对象时，我们将内部可枚举标志（enumerable）设置为true。这是默认值。但是，我们可以通过将其设置为false来更改此行...

Vue前端开发：如何实现多语言的功能【vue-i18】

2021年08月05日

随着业务不断增长，大大小小的公司都会尝试去拓展市场，尤其是国外，所以产品本身需要增强功能，例如：增加一个国外版的前后台网站等等。今天我们分析下如何在vue框架里，实现多语言的功能，我们熟悉的就是vue-i18插件，一起来学下如何去构建这个工程吧。总的来说，一个Web应用中，需要做多语言切换的内容常见...

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

2021年07月14日

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

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

2021年06月21日

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

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

2021年06月08日

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

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

2021年04月21日

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

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

2021年04月21日

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

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

2021年03月25日

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

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

2021年03月24日

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

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

2021年03月23日

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

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

2021年03月22日

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

前端开发TIPS：筛选数组

2021年03月19日

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

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

2021年03月09日

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

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

2021年02月23日

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

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

2021年02月20日

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

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

2021年02月10日

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

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

2021年02月04日

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

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

2021年01月22日

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

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

2021年01月11日

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

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

2021年01月08日

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

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

2020年12月29日

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

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

2020年12月28日

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

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

2020年12月27日

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

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

2020年12月25日

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

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

2020年12月25日

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

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

2020年12月24日

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

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

2020年12月01日

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

前端开发：用原生JS实现一个日历的效果

2020年11月30日

闲的没事干，玩玩一个日历效果，用原生JS去实现，废话不多说，上“菜”。我们先看下效果：这是一个很简单的效果，大家如果想用到项目中的话，可以自己再美化下。<!DOCTYPE html><html lang="en"><hea...

聊聊前端开发中Vue.js组件间的循环引用方法

2020年11月27日

聊聊前端开发中Vue.js组件间的循环引用方法。组件是可以在它们自己的模板中调用自身的。不过它们只能通过name选项来做这件事：什么是组件：众所周知组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功...

前端开发tips：VUE中setTimeout和setInterval

2020年11月10日

前端开发tips：VUE中setTimeout和setInterval。在Vue的大型单页应用中，在某个路由下，经常会出现需要延迟执行（setTimeout)或者间隔之心（setInterval）的函数，但是每次在页面destroy之前，都必须手动清理掉。正常代码如下：beforeDestroy()...

分享前端开发表单选项：select应用

2020年11月06日

分享前端开发表单选项：select应用，直接上DEMO演示，大家预览看下效果吧。<!DOCTYPE html><html lang="en"><head> <m...

前端开发调试：分享console.log()的应用

2020年11月05日

分享下前端开发调试应用：console.log()。对于JavaScript程序的调试，相比于alert()，使用console.log()是一种更好的方式，原因在于：alert()函数会阻断JavaScript程序的执行，从而造成副作用。一、什么是console.log()？除了一些很老版本的浏览...

前端开发：8个实用的JavaScript应用代码

2020年11月04日

分享下前端开发TIPS：8个实用的JavaScript应用代码，拿走不谢。每种编程语言都有其独特的技巧。他们中的许多人是开发人员所熟知的，但是其中一些却有些骇人听闻。在本文中，我将向您展示一些我认为有用的技巧。我在实践中使用过的其中一些是解决旧问题的新方法。请享用！1.确保数组值是否曾经在需要重新创...

快捷导航

HTML

Javascript

前端工具

前端教程

前端API文档

2023年05月04日

作者:Terry | 分类:VueJs | 浏览:371 | 评论:0

2023年04月24日

作者:Terry | 分类:Vue3 | 浏览:608 | 评论:0

2022年11月22日

作者:anny | 分类:移动开发 | 浏览:1554 | 评论:0

2022年09月02日

作者:Terry | 分类:Javascript | 浏览:2650 | 评论:0

2022年05月12日

作者:andy001 | 分类:Js&JQuery | 浏览:2317 | 评论:0

2022年04月29日

作者:Terry | 分类:Js&JQuery | 浏览:3384 | 评论:0

2022年04月11日

作者:abc123 | 分类:JavaScript | 浏览:3780 | 评论:0

2022年04月07日

作者:Terry | 分类:Javascript | 浏览:3246 | 评论:0

2022年04月06日

作者:Terry | 分类:Javascript | 浏览:5309 | 评论:0

2022年04月02日

作者:Terry | 分类:Javascript | 浏览:2279 | 评论:0

2022年03月29日

作者:abc123 | 分类:Js&JQuery | 浏览:2463 | 评论:0

2022年02月25日

作者:andy001 | 分类:Js&JQuery | 浏览:3049 | 评论:0

2021年12月14日

作者:Terry | 分类:互联网 | 浏览:3778 | 评论:2

2021年11月19日

作者:Terry | 分类:Javascript | 浏览:2169 | 评论:0

2021年11月09日

作者:andy001 | 分类:Javascript | 浏览:3777 | 评论:0

2021年11月09日

作者:andy001 | 分类:Js&JQuery | 浏览:5752 | 评论:0

2021年09月22日

作者:Terry | 分类:Js&JQuery | 浏览:3165 | 评论:0

2021年08月23日

作者:Terry | 分类:Javascript | 浏览:10106 | 评论:0

2021年08月05日

作者:Terry | 分类:VueJs | 浏览:3396 | 评论:0

2021年07月14日

作者:Terry | 分类:开发工具 | 浏览:8526 | 评论:0

2021年06月21日

作者:Terry | 分类:Javascript | 浏览:3890 | 评论:0

2021年06月08日

作者:Terry | 分类:Javascript | 浏览:5152 | 评论:0

2021年04月21日

作者:Terry | 分类:Javascript | 浏览:4578 | 评论:0

2021年04月21日

作者:andy001 | 分类:Js&JQuery | 浏览:5564 | 评论:0

2021年03月25日

作者:andy001 | 分类:Js&JQuery | 浏览:7480 | 评论:0

2021年03月24日

作者:Terry | 分类:开发工具 | 浏览:6067 | 评论:0

2021年03月23日

作者:Terry | 分类:Js&JQuery | 浏览:4260 | 评论:0

2021年03月22日

作者:Terry | 分类:Js&JQuery | 浏览:4883 | 评论:0

2021年03月19日

作者:Terry | 分类:Js&JQuery | 浏览:4819 | 评论:0

2021年03月09日

作者:andy001 | 分类:Js&JQuery | 浏览:4724 | 评论:0

2021年02月23日

作者:Terry | 分类:Js&JQuery | 浏览:3532 | 评论:0

2021年02月20日

作者:Terry | 分类:Js&JQuery | 浏览:56996 | 评论:0

2021年02月10日

作者:Terry | 分类:Javascript | 浏览:6572 | 评论:1

2021年02月04日

作者:andy001 | 分类:Js&JQuery | 浏览:4440 | 评论:0

2021年01月22日

作者:Terry | 分类:Javascript | 浏览:9794 | 评论:0

2021年01月11日

作者:andy001 | 分类:Js&JQuery | 浏览:3922 | 评论:0