JS语言-技术探索

用nvm管理node.js版本

2024-06-25

1131

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

1085

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

554

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

1191

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

5017

JS语言

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

遍历 JSON 的键值对

2013-05-27

3613

JS语言

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