搜索 "Web前端"-Web前端之家

在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...

问答社区 更多 >

2020年09月11日

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

2020年09月10日

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

2020年09月01日

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

2020年08月13日

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

2020年07月31日

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

2020年07月31日

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

2020年07月24日

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

2020年06月24日

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

2020年06月13日

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

2020年05月08日

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

2020年04月28日

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

2020年04月17日

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

2020年04月04日

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

2020年03月27日

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

2020年03月18日

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

2020年03月04日

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

2019年12月02日

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

2019年11月28日

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

2019年11月27日

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

2019年11月22日

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

2019年11月04日

作者:Terry | 分类:开发工具 | 浏览:56819 | 评论:4

2019年10月07日

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

2019年10月07日

作者:Terry | 分类:互联网 | 浏览:8845 | 评论:0

2019年08月28日

作者:Terry | 分类:性能优化 | 浏览:12581 | 评论:0

2019年08月21日

作者:流泪的石头 | 分类:Js&JQuery | 浏览:14783 | 评论:0

问答社区更多 >