×

前端资源

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

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

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

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

    Js&JQuery Posted by Web前端之家 2021.02.23 views: 93 评论:0

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

    Tags: js

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

    Js&JQuery Posted by Web前端之家 2021.02.20 views: 207 评论:0

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

    Tags: js

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

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

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

    Tags: js

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

    Js&JQuery Posted by andy001 2021.02.04 views: 416 评论:0

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

    Tags: js

  • 前端开发库:教你Laravel Livewire入门

    Javascript学习 Posted by Web前端之家 2021.01.22 views: 509 评论:0

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

    Tags: jsLivewire

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

    Js&JQuery Posted by andy001 2021.01.11 views: 401 评论:0

    前端开发:简单谈谈JavaScript执行模型。JavaScript是一个单线程(Single-threaded)异步(Asynchronous)非阻塞(Non-blocking)并发(Concurrent)语言,这些语言效果通过一个调用栈(CallStack...

    Tags: js

  • 前端开发TIPS:websocket封装的应用

    Js&JQuery Posted by Web前端之家 2021.01.08 views: 488 评论:0

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

    Tags: js

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

    Js&JQuery Posted by andy001 2020.12.29 views: 514 评论:0

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

    Tags: js

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

    Js&JQuery Posted by Web前端之家 2020.12.28 views: 714 评论:0

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

    Tags: js

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

    Js&JQuery Posted by Web前端之家 2020.12.27 views: 444 评论:0

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

    Tags: js

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

    Js&JQuery Posted by ceshi 2020.12.25 views: 615 评论:0

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

    Tags: js

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

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

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

    Tags: jswebpackReactvuejs

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

    HTML/CSS Posted by Web前端之家 2020.12.24 views: 681 评论:0

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

    Tags: htmlcss

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

    Js&JQuery Posted by andy001 2020.12.01 views: 503 评论:0

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

    Tags: js

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

    Js&JQuery Posted by cidy2017 2020.11.30 views: 589 评论:0

    前端开发:用原生JS实现一个日历的效果 - Web前端之家www.jiangweishan.com</title><style> .week-item {  display:&...

    Tags: js

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

    VueJs Posted by andy001 2020.11.27 views: 812 评论:0

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

    Tags: jsvue

  • 前端开发tips:VUE中setTimeout和setInterval

    Js&JQuery Posted by Web前端之家 2020.11.10 views: 698 评论:0

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

    Tags: jsvue

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

    Js&JQuery Posted by Web前端之家 2020.11.06 views: 679 评论:0

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

    Tags: js

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

    Js&JQuery Posted by andy001 2020.11.05 views: 752 评论:0

    前端开发调试应用:console.log()。对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用。一、什么是console....

    Tags: js

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

    Js&JQuery Posted by andy001 2020.11.04 views: 642 评论:0

    前端开发TIPS:8个实用的JavaScript应用代码,拿走不谢。每种编程语言都有其独特的技巧。他们中的许多人是开发人员所熟知的,但是其中一些却有些骇人听闻。在本文中,我将向您展示一些我认为有用的技巧。我在实践中使用过的其中一些是解决旧问题的新方法。请享用!...

    Tags: js

  • 前端开发笔记:了解window.open的参数设置

    Js&JQuery Posted by 天空 2020.10.30 views: 943 评论:0

    前端开发笔记:了解window.open的参数设置。最近在使用window.open时忽略了一个细节问题:window.open新打开一个窗口,但是有时却是新打开一个窗口有时打开一个新标签页。虽然对一般的需求来说,这个两种情况都无所谓,但是对于那种有强烈区分的...

    Tags: js

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

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

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

    Tags: js

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

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

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

    Tags: js

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

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

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

    Tags: js

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

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

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

    Tags: js

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

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

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

    Tags: js数组

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

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

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

    Tags: js

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

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

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

    Tags: jsclosest()

  • 前端开发tips:Ajax请求跨域问题解决方案分析

    Js&JQuery Posted by abc123 2020.08.11 views: 1184 评论:0

    几乎每种浏览器都存在默认的安全机制,都有同源策略,因为浏览器恶意的把每个外部请求的都当做是黑客攻击,相当于是对自身的保护,所以浏览器在运行脚本时会判断脚本与请求的页面是否是同一来源,这个同一来源,包括1、协议,2、地址,3、端口只有三者都相同才被认为是同一来源...

    Tags: js跨域ajax

  • 前端开发tips:JS获取当前域名的一些方法

    Js&JQuery Posted by Web前端之家 2020.08.10 views: 1432 评论:0

    前端开发tips:JS获取当前域名的一些方法。一、获取当前域名1、方法一var domain = document.domain;window.location.hostname2、方法二var domain ...

    Tags: js

  • 前端开发每日一学:了解localStorage和sessionStorage

    Javascript学习 Posted by Web前端之家 2020.08.06 views: 1441 评论:0

    前端开发每日一学:了解localStorage和sessionStorage。在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k...

    Tags: sessionStoragelocalStorage

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

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

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

    Tags: js

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

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

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

    Tags: js无缝滚动

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

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

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

    Tags: each()Oracle

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

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

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

    Tags: js跨域XMLHttpRequest

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

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

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

    Tags: reactreact表单

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

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

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

    Tags: js数组array

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

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

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

    Tags: jshtml5设备判断

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

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

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

    Tags: js引用函数调用函数

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

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

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

    Tags: 旋转CSS3位移倾斜缩放

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

    Js&JQuery Posted by andy001 2020.04.28 views: 2892 评论: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: 16915 评论:0

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

    Tags: vue.jsvue-cli3missing script:dev

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

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

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

    Tags: javascript闭包匿名函数

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

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

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

    Tags: jsWindow对象

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

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

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

    Tags: javascr

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

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

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

    Tags: js

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

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

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

    Tags: javascript代理.生成器

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

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

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

    Tags: js传值

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

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

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

    Tags: vueimg

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

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

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

    Tags: jsinsertBefore()

最新留言

  • 访客

    Windows10要求电脑配置啊。...

  • ab234

    博主辛苦了,这个VUE分享很不错,收藏了。...

  • Web前端之家

    已加上...

  • 访客

    您好,我这边是http://www.liulanqi.com.cn/360/浏览器下载爱站权2,...

  • Web前端之家

    已加上...

  • WordPress主题

    已添加贵站友链网站名称:WordPress主题网站地址:https://www.bigethem...

  • jing35

    不可变数据类型...

  • aboy

    不错的flexbox教程,收藏。...

首页|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