×
  • 轻松绘制几何图形的裁剪路径(clip-path)工具:Clippy
  • 推荐一款JavaScript模块打包神器:Rollup
  • 【前端开发工具】弹指间轻轻松松画图形
  • 跨平台移动前端框架AUI 2.0

每日一学每天一小步 成功一大步!

最新文章实时了解最新、最快的互联网Web前端开发动态!

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

    开发工具 Posted by Web前端之家 2021.07.03 views: 310 评论:0

    Web前端之家推荐两款工具【功能最全的CSS3渐变生成器和CSS三角形生成工具】后,受到大家欢迎。今天我们继续推荐另外一款工具:提取图片中的文字工具。概述要想提取图片中的文字,在平时的时候,我们可能需要手动去敲打,太麻烦了。我们今天分享的这款工具只需要您上传一...

    Tags: 开发工具提取文字

  • 在国内外Web前端行业,排名前5​​的前端框架有哪些?

    互联网 Posted by Web前端之家 2021.04.20 views: 1202 评论:4

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

    Tags: ReactAngularVuejs

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

    互联网 Posted by Web前端之家 2021.04.12 views: 782 评论:1

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

    Tags: 编码产品经理

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

    开发工具 Posted by Web前端之家 2021.03.24 views: 1187 评论:0

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

    Tags: Web前端前端开发

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

    Javascript学习 Posted by Web前端之家 2021.02.10 views: 1066 评论:0

    Web前端开发小应用:实现一个简单的留言本功能。先看看效果图如下:DEMO代码如下:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF...

    Tags: js

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

    Javascript学习 Posted by Web前端之家 2020.12.25 views: 1485 评论:0

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

    Tags: Reactjswebpackvuejs

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

    Js&JQuery Posted by Web前端之家 2020.10.26 views: 2356 评论:0

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

    Tags: js

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

    Javascript学习 Posted by Web前端之家 2020.10.15 views: 2457 评论:0

    Web前端开发:聊聊input输入框全角和半角应用 - Web前端之家https://www.jiangweishan.com</title></head> <body>  ...

    Tags: js

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

    Js&JQuery Posted by andy001 2020.10.14 views: 2604 评论:0

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

    Tags: js

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

    Html4 Posted by Web前端之家 2020.09.11 views: 2090 评论:0

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

    Tags: html5html4color

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

    Js&JQuery Posted by Web前端之家 2020.09.11 views: 3085 评论:0

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

    Tags: js

  • Web前端开发中,如何优化前端数组处理方法?

    Javascript学习 Posted by Web前端之家 2020.09.10 views: 1959 评论:0

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

    Tags: js数组

  • Web前端开发:构造完函数,如何去调用呢?

    Js&JQuery Posted by andy001 2020.09.01 views: 1573 评论:0

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

    Tags: js

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

    Javascript教程 Posted by Web前端之家 2020.08.13 views: 2763 评论:0

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

    Tags: jsclosest()

  • Web前端开发:JavaScript冒泡算法

    Js&JQuery Posted by andy001 2020.07.31 views: 1893 评论:0

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

    Tags: js

  • JS实现Web前端提交功能

    Js&JQuery Posted by andy001 2020.07.31 views: 1810 评论:0

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

    Tags: ajax

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

    Javascript学习 Posted by Web前端之家 2020.07.24 views: 2355 评论:0

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

    Tags: js无缝滚动

  • Web前端开发:跨域XMLHttpRequest处理

    Javascript学习 Posted by Web前端之家 2020.06.24 views: 5917 评论:0

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

    Tags: js跨域XMLHttpRequest

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

    React Posted by Web前端之家 2020.06.13 views: 2187 评论:0

    Web前端之家</title><scriptsrc="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>...

    Tags: reactreact表单

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

    HTML Posted by Web前端之家 2020.05.08 views: 2716 评论:0

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

    Tags: 旋转CSS3位移倾斜缩放

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

    Js&JQuery Posted by andy001 2020.04.28 views: 4767 评论:0

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

    Tags: javascript**Math.pow()

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

    Javascript学习 Posted by Web前端之家 2020.04.17 views: 2683 评论:0

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

    Tags: javascript闭包匿名函数

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

    Javascript学习 Posted by Web前端之家 2020.04.04 views: 2757 评论:0

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

    Tags: javascr

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

    VueJs Posted by Web前端之家 2020.03.27 views: 4427 评论:0

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

    Tags: vuejsinput表单

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

    Javascript学习 Posted by Web前端之家 2020.03.18 views: 4882 评论:0

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

    Tags: js传值

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

    VueJs Posted by Web前端之家 2020.03.04 views: 5212 评论:1

    Web前端开发里关于vue种导入数组图片不能显示的解决方案。我们这里来举例来分析,会更清晰。先看段我弄的一个DEMO代码:自定义数组代码:data(){        return...

    Tags: vueimg

  • Web前端开发:insertBefore()方法

    Js&JQuery Posted by Web前端之家 2019.12.02 views: 3700 评论:0

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

    Tags: jsinsertBefore()

  • Web前端开发中SVG在CSS里的玩法,您学会了吗?

    HTML Posted by Web前端之家 2019.11.28 views: 5508 评论:0

    Web前端之家</text>              </clipPath> &nb...

    Tags: svgcss

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

    Js&JQuery Posted by abc123 2019.11.27 views: 3162 评论:0

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

    Tags: js

  • Web前端开发:用JS刷新页面

    Js&JQuery Posted by andy001 2019.11.22 views: 3423 评论:0

    Web前端开发的小技巧:用JS刷新页面,介绍几种方法。方法1:使用location.reload()location.reload()方法重新加载当前web页面,此方法类似于你浏览器上的刷新页面按钮。如果把该方法的参数设置为true参数,可强制页面从服务器加载...

    Tags: jsreload()

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

    开发工具 Posted by Web前端之家 2019.11.04 views: 31094 评论:4

    Web前端开发项目中,怎么去选择合适自己的一款呢?需要大家自己去了解,现介绍目前常用的5种简洁轻便的编辑器。往下看吧!1、SublimeText(非开源)SublimeText是一个轻量、简洁、高效、跨平台的编辑器。SublimeText的特色功能:良好的扩展...

    Tags: Sublime TextVisual Studio CodeAtomBowPadEditra

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

    Js&JQuery Posted by andy001 2019.10.07 views: 4528 评论:0

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

    Tags: if-else

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

    互联网 Posted by Web前端之家 2019.10.07 views: 4266 评论:0

    Web前端工程师会“抛弃React、Angular”?时至2019年,我们都已达成了一项共识:组件可以构建快速、优雅且可维护的UI。问题在于,每个框架(例如ReactJs、AngularJS、Vue.js或其他一些较小的UI框架)在解决常见的问题时,都会使用自...

    Tags: ReactAngularWeb前端开发

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

    性能优化 Posted by Web前端之家 2019.08.28 views: 6377 评论:0

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

    Tags: 性能优化缓存

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

    Js&JQuery Posted by 流泪的石头 2019.08.21 views: 8918 评论:0

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

    Tags: 前端开发正则表达式

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

    HTML/CSS Posted by 天空 2019.08.21 views: 4582 评论:0

    Web前端常用性能优化的方法,一起来学习下吧!!从输入URL加载起看方向从输入URL到页面加载完成的过程(如果想了解更为详细的过程,请阅读JavaScript重文·也许你该知道浏览器输入URL后发生了什么?):    1...

    Tags: 前端开发性能优化

  • Web前端开发者的新选择:Flutter

    开发工具 Posted by jiang 2019.08.13 views: 9305 评论:0

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

    Tags: 前端开发web前端flutter

  • Web前端TIPS:循环中的闭包

    Js&JQuery Posted by Web前端之家 2019.08.05 views: 3693 评论:0

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

    Tags: js闭包Web前端开发

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

    互联网 Posted by Web前端之家 2019.07.18 views: 9748 评论:0

    Web前端开发高端人才紧缺的条件下,高薪挖人习以为常了;今天让我们一起来了解下2019年全球Web前端开发者薪酬,仅供参考。据Techrepublic报道,Web开发专业是2019年最热门的10大技术技能之一。根据美国劳工统计局最新的预测数据,到2026年We...

    Tags: Web前端前端开发js薪酬

  • Google Web前端大神教你如何优化Javascript性能

    性能优化 Posted by Web前端之家 2019.07.16 views: 6311 评论:0

    Web前端大神如何来分析Web前端开发的性能优化。高层级的实用指南这对Web开发人员来说意味着什么?意味着解析(Parse)和编译(Compile)不再像我们曾经想象的那么慢了。所以开发人员在优化Javascript包时,要重点关注以下三大方面:减少下载时间确...

    Tags: 性能优化JSweb前端开发

  • 为何近几年Web前端“兑变”如此之快?

    互联网 Posted by Web前端之家 2019.07.12 views: 6028 评论:0

    近几年,前端的发展是大家有目共睹的;设计方面从phtoshop到现在的sketch,前端开发从javascript到jQuery,再到现在的vue,react,webpack等,可以说,这2两年,变化太大。尽管开发人员和技术人员在前端领域中的数量逐年上升,生态...

    Tags: jsvuereact前端sketch

  • Web前端​开发:从浅入深逐步了解AJAX的来龙去脉

    Javascript学习 Posted by Web前端之家 2019.07.12 views: 4837 评论:0

    Web前端开发,少不了跟数据(ajax)打交道;对于ajax,必须熟练掌握它的一些细节和基础,然后拓展更深入的技术知识点。本次分享主要为了便于大家逐步认识ajax。首先我们需要了解什么是ajax。什么是ajax?Ajax即“AsynchronousJavasc...

    Tags: ajaxjs封装

  • Web前端开发笔记:闭包

    Js&JQuery Posted by 天空 2019.05.16 views: 4610 评论:0

    闭包是一个重要的JavaScript模式,可以私有访问变量。在本例中,createGreeter返回一个匿名函数,这个函数可以访问参数greeting(在这里是“Hello”)。在后续的调用中,sayHello将有权访问这个greeting!function&...

    Tags: js闭包

  • Web前端面试题:如何进行seo优化

    Js&JQuery Posted by Web前端之家 2019.05.15 views: 12496 评论:0

    Web前端面试题:如何进行seo优化。如下:1、合理的title、description、keywords:搜索对着三项的权重逐个减小,title值强调重点即可;description把页面内容高度概括,不可过分堆砌关键词;keywords列举出重要关键词。2...

    Tags: js性能优化SEO

  • 用什么标准来衡量优秀Web前端工程师呢?

    互联网 Posted by Web前端之家 2018.12.06 views: 8537 评论:0

    Web前端工程师,现在一个很吃香的职位,尤其是全栈工程师,不过前提是您要够优秀哟。近几年IT业可谓是发展火热,而且新生了很多的职业。例如安卓开发工程师、iOS开发工程师。在这众多的新生职业中备受瞩目的当属Web前端工程师了。Web前端在IT行业真正受到重视的时...

    Tags: Web前端前端开发工程师

  • 学习Web前端开发的体验

    Js&JQuery Posted by andy001 2018.09.14 views: 6659 评论:0

    说起现在需求最多,同时也是薪资最高的程序员职位,前端一定算是一个。有一年工作经验的前端,往往能拿到10K以上的月薪,而在北上广这样的城市,收入就更高了。同时,前端也是学起来最爽的职位之一。你不但可以做出漂亮的网页,还可以做出炫酷十足游戏。所以,如果你想成为一名...

    Tags: 前端发展方向

  • 每日一学:Web前端开发工具调试器

    Js&JQuery Posted by andy001 2018.07.16 views: 7377 评论:0

    F12之Console就是位于Elemnets右边的,打开后你会发现什么都没有           我们试着进入到友链页面,发现console面板出现...

    Tags: 前端开发工具

  • 小白学习Web前端开发必读宝典

    Js&JQuery Posted by jquery 2018.06.11 views: 7681 评论:0

    Web前端开发小白如何入门?这是很多Web前端初学者的疑问之一。那0基础的小白如何学习,有没有书籍推荐。济南优就业IT培训的小编为大家介绍一下Web前端的学习阶段:第一阶段:《JavaScriptDOM编程艺术》看这本书之前,请先确认您对Javascript有...

    Tags: Web前端开发

  • 分享Web前端开发的一些jQuery代码

    Js&JQuery Posted by ceshi 2018.05.16 views: 6867 评论:0

    在过去的几年中,jQuery一直是使用最为广泛的JavaScript脚本库。今天我们将为各位Web开发者提供10个最实用的jQuery代码片段,有需要的开发者可以保存起来。 1、检测InternetExplorer版本当涉及到CSS设计时,对开发者和...

    Tags: JSJQuery

最新留言

  • 大吨位油缸

    谷歌浏览器使用起来很快,没有乱七八糟的插件。www.sdlyxt.com...

  • Web前端之家

    可以加Q群...

  • 访客

    JS点击锚点实现平滑滚动能写一个备注呗,有点看不懂,谢谢...

  • alice

    试用了下,vee-validate挺好用的!...

  • 访客

    封装思路跟原生javascript基本差不多。...

  • qianduan

    这个跟H5做的很像,看上去用react实现起来要简单些。...

  • qianduan

    YYDS的文章,收藏了。...

  • 访客

    红红火火恍恍惚惚...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2021 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.7 Valyria