×

关键词搜索结果:

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

闲的没事干,玩玩一个日历效果,用原生JS去实现,废话不多说,上“菜”。我们先看下效果:这是一个很简单的效果,大家如果想用到项目中的话,可以自己再美化下。<!DOCTYPE html><html lang="en"><hea...

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

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

前端开发tips:VUE中setTimeout和setInterval

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Web前端开发:JavaScript冒泡算法

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

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

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

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

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

Web前端开发:跨域XMLHttpRequest处理

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

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

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

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

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

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

近期一直忙于一个业务的PC和移动html5版本的改版,折腾了很久,累得够呛,今天终于完美交工。每次项目完成后,都想分享点内容,本次想谈下很小的知识点:移动设备访问PC域名的时候跳转到移动网站。这个功能相信大家都比较熟悉了,或许也做过,但是今天介绍一系列方法,供大家参考。首先看下PC和移动的效果图:P...

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

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