PSD字符字重Light、Regular对应CSS font-weight的属性值参考

css属性font-weight提供的属性值有normal、bold、bolder、lighter、100~900、inherit，而设计师提供的设计稿字符面板通常是这样的： 而且设计师用字体的字重通常不只有一种，如Thin、UltraLight、Light、Regular、Medium、Semibold、bold、Extra Bold、Heavy等，如下图： 那么如果在网页...
Web前端开发 / / 6597次阅读
PSD字符字重Light、Regular对应CSS font-weight的属性值参考

实现fullpage.js插件横向滑块slide自动轮播效果

fullpage插件的slide横向滑块不能设置自动轮播，如果要使slide自动轮播可以使用fullpage插件的moveSlideRight()方法或moveSlideLeft()配合js的setInterval()实现。 代码 setInterval(function(){ $.fn.fullpage.moveSlideRight(); },5000); 或 setInt...
Web前端开发 / / 5205次阅读
实现fullpage.js插件横向滑块slide自动轮播效果

针对IE9不支持placeholder的兼容处理方法代码

IE9及IE9以下浏览器不支持placeholder属性，对IE9的placeholder兼容性处理方法通常是把placeholder的属性值放在value属性中，但这样不利于判断值是否为空，兼容性比较好一个方法是用一个元素覆盖在输入框上面代替placeholder，点击时再隐藏。 HTML代码 <div class="input"> <label class="placeh...
Web前端开发 / / 2540次阅读
针对IE9不支持placeholder的兼容处理方法代码

jquery实现淘宝APP收货地址地区联动选择效果(优化版)

使用jQuery模仿淘宝移动端APP中，添加收货地址时选择所在地区的省、市、区、县街道四级联动的选择效果。 效果如下图： 原插件：https://www.jq22.com/jquery-info21567 下面是把代码优化过后的版本。 1、把下面代码保存为areaSelect.js文件： var first_char; var listArr = []; v...
Web前端开发 / / 3081次阅读
jquery实现淘宝APP收货地址地区联动选择效果(优化版)

原生javascript实现禁止浏览器滚动,滚动条不消失代码

使用css代码可以禁止网页滚动，但是会使浏览器窗口的滚动条消失。而js代码则可以让页面禁止滚动的同时，保留滚动条的显示状态，而且滚动条的位置不变。 javascript代码 var keys = { 37: 1, 38: 1, 39: 1, 40: 1 }; function preventDefault(e) { e = e || window.event; if (e.preventDe...
Web前端开发 / / 4273次阅读

javascript实现定位当前城市返回城市名称的代码

在网页上定位当前城市，并返回当前城市名称，最简单的实现方法就是利用现成的城市定位接口，如百度普通IP定位接口、搜狐的城市定位api、腾讯地图IP定位接口等。 百度普通IP定位接口 https://api.map.baidu.com/location/ip?ak=申请的百度地图密钥&coor=bd09ll 官方主页：http://lbsyun.baidu.com/index.php?tit...
Web前端开发 / / 3366次阅读

jQuery的$().each方法和$.each()方法的区别

$().each和$.each()是两个名称相似的jquery方法，它们的区别是前者用于处理DOM对象，后者用于处理数据对象。 方法结构 $().each $(selector).each(function(index,element){ //执行代码 }); $.each() $.each(dataArray, function(index,element){ //执行代码...
Web前端开发 / / 3089次阅读

javascript toFixed()方法兼容负数重写

javascript方法toFixed()可以把Number四舍五入为指定小数位数的数字，但在负数上似乎有问题，把方法提出来重写以兼容负数。 代码可放在方法调用前的任意js文件，或直接放在页面上。 Number.prototype.toFixed = function (s) { var that = this, changenum, index; if (this < 0) { that =...
Web前端开发 / / 4047次阅读

最直观的理解javascript构造函数和普通函数的区别

区分javascript函数是构造函数还是普通函数的方法是看它们使用了哪种调用方式，无论是javascript构造函数还是javascript普通函数，它们总归是函数，它们的调用方式决定了它们是构造函数还是普通函数。 下面是一个函数的声明，它就是一个函数，但它后面的使用方式决定了它是构造函数还是普通函数： function website(name,url){ this.webName = name;...
Web前端开发 / / 2638次阅读