Node.js设置或更改npm下载包的默认缓存目录命令npm config set cache

npm下载包缓存目录用于保存已下载包的电脑本地位置，从而方便在后续安装相同包时进行复用，有效节省下载安装时间和带宽资源。不同操作系统的默认npm缓存目录会有差异，但好像都不好找。windows系统的默认npm缓存目录的路径一般是C:\Users\<username>\AppData\Roaming\npm-cache。（username是电脑用户名） 如果不喜欢这个存储路径，可以使用npm命令进行更改设置。...
电脑软件 / / 1707次阅读
Node.js设置或更改npm下载包的默认缓存目录命令npm config set cache

Node.js修改或自定义设置npm全局包的安装路径命令npm config set prefix

windows电脑想自定义npm全局包的安装路径方便查找，可以使用npm config set prefix命令。 1、在nodejs安装目录，如D:\nodejs，直接鼠标右键新建文件夹的方式创建一个用来存放全局npm包的目录（使用命令创建，则是mkdir命令），命名为node_global，那么其路径便是D:\nodejs\node_global。 2、以管理员身份运行命令提示符工具，输入以下命令后按回...
电脑软件 / / 2092次阅读
Node.js修改或自定义设置npm全局包的安装路径命令npm config set prefix

通过execCommand命令实现一键复制文本的javascript代码

网页上实现一键复制的功能可以使用clipboardjs插件，也可以使用execCommand命令，但兼容性没有前者好。实现思路是创建一个表单文本输入框元素如input、textarea，然后使用select()方法选择文本，再使用execCommand命令复制文本到剪切板。 为了便于重复调用，写成一个函数 function tddx_copyText(ctext) { var copyText = do...
Web前端开发 / / 812次阅读

canvas实现点击指定切换元素的圆形弧线进度条动画效果

这是一个使用画布canvas做的通过点击元素实现弧线运动到指定位置的动画效果。实现原理和前面分享的《Canvas百分比动画进度条》教程一样，区别是增加了一个点击事件来传递参数使弧线动画运动到指定位置。思路很简单，代码也很简单。 HTML代码： <div class="canvas"> <canvas id="circle" width="644" height="640...
Web前端开发 / / 912次阅读
canvas实现点击指定切换元素的圆形弧线进度条动画效果

javascript封装$_GET函数来获取url的参数值

js获取通过window.location获取当前网址的参数（参考《javascript获取当前页面url网址参数信息代码》），如果需要频繁获取或者获取的参数较多，显得有点不方便。写成函数的方式，像php或其它代码那样直接使用$_GET['id']的方式获取参数值会更好。 var $_GET = (function(){ var url = window.document.location.href.toStrin...
Web前端开发 / / 901次阅读

xampp启动后访问网站提示Host 'localhost' is not allowed to connect to this MariaDB server

XAMPP之前一直正常使用，再次打开可以正常启用Apache、MySQL，但访问网站提示错误Host 'localhost' is not allowed to connect to this MariaDB server，访问phpmyadmin也提示数据库链接错误。解决方法是设置启动mysql时不启动grant-tables，即跳过权限验证。需要注意的是，跳过权限验证后，本地连接数据库可以使用任意账号或者密码。操作步...
网站建设 / / 1346次阅读

简单javascript代码实现简单的天时分秒倒计时功能效果

常见的活动倒计时效果js代码，实现原理很简单，通过计算结束时间与当前的时间差实现倒计时，然后可以使用setInterval方法实现每隔1000毫秒（即1秒）变动一次剩余时间的动态倒计时效果。 HTML代码： <div class="countTime"> <span id="day"></span> <span>天</span> <sp...
Web前端开发 / / 1740次阅读

jquery实现粘贴16位序列号自动分割填入input的代码

常见的功能，复制验证序列号粘贴自动分割填入当前focus的input及后面input，每个框4个字符。同时实现当复制的内容自由分割后，某个input不足4个字符时，focus在那个input，超过4个字符则focus进入下一个input。 实现代码 HTML代码 <div class="serial"> <input type="text" class="text...
Web前端开发 / / 1580次阅读
jquery实现粘贴16位序列号自动分割填入input的代码

javascript数组转换成字符串的代码方法join()

Javascript join()方法用于把一个数组中的所有元素通过指定的分隔符进行分隔转换为一个字符串。join()方法为JavaScript版本增加，所有主要浏览器都支持。 语法： array.join(separator); 参数 separator：可选，指定要使用的分隔符（如,-|等），留空则自由使用逗号作为分隔符。 返回值 String：返回一个字符串，该字...
Web前端开发 / / 2239次阅读

解决HTML5 video不支持播放m3u8格式视频的方法

m3u8是一种基于HLS(HTTP Live Streaming)文件视频格式，HLS由苹果公司提出，使用<video></video>标签可以在Safari浏览器直接播放，但其它浏览器要借助hls.js或基于hls.js开发的html5播放器插件才能兼容播放m3u8格式视频，否则会提示不支持视频格式。 基础代码 HTML代码： <script src="https://...
Web前端开发 / / 4080次阅读

jquery实现tab切换内容为几个不同swiper.js轮播插件模块的代码

做一个点击指定元素切换指定内容的页面模块（TAB切换），要切换的内容是独立的swiper.js轮播插件模块，如果先swiper初始化轮播内容，然后实现tab切换就会出现各轮播模块冲突，比如前进后退按钮异常、分页器异常、切换时内容加载异常等。可以避免各轮播模块冲突的方法是点击切换时再初始化当前的swiper轮播，其它的swiper轮播则注销掉。HTML代码：<script src="js/swiper-bundl...
Web前端开发 / / 1679次阅读