• 2021-07-15
    332
    JS语言
    由于next.js仅支持sass,而antd又是用less开发,官方的next-less一直停留在1.01版本,next.js升级到11.0以后的版本默认支持webpack5以上的版本,所以用下面的方法来实现支持webpack5,具体已经在021f1.com上使用。constfs=require('fs');constpath=require('path');constMiniCssExtractPlugin=require('mini-css-extract-plugin');constCssMinimizerPlugin=require('css-minimizer-webpack-plugin');constlessToJS=require('less-vars-to-js');constversion=require('./package.json').version;const{
  • 2018-06-21
    200
    JS语言
    根据鼠标移动,在鼠标所在位置显示提示信息:<divclass="main"style="width:200px;height:100px;border:1pxsolid#ccc;">鼠标移动到这里</div><divclass="message"style="position:absolute;display:none;width:100px;height:50px;border:1pxsolid#ddd;"></div>JS代码(需要jQuery):$('.main').hover(function(e){$('.message').html('提示消息');$('.message').css({"top":(e.pageY)+"px","left":(e.pageY)+"px"}).show(200);$(this
  • 2018-04-27
    374
    JS语言
    //step01定义JQuery的作用域(function($){//step03-a插件的默认值属性vardefaults={prevId:'prevBtn',prevText:'Previous',nextId:'nextBtn',nextText:'Next'//……};//step06-a在插件里定义方法varshowLink=function(obj){$(obj).append(function(){return"("+$(obj).attr("href")+")"});}//step02插件的扩展方法名称$.fn.easySlider=function(options){//step03-b合并用户自定义属性,默认属性varoptions=$.extend(defaults,options);//step4支持JQuery选择器//step5支持链式调用returnthis.each(function(){//step06-b在插件里定义方法show
  • 2015-08-10
    314
    JS语言
    使用jQuery使页面中指定的层自适应浏览器高度的代码,备查。//初始加载时执行$(document).ready(function(){$('#div_body').css('height',$(window).height());});//浏览器改变大小时执行$(window).resize(function(){$('#div_body').css('height',$(window).height());})相应的html页面:<body><divid="div_body"style="width:200px;background:#ff6600;">层的高度将根据浏览器的高度而变化</div><scripttype="text
  • 2014-02-08
    1034
    JS语言
    在js中,有三个方法可以进行类似四舍五入的操作,这与我们在数学中学到的四舍五入有一些区别,下面简要介绍这些方法的使用。1. ceil()ceil() 方法可对一个数进行上舍入。语法为:Math.ceil(x),其中x必须是一个数值,返回值大于等于x,并且是与它最接近的整数。<scripttype="text/javascript">document.write(Math.ceil(0.60));//输出1document.write(Math.ceil(0.40));//输出1document.write(Math.ceil(5));//输出5document.write(Math.ceil(5.1));//输出6document.write(Math.ceil(-5.1));//输出-5document.write(Math.ceil(-5.9));//输
  • 2014-02-08
    4330
    JS语言
    getTimezoneOffset() 方法返回的是本地时间与 GMT 时间或 UTC 时间(即格林威治时间)之间相差的分钟数。实际上,该函数告诉我们运行 JavaScript 代码的时区,以及指定的时间是否是夏令时。返回之所以以分钟计,而不是以小时计,原因是某些国家所占有的时区甚至不到一个小时的间隔。由于使用夏令时的惯例,该方法的返回值不是一个常量。该方法总是结合一个 Date 对象来使用。在下面的例子中,我们将取得 GMT 时间与本地时间以分钟计的时间差:<scripttype="text/javascript">vard=newDate();document.write(d.getTimezoneOffset());//以上输出值:-480(即8小时,也就是运行本代码的时区为北京时区)</script>
  • 2013-05-27
    3429
    JS语言
    json在实际中运用非常广泛,下面就介绍如何遍历json结构中的所有元素及其值。//JSON数据源:var nation = {China: '中国',USA: '美国',UK: '英国'};//遍历:for(var key in nation){alert(key + '=' + nation[key]);}这里的遍历有点象在 C# 中遍历 NameValueCollection 。
  • Copyright © 2021 技术探索 All Rights Reserved.