屏蔽HTML5 input在type=”number”时的上下加减数字小箭头
网站开发与网络建设

屏蔽HTML5 input在type=”number”时的上下加减数字小箭头

最近在项目中遇到了火狐浏览器在input[number]右侧出现上下加减数字小箭头,丑爆了,chrome还好,至少别个只有在聚焦时才现实,firefox则是一直显示,影响体验。再有日常业务中基本用不到这玩意儿,果断屏蔽移除了。 方案一: 以下CSS代码能够有效屏蔽移除浏览number spin-button按钮,已经在chrome66和firefox59中得到测试。 chrome: i...

逍遥乐

JavaScript手机号码格式验证方法(正则表达式验证)支持最新电信199移动198联通166
网站开发与网络建设

JavaScript手机号码格式验证方法(正则表达式验证)支持最新电信199移动198联通166

  最近公司项目,需要用到正则表达式JavaScript 验证手机号码格式校验验证规则。由于手机号段的不断更新,以前的正则表达式已经无法满足当前需求。 以前我们偷懒只验证位数,或者如下只验证第二位: /^1[34578]\d{9}$/ 可是带来了问题,它无法验证一些不存在的号段。那么怎么办?因此我们要根据现在各大运营商已知号段进行校验。 以下...

逍遥乐

HtmlWasher 网页代码清理工具,快速去除杂乱代码保留基本标签
在线工具

HtmlWasher 网页代码清理工具,快速去除杂乱代码保留基本标签

若你有接手编辑过他人网页,或是复制其他页面版式的经验,应该会发现最困难的往往不是编辑网站,而是将现有的代码整理干净,让它能够格式化,呈现出一致的效果。尤其对于一些较为复杂的页面,可能经过许多人无数次编辑后已经有些四不像,这时候就必须将不必要的部份代码删除,只留下最基本的部分,而这些过程大部分都是手动进行,不但很耗费时间心力...

逍遥乐

适用移动端的CSS RESET 样式重置
网站开发与网络建设

适用移动端的CSS RESET 样式重置

这是一份适用于移动端的CSS RESET 样式重置。已经比较精炼了: /********** * reset *********/ * {box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);} body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article,...

逍遥乐

jquery outerWidth() outerHeight() 函数详解,加参数true有何不同?
网站开发与网络建设

jquery outerWidth() outerHeight() 函数详解,加参数true有何不同?

在使用jquery获取元素的宽度和高度时我们通常使用outerWidth()方法, jQuery outerWidth() 和 outerHeight() 方法 outerWidth() 方法返回元素的宽度(包括内边距和边框)。 outerHeight() 方法返回元素的高度(包括内边距和边框)。 outerWidth(true) 方法返回元素的宽度(包括内边距、边框和外边距)。 outerHeight(true) 方法返回元素...

逍遥乐

Google Data GIF Maker 趋势可视化工具,将数据在线快速制作为 GIF 动画
在线工具

Google Data GIF Maker 趋势可视化工具,将数据在线快速制作为 GIF 动画

这几年 GIF(Graphics Interchange Format)图像互换格式有起死回生的迹象,或许不能说 GIF 真正离开过,至少它算是早期网络速度还不快时最受欢迎的图片格式(最早出现为 1987 年,至今已经超过 30 年时间),试想当时网速就连开网页都要等很久,怎么可能会有影片串流?GIF 动态图是会动又不太占流量的最佳选择。 这几年 GIF 又逐渐被应用程序及...

逍遥乐

JavaScript判断两个变量是否相等之==与===及!=与!==
网站开发与网络建设

JavaScript判断两个变量是否相等之==与===及!=与!==

判断两个变量是否相等是程序设计中非常重要的运算。在处理原始值时,这种运算相当简单,但涉及对象,任务就稍有点复杂。 ECMAScript 提供了两套等性运算符:等号和非等号用于处理原始值,全等号和非全等号用于处理对象。 等号和非等号 在 ECMAScript 中,等号由双等号(==)表示,当且仅当两个运算数相等时,它返回 true。非等号由...

逍遥乐

给你的网站添加3D地球显示的访客统计(使用RevolverMaps)
wordpress教程

给你的网站添加3D地球显示的访客统计(使用RevolverMaps)

前两天在比亚迪网站上看见了一个地球来访者的3D地球显示的访客信息地图,非常有趣,逍遥乐也弄了一个。看了一下代码是个叫RevolverMaps的网站提供的。RevolverMaps,是一个免费的网站3D地图统计工具,采用采用Revolver Maps Graphics Engine图形引擎,同时提供JavaScript版本和flash版本。 与我们平时使用的百度统计、cnzz统计不同,这个是显示...

逍遥乐

Flex 布局教程:实例篇
网站开发与网络建设

Flex 布局教程:实例篇

上一篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。 你会看到,不管是什么布局,Flex往往都可以几行命令搞定。   我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 骰子的一面,最多可以放置9个点。 下...

逍遥乐

Flex 布局教程:语法篇
网站开发与网络建设

Flex 布局教程:语法篇

网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着...

逍遥乐