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

Web前端之家给大家分享下 YouTube SEO 的高级技巧

2023年02月26日

在视频方面，YouTube仍然是王者，尽管Facebook视频正在迎头赶上。但是，当用户在搜索某些内容时，他们仍然会求助于世界第二大搜索引擎——YouTube。在我们的社交媒体在线聚会期间，NathanHague逐步解释了如何将您的视频呈现在目标受众的眼前，现在我想与您分享他最...

一行代码实现“Web前端之家”网站变灰色，缅怀一代伟人江爷爷

2022年12月05日

最近大家打开很多APP和网站，网站都变成灰色了，大家应该也知道，缅怀一代伟人江爷爷，他的思想精神永垂不朽！接下来如何做到的呢？之前我们分享过一篇文章：CSS应用：分享一些“一键使得网站变灰”的方法还没看过的就先看下吧，我们用了其中一种方法，试试，效果如下：CSS代码如下：html{ &...

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

2022年09月02日

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

Web前端之家：分享提高博客自然流量的SEO优化技巧

2022年06月22日

做网站是一件不难的事情，但是拉流量却很难，为什么呢？因为很多人不懂如何获得流量。首先，我们需要流量的来源分类，总的来说分为两种：自然流量（搜索、外链、用户收藏后输入打开的）和广告。对于一些小站长来说，我们更需要的是自然流量，也就是不花钱；所以就需要我们网站的内容要原创，并且有意义。今天Web前端之家...

Web前端之家：如何在 CSS 中优雅合理使用变量

2022年06月07日

CSS变量（官方称为自定义属性）是用户定义的值，可以在整个代码库中设置一次并多次使用。它们使管理颜色、字体、大小和动画值变得更加容易，并确保Web应用程序的一致性。例如，您可以将品牌颜色设置为CSS属性( --primarycolor:#7232FA)，并在使用品牌颜色(...

Web前端之家：一起探讨Vue Router的神奇之旅

2022年01月07日

Web前端之家今天介绍下VueRouter的基本知识，一起探讨VueRouter的神奇之旅。我们将研究如何使用VueRouter在Vue应用程序中实现路由。所以我们可以动手实践，我们将使用Vue和VueRouter构建一个简单的Pokedex应用程序。具体来说，我们将涵盖以下内容...

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

2021年12月14日

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

如何使用CSS3混合模式在图像上显示酷炫“Web前端之家”文字

2021年08月19日

关于图片上显示文字的方式，相信大家已经比较是熟悉了，有时候我们需要一些特殊的效果去提升用户体验。今天给大家分享一篇关于“图片上的文字特效”的文章。走起吧！！！！先来看张部分截图效果，我们以“Web前端之家”文字为例子咯：看到图片后，有没有感到惊叹，文字还可以这样做特效？没错，一切只需要用css图片属...

Web前端表单开发：HTML5表单和Constraint Validation完整指南

2021年08月18日

在本文中，我们将研究HTML表单字段和HTML5提供的验证选项。我们还将研究如何通过使用CSS和JavaScript来增强这些功能。什么是约束验证【ConstraintValidation】？每个表单域都有一个目的。并为此经常管辖约束【Constraint】上或理事什么应该和不应该...

Web前端之家带您全方位了解网页开发优化工具：Lighthouse

2021年07月28日

您已经建立了一个网站，但它对您的最终用户的表现如何？问这个问题很重要，但你怎么能得到答案呢？一个很好的选择是使用Lighthouse。Lighthouse允许您轻松自动地分析网页的性能和质量。它提供的工具可让您了解如何提高网页的性能、可访问性、搜...

Web前端之家推荐：提取图片中的文字工具

2021年07月03日

在前端开发项目过程中，为了提高工作效率，往往会去使用一些便捷的工具。继上次Web前端之家推荐两款工具【功能最全的CSS3渐变生成器和CSS三角形生成工具】后，受到大家欢迎。今天我们继续推荐另外一款工具：提取图片中的文字工具。概述要想提取图片中的文字，在平时的时候，我们可能需要手动去敲打，太麻烦了。我...

在国内外Web前端行业，排名前5的前端框架有哪些？

2021年04月20日

当今有大量的前端框架，每个都有不同的优点和缺点。这使您很难决定哪个人应该花时间在学习上，或者哪个才最适合您的下一个项目。在本文中，我将比较五个最流行的前端JavaScript框架。我将提供每种工具的高级概述，并检查它们的主要功能，工具，学习曲线以及其他要考虑的利弊。当然，我不能告诉你这是最好的框架，...

Web前端之家推荐：功能最全的CSS3渐变生成器

2021年04月19日

好久没弄前端工具了，上次弄前端工具还是很多个月前，估计都快遗忘了，回顾下：CSS三角形生成工具不知道大家是否用过此工具呢？今天我跟大家继续分享一款实用的前端工具：功能最全的CSS3渐变生成器。首先我们来看一张界面图：看到效果图后，相信大家就知道这个工具的大概用途了，其实就是用来根据PS里的渐变来生成...

产品经理为何要学习Web前端编码

2021年04月12日

产品经理为什么要学习编码？我们通过两人的对话方式，去了解下一位产品经理的对于”学习编码“的独特见解。您是如何学习编码的？Irma：我认为那是我上大学的最后一年。因此，我相信在2015年。2014年12月进入2015年，不知何故，我碰到了一篇文章，有人说“Check Codecademy&...

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

2021年03月24日

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

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

2021年02月10日

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

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

2020年12月25日

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

Web前端开发每日TIPS：Javascript节流和防抖函数

2020年10月26日

分享一个Web前端开发TIPS：Javascript节流和防抖函数。这个功能我们经常会用到，尤其是在面试过程中，考官一般会问的。接下来，我们一起来了解下。1.节流函数throttle// 节流方案1，每delay的时间执行一次，通过开关控制function throttle(...

Web前端开发：聊聊input输入框全角和半角应用

2020年10月15日

最近在开发一个国际业务的开户注册项目的时候，遇到关于input输入的问题，涉及到全角和半角的问题，刚开始的时候只是按照国内正常的去判断的。问题其他国家的user，输入有时候会用全角，会报错，因为接口都是半角返回的数据。是会联想到输入法的问题咯，毕竟我们不能强制让用户去换输入法吧，这是不合情理的。所以...

Web前端开发：Array数组类型详解

2020年10月14日

在ECMAScript中除了object类型之外，Array数组用的是最常用的类型。ECMAScript数组可以在每一项存储任何类型的值，无需指定数组的长度，还可以随着数据的增长来增加数组长度，这些是和其他语言的数组不同的。1.数组的创建方法数组字面量方式var arr =&nb...

Web前端基础：带您深入了解CSS中的颜色属性

2020年09月11日

现在出来的前端工程师，基本都是在用框架干活，忽视了原有的基础知识，这是不可取的，我只能说，被框架“祸害”了。所以基础知识不能丢啊，今天来谈谈很原始的话题，CSS中的颜色属性。颜色在使网页是否可用方面起着至关重要的作用。在CSS中，我们可以使用color和background属性控制元素的前景色和背景...

在Web前端开发中，如何用Javascript获取文件后缀名

2020年09月11日

在Web前端开发中，如何用Javascript获取文件后缀名呢？我们一起来了解下。在上传文件时，常常要对文件的类型即对文件的后缀名进行判断，用javascript可以很容易的做到这一点。用Javascript解析一个带绝对路径的文件名并得到后缀名的方法有很多种，这里列出一种，以供参考。对于一个带绝对...

在Web前端开发中，如何优化前端数组处理方法？

2020年09月10日

在Web前端开发中，如何优化前端数组处理方法？也许你已经遇到过讨论，我们是否应该使用Array方法（filter，map，reduce等）或循环（for，for...of，等）遍历集合。关于数组的一些方法，我们分享过文章：JS数...

Web前端开发：构造完函数，如何去调用呢？

2020年09月01日

我们在前端开发过程中，构造完函数，如何去调用呢？分享下几种方法：第一种：函数立即调用执行模式。这里面的this指向window。 function add(a,b){ console...

聊聊Web前端开发中关于JavaScript closest()的一些应用

2020年08月13日

聊聊Web前端开发中关于JavaScript里closest()的一些基础知识。您是否曾经遇到过在JavaScript中找到DOM节点的父节点的问题，但是不确定是否要遍历多少个层次才能到达它？让我们来看一下这个HTML：<div data-id="123">...

Web前端开发：JavaScript冒泡算法

2020年07月31日

Web前端开发：JavaScript冒泡算法。有一组数，依次比较两个相邻的数，如果他们的顺序（如从大到小或从小到大等）错误就把他们交换过来。我们先假设这一组数是有顺序的，那么我们找出它的规则。我们按照从小到大的顺序依次交换长方形，得到以下的结果。第一轮交换结果：CBAD &...

JS实现Web前端提交功能

2020年07月31日

JS实现Web前端提交功能，主要效果:用户评论后，在合适位置弹出“评论成功”，2秒钟后自动消失，提示用户评论成功。一起来看下如何实现。{#评论成功提示#}<div class="popup_con" style="display: ...

Web前端开发每日小结：使用Javascript元素无缝向左向上滚动

2020年07月24日

Web前端开发中，文字或者图片无缝滚动的功能经常会遇到，比如向左向上循环滚动、一条条的滚动、多条一起滚动等等效果，很多小伙伴们习惯用插件去实现，比如swiper等。想了解关于逐条或者单条滚动的童鞋可以看下之前分享的一篇文章：一起来玩玩基于JS的无缝滚动通用动画效果今天介绍下用原生javascript...

Web前端开发：跨域XMLHttpRequest处理

2020年06月24日

常规网页可以使用 XMLHttpRequest 对象从远程服务器发送和接收数据，但是它们受同一原始策略的限制。内容脚本代表已将内容脚本注入其中的Web起源发起请求，因此，内容脚本也应遵循相同的起源策略。（自Chrome73以来，内容脚本一直受...

Web前端开发：分享react里的form表单“秘方”

2020年06月13日

炎炎夏日，温度直飙38°，还是在家里舒服点，静下心来写点东西。上篇文章我们分享了“简单了解下react中处理API的get与post以及封装应用“，不知道大伙是否有去学习的。今天我们继续分享react里的技术点：关于form表单与事件处理。...

Web前端开发：探讨CSS3中元素位移、旋转、倾斜、缩放等方式

2020年05月08日

在前端开发项目中经常会遇到用CSS3实现各种旋转等方式，然后去实现一些动画效果，所以这方面的知识点还是得熟练掌握。众所周知，转换是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、倾斜、缩放，甚至支持矩阵方式，配合过渡和即将学习的动画知识，可以取代大量之前只能靠Flash才可以实现的效果。接...

Web前端开发：计算N次方的方法【**和math.pow()】

2020年04月28日

Web前端开发：计算N次方的方法【**和math.pow()】。一、指数运算符（**）DEMOconsole.log(2 ** 2); // 4console.log(3 ** 2); // 9console.l...

Web前端开发：对于闭包和匿名函数的理解和应用

2020年04月17日

在Web前端开发过程中，经常会用到闭包和匿名函数，不妨我们来梳理下如何使用，还有它们之间有什么区别。什么是匿名函数与匿名函数相对应的是具名函数，具名函数非常简单：functionmyFn(){}，这就是个具名函数这个函数的name是myFn。可以测试一下：function myFn(){...

Web前端开发：JavaScript中的字符串的一些应用

2020年04月04日

字符串是可包括字母，数字，或符号的一个或多个字符的序列。JavaScript中的字符串是原始数据类型和不可变的，这意味着它们是不变的。由于字符串是我们显示和处理文本的方式，而文本是我们通过计算机进行交流和理解的主要方式，因此字符串是熟悉的最基本的编程概念之一。创建和查看字符串的输出在JavaScri...

Web前端vue开发：在表单验证中输入姓名时引发的“奇案”

2020年03月27日

近期一直再忙于vue.js的项目开发，尤其是表单功能；今晚想抽出一个小技术点来说说。比如：输入姓名的表单验证系列问题。对于姓名的验证，我们会想到几点：1、用户只能输入中文2、如果用户输入了非中文如何处理3、用户从表单外复制非中文进来如何处理4、限制输入的字数接下来我们以一个实例来说明下，如何去寻找解...

Web前端开发：介绍下三种页面之间的传值方法

2020年03月18日

Web前端开发：介绍下三种页面之间的传值方法，一起来了解下吧。JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。JavaScript一个...

Web前端开发：关于vue中导入数组图片不能显示的解决方案

2020年03月04日

关于vue，相信前端童鞋都会了解一些，现在被很多公司应用，它越来越成熟了，各种关联框架也随之兴起；并且相对于react，学习成本没那么高，但是要学好，需要不少的努力和实践。众所周知，vue里有很多坑，今天就来聊聊个话题：Web前端开发里关于vue种导入数组图片不能显示的解决方案。我们这里来举例来分析...

Web前端开发：insertBefore()方法

2019年12月02日

insertBefore()是jQuery的一个内置的方法，用来在一个指定的元素之前插入一些HTML内容。语法：$(content).insertBefore(target)参数：●　content：表示需要在指定目标之前插入的HTML内容。●　target：表示指定目标。示例1：<!DOCT...

Web前端开发中SVG在CSS里的玩法，您学会了吗？

2019年11月28日

SVG是一种轻量级的矢量图像格式，用于在Web和其他环境上显示各种图形，并支持交互性和动画。在本文中，我们将探讨将CSS与SVG结合使用的各种方法，以及将SVG包含在网页中并对其进行操作的方法。自1999年以来，可伸缩矢量图形（SVG）格式一直是开放标准，但是自InternetExplorer9...

Web前端开发：选择除指定元素以外的所有元素

2019年11月27日

在js中可以:not()选择器来选择除指定元素以外的所有元素，:not()选择器选择与给定元素不匹配的所有元素。:not()选择器中接受所有元素，例:not(diva)和:not(div,a)。语法：$(":not(selector)")参数：selector：用于指定不要...

Web前端开发：用JS刷新页面

2019年11月22日

一起来学习下Web前端开发的小技巧：用JS刷新页面，介绍几种方法。方法1：使用location.reload()location.reload()方法重新加载当前web页面，此方法类似于你浏览器上的刷新页面按钮。如果把该方法的参数设置为true参数，可强制页面从服务器加载并忽略浏览器缓存。语法：l...

Web前端开发人员常用的5款编辑器

2019年11月04日

说起编辑器，现在已经有很多种了，在Web前端开发项目中，怎么去选择合适自己的一款呢？需要大家自己去了解，现介绍目前常用的5种简洁轻便的编辑器。往下看吧！1、SublimeText（非开源）SublimeText是一个轻量、简洁、高效、跨平台的编辑器。SublimeText的特色功能：良好...

Web前端开发同学是不是应该少用if-else语句了呢?

2019年10月07日

Web前端开发同学是不是应该少用if-else语句了呢?if…else语句是许多程序员在写代码时最常用的方式之一。你甚至可以看到许多程序员的代码中嵌套着无数else语句。可这样，真的好吗？一篇关于卫语句的实用介绍。在刚开始接触编程时，我多希望能有人在我摸索着开发第一个网站的过程中，给我分享一点...

Web前端工程师会“抛弃 React、Angular”吗？

2019年10月07日

Web前端工程师会“抛弃React、Angular”？时至2019年，我们都已达成了一项共识：组件可以构建快速、优雅且可维护的UI。问题在于，每个框架（例如ReactJs、AngularJS、Vue.js或其他一些较小的UI框架）在解决常见的问题时，都会使用自己的模式和解决方案。这些框架促进了可重...

浅析Web前端开发中的浏览器缓存机制

2019年08月28日

如果您是一位刚入行的Web前端开发人员，刚开始开发项目的时候，往往会忽略“WEB缓存机制”的问题，对于浏览器的一些缓存机制，提醒大家需要花更多的时间去研究。缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少...

Web前端开发小tips:JS正则表达式验证账号、手机号、电话和邮箱

2019年08月21日

Web前端小tips：JS正则表达式验证账号、手机号、电话和邮箱的写法，希望能给大家带来帮助验证帐号是否合法验证规则：字母、数字、下划线组成，字母开头，4-16位。function checkUser(str){ var re = /^[a-zA...

Web前端常用性能优化的方法

2019年08月21日

web前端常用性能优化的方法，一起来学习下吧！！从输入URL加载起看方向从输入URL到页面加载完成的过程（如果想了解更为详细的过程，请阅读JavaScript重文·也许你该知道浏览器输入URL后发生了什么？）： 1、首先做DNS查询，如果这一...

Web前端开发者的新选择：Flutter

2019年08月13日

Flutter已经不仅仅可以运行在Android或者iOS上，还可以运行在Windows,MacOS,Linux,ChromeOS甚至是Web上。设计框架flutter移动架构Flutter使用多层架构，最底层是C++编写的引擎，之上是用Dart编写的多层框架。引擎通过dart:ui库暴露给...

Web前端TIPS:循环中的闭包

2019年08月05日

Web前端TIPS:循环中的闭包，大家来了解下吧。如果你碰到过这种情况：JavaScript代码：var funcs = [];for (var i = 0; i < 3; i+...

了解下2019年国外Web前端开发者薪酬趋势

2019年07月18日

当你去面试一份工作，大部分人首选应该是薪酬，很少人会跟钱过不去吧，^_^。尤其是在Web前端开发高端人才紧缺的条件下，高薪挖人习以为常了；今天让我们一起来了解下2019年全球Web前端开发者薪酬，仅供参考。据Techrepublic报道，Web开发专业是2019年最热门的10大技术技能之一。...

快捷导航

HTML

Javascript

前端工具

前端教程

前端API文档

2023年02月26日

作者:Terry | 分类:SEO | 浏览:796 | 评论:0

2022年12月05日

作者:Terry | 分类:Html4 | 浏览:1576 | 评论:0

2022年09月02日

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

2022年06月22日

作者:Terry | 分类:SEO | 浏览:1863 | 评论:0

2022年06月07日

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

2022年01月07日

作者:Terry | 分类:VueJs | 浏览:3347 | 评论:1

2021年12月14日

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

2021年08月19日

作者:Terry | 分类:Html5 | 浏览:4062 | 评论:0

2021年08月18日

作者:Terry | 分类:Html5 | 浏览:3676 | 评论:0

2021年07月28日

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

2021年07月03日

作者:Terry | 分类:开发工具 | 浏览:6931 | 评论:2

2021年04月20日

作者:Terry | 分类:互联网 | 浏览:7306 | 评论:4

2021年04月19日

作者:Terry | 分类:开发工具 | 浏览:6145 | 评论:1

2021年04月12日

作者:Terry | 分类:互联网 | 浏览:3232 | 评论:1

2021年03月24日

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

2021年02月10日

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

2020年12月25日

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

2020年10月26日

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

2020年10月15日

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

2020年10月14日

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

2020年09月11日

作者:Terry | 分类:Html4 | 浏览:5824 | 评论:0

2020年09月11日

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

2020年09月10日

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

2020年09月01日

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

2020年08月13日

作者:Terry | 分类:Javascript教程 | 浏览:9706 | 评论:0

2020年07月31日

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

2020年07月31日

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

2020年07月24日

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

2020年06月24日

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

2020年06月13日

作者:Terry | 分类:React | 浏览:4556 | 评论:0

2020年05月08日

作者:Terry | 分类:HTML | 浏览:7936 | 评论:0

2020年04月28日

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

2020年04月17日

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

2020年04月04日

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

2020年03月27日

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

2020年03月18日

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