×

前端资源

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

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

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

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

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

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

    Tags: js

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

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

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

    Tags: js无缝滚动

  • 前端开发中JS里的应用法则each() 和forEach()

    Js&JQuery Posted by andy001 2020.07.06 views: 275 评论:0

    前端开发中JS里的应用法则each()和forEach()。Javascript/Jquery中each()和forEach()的区别从名字看上去这两个方法好像有点关系,但在javascript中它们区别还是挺大的。forEach()用于数组的操作,对数组中的...

    Tags: each()

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

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

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

    Tags: js跨域XMLHttpRequest

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

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

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

    Tags: reactreact表单

  • 前端开发基础:定义数组的几种方法

    Js&JQuery Posted by andy001 2020.06.04 views: 584 评论:0

    介绍定义数组的几种方法。1、什么是数组数组就是一组数据的集合其表现形式就是内存中的一段连续的内存地址数组名称其实就是连续内存地址的首地址2、关于js中的数组特点数组定义时无需指定数据类型数组定义时可以无需指定数组长度数组可以存储任何数据类型的数据(比如说一个元...

    Tags: jsarray数组

  • 前端开发:如何实现“移动设备访问PC域名的时候跳转到移动网站”的应用

    Javascript学习 Posted by Web前端之家 2020.06.02 views: 920 评论:0

    前端开发中,一个小小的知识点,就可以引发这么多的方法,可想而知,我们需要学习的东西还有很多,加油吧,老铁们!......

    Tags: jshtml5设备判断

  • 前端开发:引用函数与调用函数的区别

    Js&JQuery Posted by andy001 2020.05.14 views: 337 评论:0

    前端开发项目中,引用函数与调用函数二者有什么区别呢?引用函数与调用函数的差别与函数名称后是否附有括号()有关。函数引用只会单独出现,但函数调用则必定后随括号,很多时候还附有自变量。DEMO// 函数引用 代码一function f...

    Tags: js引用函数调用函数

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

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

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

    Tags: 旋转CSS3位移倾斜缩放

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

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

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

    Tags: javascript**Math.pow()

  • Vue前端开发报错提示“npm ERR! missing script: dev”的解决方案

    VueJs Posted by Web前端之家 2020.04.20 views: 3924 评论:0

    记得刚开始学习vue的时候,问题各种loading,有点“举步维艰”的感觉,现在回想起来,这些都是你掌握一门技术的必经之路。最近团队里有个新来的童鞋,问到一个问题:执行npmrundev的时候出现“npmERR!missingscript:dev”报错。熟悉V...

    Tags: vue.jsvue-cli3missing script:dev

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

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

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

    Tags: javascript闭包匿名函数

  • 前端开发js里的Window对象应用

    Js&JQuery Posted by andy001 2020.04.05 views: 745 评论:0

    前端开发js里的Window对象应用。特殊的window提起window,在网页当中很常见,比如像这样:window.onload=function(){//执行函数体}这段代码的意思是当网页内容加载完成后要做什么。在js的领域,window对象有着双重角色,...

    Tags: jsWindow对象

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

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

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

    Tags: javascr

  • 前端开发:了解[]、{}、()的含义

    Js&JQuery Posted by Web前端之家 2020.04.02 views: 690 评论:0

    JavaScript中[]、{}、()的区别:{}大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数体。[]中括号,表示一个数组。()多表示参数。一、{}大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数体{}表示对象、[]表示...

    Tags: js

  • 前端开发:JavaScript中的代理和生成器

    Javascript学习 Posted by Web前端之家 2020.03.19 views: 977 评论:0

    在较低级别使用JavaScript时,对这些构造有扎实的了解将非常方便。在本文中,我们将介绍一些适合这些构造的用例,它们肯定会为您带来一些便捷。代理服务器简单来说,代理服务器是控制对另一个对象的访问的对象。根据MDN文档【https://developer.m...

    Tags: javascript代理.生成器

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

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

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

    Tags: js传值

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

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

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

    Tags: jsinsertBefore()

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

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

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

    Tags: svgcss

  • 前端开发里的insertAfter()的玩法

    Js&JQuery Posted by andy001 2019.11.28 views: 1475 评论:0

    insertAfter()是jQuery的一个内置的方法,用于在一个指定的元素之后插入一些HTML内容。语法:$(content).insertAfter(target)content:表示需要插入的HTML内容。target:表示在插入内容前需要查找到的指定...

    Tags: jsinsertAfter()

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

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

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

    Tags: js

  • JS前端开发:将一个元素移动到另一个元素中去

    Js&JQuery Posted by andy001 2019.11.27 views: 3552 评论:0

    想要使用jQuery将元素移动到另一个元素中,可以使用jQuery的内置方法append()或prepend()。方法1:使用append()方法jQuery的append()方法用于在所选元素的末尾插入一些内容。语法:$(selector).append(&...

    Tags: jsappend

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

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

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

    Tags: jsreload()

  • 前端开发TIPS:JS查找已知类的父类

    Js&JQuery Posted by andy001 2019.11.21 views: 1408 评论:0

    前端开发TIPS:JS查找已知类的父类。定一个HTML文档,如何在给定类名的帮助下获取元素的父类。方法1:使用closest()方法● on()方法用于为所选元素选择事件处理程序;这意味着当用户单击按钮然后调用函数。● closest()方法用于返回所选元素的...

    Tags: lihtml

  • 前端开发TIPS:两种方法实现数组转换为JSON数据

    Js&JQuery Posted by andy001 2019.11.12 views: 1669 评论:0

    前端开发TIPS:两种方法实现数组转换为JSON数据,一起来学习下吧!!!!!方法一:使用Object.assign()Object.assign()方法将枚举的所有属性的值从源对象(一个或多个)复制到目标对象语法:Object.assign(target,&...

    Tags: 数组json

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

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

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

    Tags: Sublime TextVisual Studio CodeAtomBowPadEditra

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

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

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

    Tags: if-else

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

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

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

    Tags: 性能优化缓存

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

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

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

    Tags: 前端开发正则表达式

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

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

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

    Tags: 前端开发web前端flutter

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

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

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

    Tags: 前端开发jsWeb前端薪酬

  • Web前端开发笔记:闭包

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

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

    Tags: js闭包

  • 前端开发:判断是否是数组的方法

    Js&JQuery Posted by andy001 2019.05.05 views: 3547 评论:0

    分享下几种“判断是否是数组的方法”。使用Array.isArray()function is_array(arr){    if(Array.isArray(arr)){   &n...

    Tags: js数组

  • 分享前10名的前端开发开源工具

    互联网 Posted by 天空 2018.11.05 views: 6837 评论:0

    对于大多数企业IT部门来说,使用和贡献开源项目现在已成为日常生活的一部分。本文将介绍程序员认为2018年最重要的十大开源工具。在BlackDuck的2017年开源调查中显示,77%的受访企业使用开源构建内部应用程序,69%的受访企业使用开源组件来创建客户应用程...

    Tags: 互联网

  • 学习Web前端开发的体验

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

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

    Tags: 前端发展方向

  • 2018年前端开发趋向:从入门到精通之知识点

    互联网 Posted by Web前端之家 2018.09.12 views: 36533 评论:2

    前端开发的生态系统,我们应该学会好好利用。你可以为第4步中开发的网站添加一些第三方模块,比如使用moment处理时间,使用echarts画图表。8.CSS预处理器CSS预处理器,例如Sass,Less和Stylus,可以增强CSS的功能,比如支持变量、计算以及...

    Tags: 前端发展方向

  • 微信支付大规模前端开发背后,如何用外包解决困境

    移动开发 Posted by andy001 2018.08.06 views: 8523 评论:0

    业务高速发展离不开各种配套运营系统的高效建设,微信支付也不例外。在前端人力极其匮乏的条件下我们另辟蹊径,大规模引入外包团队协同作业,并且在如何保证效率和质量,控制版本变更风险,保证可持续性等方面做了不少研究实践,借此机会跟大家分享交流。为什么要引入外包相关数据...

    Tags: 微信开发支付

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

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

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

    Tags: 前端开发工具

  • 分享Web高级前端开发的面试题

    Js&JQuery Posted by ceshi 2018.06.27 views: 5864 评论:0

    以下问题都来自于互联网前端面经分享,回答为笔者通过查阅资料加上自身理解总结,不保证解答的准确性,有兴趣讨论的同学可以留言或者私信讨论。1.JS的异步机制?2.闭包如何实现?3.原型链、继承?4.实现订阅者发布者模式?5.数组的方法有哪些?接下来一一简解下。1....

    Tags: 前端开发面试题

  • 前端开发规范:移动端优化

    移动开发 Posted by jiang 2018.06.19 views: 13726 评论:0

    移动端优化click的300ms延迟响应click的300ms延迟是由双击缩放(doubletaptozoom)所导致的,由于用户可以进行双击缩放或者双击滚动的操作,当用户一次点击屏幕之后,浏览器并不能立刻判断用户是确实要打开这个链接,还是想要进行双击操作。因...

    Tags: 优化移动端

  • 前端开发者前方路在何方?

    Js&JQuery Posted by andy001 2018.06.19 views: 11692 评论:0

    前端开发者口中,大前端有时与Node.js一起讲,有时与前后端分离一同讲,事实上,大前端概念也正是由广大前端开发者提出的。过去几年,前端技术经历了爆发式的发展,这种发展最重要的推动者之一就是Node.js。Node.js为前端建立了与系统之间沟通的桥梁,从此前...

    Tags: 大前端

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

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

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

    Tags: Web前端开发

  • Node Bug 太多惨遭创始人抛弃,前端开发要变天?

    Js&JQuery Posted by ceshi 2018.06.07 views: 16958 评论:0

    前端开发者更能轻而易举地编写出高性能的Web服务,同时也大大地提高了服务器的安全性。而如今经过九年的发展,其创始人RyanDahl不仅"嫌弃"了存在很多槽点的Node,还重新发布了一个新的开源项目——Deno,而这究竟是怎么一回事?Deno...

    Tags: nodejs

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

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

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

    Tags: JQueryJS

  • 2018年Web前端开发趋势

    Js&JQuery Posted by andy001 2018.03.11 views: 7885 评论:0

    2017年对于Web开发来说是一个伟大的一年,WebComponents或PWAs等许多新技术第一次在大多数浏览器中都可以使用。尽管这些技术还是非常新的,我们在网络开发领域也有很多其他的事情发生。趋势1:掌握基础需要等什么?我首先概述了我们拥有的令人敬畏的新技...

    Tags:

  • 前端开发工具】弹指间轻轻松松画图形

    开发工具 Posted by Web前端之家 2018.03.02 views: 11609 评论:1

    在开发页面的时候,设计师都喜欢用一些棱角,比如箭头、小三角、不规则矩形等形状,在项目中处理的这些形状的时候,如果时间很赶,会采用直接切图或者找其他方法。好吧,回头想想,既浪费时间,又降低了页面性能;于是决定整一款“点点鼠标画图并且生成CSS代码”的工具,以后不...

    Tags: 工具CSS画图

  • 汇集前端开发一些小技巧

    jQuery Posted by Web前端之家 2018.02.07 views: 7901 评论:0

    前端开发一些小技巧,仅供参考,拿走不谢。1、返回顶部按钮通过使用jQuery中的animate和scrollTop方法,不用插件就可以创建一个滚动到顶部的简单动画://Backtotop$('.top').click(function(e){e...

    Tags: 开发jQuery技巧

  • 收集一些Web前端开发的JS面试题【第三部分】

    Javascript学习 Posted by Web前端之家 2017.12.06 views: 5741 评论:0

    前端开发的JS面试题【第二部分】“,接下来分享第三部分,继续供大家参考和学习,一起来看下具体内容吧,如下:65.promisePromise的构造函数接收一个参数,是函数,并且传入两个参数:resolve,reject,分别表示异步操作执行成功后的回调函数和异...

    Tags: 前端开发面试题WEB

  • 收集一些Web前端开发的JS面试题【第二部分】

    Javascript学习 Posted by Web前端之家 2017.12.06 views: 5740 评论:0

    前端开发的JS面试题【第一部分】“,接下来分享第二部分,继续供大家参考和学习,一起来看下具体内容吧,如下:33.编写一个getElementsByClassName封装函数?<input type="submit" ...

    Tags: WEB前端开发面试题

最新留言

  • ajoy

    说法可以是一样的,毕竟JS和JQ都是有“血缘关系”的,你可以自己改下不就可以了吗,哈哈!...

  • 访客

    标题是JS用了JQ误人子弟呢...

  • absoy

    vue居然还能这么玩,期待你们vue3.0中文版教程。...

  • caij2

    github也中了新冠病毒了吧,哈哈!...

  • 访客

    收藏啦...

  • Web前端之家

    当然都可以被import,如何去设置,还要看你的具体项目要求。...

  • 访客

    exportdefault和vue的实例有啥子区别呢都可以被import...

  • Web前端之家

    可以加QQ群295431592咨询。...

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

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

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.4 Valyria