当前位置: 首页  - 标签“web前端“ - 列表 免费服务器领取!

web前端

前端设计

js提取字符串中数字的几种方法

利用js脚本从一串字符串中提取数字有多种方法,下面飞鸟慕鱼博客就来简单的介绍几种常用到的。js提取字符串中数字的方法1、利用 parseFloat() 方法提取字符串中的数字。parseFloat() 方法提取字符串中的数字,有很多的限制。它只能提取开头为数字的字符串中的数字,如果字符串的开头第一个字符为非数字,则会提取失败。例://f

前端设计

js中将字符串当变量使用的方法

写了一个集成度很高的JS脚本,但遇到了一个问题。需要将变量名以字符串的形式传递给指定的逻辑处理。但是在字符串转换成变量名时遇到点问题,请教了一下搜索引擎得到了两种解决方案,下面就由飞鸟慕鱼博客来详细的说说。js字符串转为变量使用的方法方法1、使用 eval 函数将字符串转换变量名PS:不推荐此方法,网上说此方法有一定的危险性,个人没测试过

前端设计

HTML标签之!DOCTYPE文档类型声明

<!DOCTYPE>, 一个文档类型标记是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。<!DOCTYPE> 标签的解释<!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器此页面使用了哪种 HT

前端设计

php全局变量与js全局变量的区别

因为经常写php与js代码,有时候使用全局变量的时候经常的混淆,这篇文章就来说说js中的全局变量与php中的全局变量的区别。js全局变量与php全局变量的区别php全局变量php的全局变量一般都是在函数外面进行声明,如果在函数里面调用全局变量的话,一定要使用 global 进行声明。示例:# feiniaomy.com 飞鸟慕鱼博客$x

前端设计

js将图片转换为base64编码方法

js可以将图片文件转成base64编码的,便于图片文件的上传与处理,下面就写几种关于js脚本来转换图片为base64编码的方法。js将图片转换为base64编码的方法方法1将自身网站的图片转成base64编码格式,但需要注意的是,是不能处理远程图片的,会产生一个跨域的问题。//转换图片为base64函数function getBase64

互联知识

常用正则表达式大全

