前端设计

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

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

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

刚才看某个大佬的博客，发现了一个很意思的东西，就是利用html和css代码来画一个冰墩墩和雪容融，下面放出代码，喜欢的小伙伴可以去测试了。html+css 实现冰墩墩效果html代码：<section class="bdd"><section class="m_body">&

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

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

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

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

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

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

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

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

分享一个利用CSS样式代码实现文字聚光灯特效的方法，其实现的逻辑方法与代码非常的简单，主要用到了CSS中的 animation 动画渐变背景等。CSS聚光灯效果1、效果图片2、实现代码<style>html,body{ display: flex; justify-content: center; align-items

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

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

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

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

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

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

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

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