技术探索
  • 用nvm管理node.js版本

    2024-06-25
    1132
    JS语言
    根据NVM官网,可以看到curl的安装命令如下:# installs nvm (Node Version Manager)curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash执行 nvm list-remote 询问 NVM 哪些版本的 Node 可用,这将列出所有node.js版本接下来安装自己想要的版本,hydrogen是LTS的更新代号。nvm install v18.18.0//安装v18.18.0 版本nvm current 指令来查看是否为当前活动版本如果想直接删除活动版本, 是不能删除的。如果一定要删除活动版本,需要使用nvm deactivate 命令来解除已激活的nvm版本,从而卸载node.js。nvm ls ,输出已安装的所有版本的信息'-> v18.18.0'
  • Next.js 11.0.x版本+antd使用webpack5的配置方法

    2021-07-15
    1090
    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
    336
    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
  • JQuery插件开发标准写法(转)

    2018-04-27
    555
    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
  • jQuery使层自适应浏览器高度

    2015-08-10
    467
    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
  • 在js中用ceil、floor和round四舍五入取整

    2014-02-08
    1192
    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));//输
  • 使用 getTimezoneOffset 获取UTC时间和本地时间之间的时差

    2014-02-08
    5010
    JS语言
    getTimezoneOffset() 方法返回的是本地时间与 GMT 时间或 UTC 时间(即格林威治时间)之间相差的分钟数。实际上,该函数告诉我们运行 JavaScript 代码的时区,以及指定的时间是否是夏令时。返回之所以以分钟计,而不是以小时计,原因是某些国家所占有的时区甚至不到一个小时的间隔。由于使用夏令时的惯例,该方法的返回值不是一个常量。该方法总是结合一个 Date 对象来使用。在下面的例子中,我们将取得 GMT 时间与本地时间以分钟计的时间差:<scripttype="text/javascript">vard=newDate();document.write(d.getTimezoneOffset());//以上输出值:-480(即8小时,也就是运行本代码的时区为北京时区)</script>
  • 遍历 JSON 的键值对

    2013-05-27
    3611
    JS语言
    json在实际中运用非常广泛,下面就介绍如何遍历json结构中的所有元素及其值。//JSON数据源:var nation = {China: '中国',USA: '美国',UK: '英国'};//遍历:for(var key in nation){alert(key + '=' + nation[key]);}这里的遍历有点象在 C# 中遍历 NameValueCollection 。