网上收集了一些常用的正则表达式,基本上都全,需要的可以拿去了。关于号码的正则表达式QQ号正则表达式/^[1-9][0-9]{4,10}$/微信号正则表达式/^[a-zA-Z][-_a-zA-Z0-9]{5,19}$/邮编号码正则表达式/[1-9]\d{5}(?!\d)/手机号正则表达式表达式1:/^(?:(?:\+|00)86)?1(?:

前端设计

jQuery去掉 serialize() 方法中指定的name值

在修改一个前台表单提交逻辑时,为了不动以前的代码(代码和屎一样),就想着在提交数据时过滤掉form表单中指定的name属性和值,由于表单直接使用jquery中的serialize()方法来获取的form表单的数据,所以就要对 serialize() 方法获取的数据进行处理!jQuery去掉 serialize() 方法中指定的name值自

前端设计

js代码判断IP地址的合法性(只支持IPV4)

客户定制了一个IPV4格式的IP地址在线查询的工具,需要用户在前台输入IPV4格的IP地址,为了防止用户输入的IPV4格式的IP错误,又减少后端的服务器资源的浪费,就想到了先在前台用JS脚本判断一下,用户输入的IPV4地址是否合法。js代码判断IP地址是否合法例1:下面利用js脚本来效验ip地址的合法性,是用的正则表达式的方式,大家可以参

前端设计

js判断域名是否为顶级域名的方法

写了一个查询域名资料的小项目,需要用户输入查询域名的顶级域名,为了保证用户输入的域名为顶级域名,就写一个通过JS脚本代码来判断输入的域名是否为顶级域名的方法,下面飞鸟慕鱼博客就来分享一下,大家可以做个参考!js判断是否为顶级域名的方法示例代码:注:以下代码来自网络,稍微做了一些修改,已测试正常可用!/** * 判断输入的地址是否为顶级域名

前端设计

jquery实现点击某元素外触发事件的方法

写了一个jq指定元素排除某个事件触发的效果,正好用上了上一篇博文中所说的 closest 方法,那么下面就来详细的说一下。jq实现点击某元素外触发事件的方法排除某元素触发事件,无非是整个文档中,点击指定的元素不会触发事件,而点击指定元素外的范围则会触发事件。示例:1、先上效果图2、示例代码<style>#mochu{width

前端设计

jquery中 closest() 方法的详解和使用

写在一个JS动态效果的时候,发现了一个在JQuery中从来没有见过的 closest() 方法,看了一下介绍和使用方法,发现非常的好用。下面的博文,飞鸟慕鱼博客就来详细的说一下。jQuery closest() 方法closest():从当前元素开始向上,遍历所有的祖先元素,直达文档的html元素标签。语法:$(selector).clo

前端设计

CSS实现爱心形状动态加载条的方法

下面记录一个利用纯CSS样式代码实现一个爱心形状的动态加载条,用到了CSS中的动画效果与伪元素样式,有一定的参考价值。感兴趣的小伙伴,不妨测试一下。纯CSS实现心形加载动画效果1、动画效果2、示例代码<style>#he{display: flex;justify-content: center;align-items: ce

前端设计

CSS实现打字机效果的方法

发现一个有趣的东西,就是使用纯CSS代码实现打字机的效果。所谓的打字机效果就是控制一个字符串字符,并且字符串中的每个一个字符一个接着一个的出现。纯CSS实现文字的打印机效果,要用到 animation 动画元素,下面先上示例代码。CSS实现文字打印机效果的方法1、先上效果图2、示例代码<style>.main {height:

前端设计

js中常用的正则表达式

列出几个在js脚本中常常用到的正则表达式,存放下来以后备用。JS 检测用户名正则表达式(1)、用户名正则,4到16位(字母,数字,下划线,减号)var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;console.log(uPattern.test("Mochu123"));//输出 true(

前端设计

js判断元素是否有滚动条的方法

前端网页的有事动态事件中,需要我们判断某些DIV元素是否有滚动条,下面就详细的介绍一下。js 判断是否有滚动条的方法js 判断页面或DIV是否滚动条,其解决思路非常的简单,首先使用js控制元素先滚动一定值,然后再取当前滚动值是否大于0,如果大于0就说明有滚动条,等于0说明没有滚动成功则自然是没有滚动条例1:js判断页面是否有滚动条// 飞

前端设计

js提示框,警告框以及确认框的使用方法

在写前端的页面时,关于JS的提示,警告或确认框一直使用一些集成好的JS插件来实现比如layer弹窗插件,很少用到原生JS中自带的弹出提示(吐糟一下,主要因为太丑了)。js中alert()--警告框JS中的警告框(alert()),常用于向网站的访客弹出一条提示,比如错误信息等等!注意:(1)、alert() 返回的值为 undefined

前端设计

js暴力禁止alert弹窗的方法

浏览网页的时候最凡人的就是时不时的弹出一个alert窗口,下面就介绍一种利用js代码来禁止alert弹窗的方法。js禁止alert弹窗的方法1、js 禁止 alert 弹窗的方法示例代码:// feiniaomy.com 飞鸟慕鱼博客//这是第一个弹窗alert('这是第一个弹窗');//禁止 alert 弹窗window

前端设计

CSS美化html文件上传按钮的方法

写了一个带有表单的html页面,发现原生的 input 文件上传输入框样式太丑了,就琢磨着自己写个美化的样式,下面就是 html input 文件上传样的美化方法,单纯的只用CSS实现,很简单的。CSS 美化input上传按钮样式的方法美化实现逻辑:1、用 div 元素写一个美化的上传按钮2、将 input 上传按钮的透明度设置为 0 ,

前端设计

js判断数组中是否存在某个值

JS脚本判断数组中是否有某个指定的值,有多种方法,下面简单的介绍一下。JS判断数组中是否含有某个值1、JavaScript indexOf() 方法array.indexOf:判断数组中是否有某个值,如果有则返回元素的下标,如果没有则返回 -1示例代码:var arr = ['mochu','feiniaomy.c

前端设计

js获取上传文件类型以及大小的方法

前端web上传文件时,需要在上传之前判断一下文件的类型以及文件的大小,HTML为前端的标记语言是无法做到这一点,只能使用javascript 动态脚本代码来实现。js获取上传文件大小的方法示例代码:<!--表单数据--><form name="form1" id="form1"&g

1 2 3 4 5 末页
点击下拉

ZBLOG主题/插件定制开发流程

ZBLOG主题/插件定制开发流程