js
文章平均质量分 72
骑上我心爱的小摩托
掉入程序员的前端
展开
-
Echats关系图les-miserables的图表详细解析(和弦图)(二)
和弦图在实际运用中还是不可或缺的,结合echarts插件进行使用,可以提高工作效率,话不多说,上代码。原创 2022-08-23 15:44:54 · 1543 阅读 · 0 评论 -
JavaScript URLdecode函数
JavaScript中urldecode有相应的函数,使用方便。但urldecode就需要一些处理,直接上代码function UrlDecode(zipStr){ var uzipStr = ''; for (var i = 0; i < zipStr.length; i += 1) { var chr = zipStr.charAt(i); if (chr...转载 2020-04-03 09:51:34 · 14444 阅读 · 0 评论 -
基于gulp搭建的前端自动化构建
基于gulp搭建的前端自动化构建,需要在项目中引入wbepack-cli,来添加gulp依赖,并对gulp文件做文件路径配置,执行打包命令即可首先新建项目文件夹后,项目目录下创建 package.json 文件。npm init安装 gulp 命令行工具npm install --global gulp-cli安装 gulp,作为开发时依赖项npm install -...原创 2020-01-09 11:30:48 · 413 阅读 · 5 评论 -
Echats关系图les-miserables的图表详细解析(和弦图)(一)
当前遇到的图表为关系图https://www.echartsjs.com/examples/zh/editor.html?c=graph-circular-layout,它的数据结构连接为:https://www.echartsjs.comdata/asset/data/les-miserables.gexf 在浏览器内打开后即可下载当前gexf文件。图表内是对gexf格式文件进行了解析...原创 2019-11-28 15:03:28 · 7590 阅读 · 6 评论 -
js 获取当月最后一天的日期 以及 function中return多个数据表示方法
关于计算当月的总共天数和最后一天日期function如下:getCountDays:function (){ var date = new Date(), month = date.getMonth(), newday = date.setDate(1), // 设置当前时间为这个月一号 ...原创 2019-05-15 20:59:05 · 603 阅读 · 0 评论 -
Duplicate keys detected: '1'. This may cause an update error. vue报错
1.报错信息 错误信息展示为关键字‘keys‘,此时应该检查for循环中的key,循环的key值不为唯一性<van-cell v-for="(item,index) in list" :key="item"> {{item}}</van-cell>此时应将item改为index,则不再报错了...原创 2018-09-08 21:55:49 · 35986 阅读 · 15 评论 -
调用js文件里的函数报错onclick is not defined处理方法以及调用其他方法
对于js中onclick方法的使用写法,正确如下: getChoice = function (param_index) { $(&quot;.charge-btn-group&quot;).removeClass(&quot;btn-active&quot;); $(&quot;#charge-btn-group&quot; + param_index).addClass(&a原创 2018-08-07 14:58:11 · 3576 阅读 · 0 评论 -
js获取用户使用的设备类型及平台
在项目中需要统计用户使用的设备信息1.见html代码如下,将结果信息打印在控制台index.html<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta nam原创 2018-07-23 15:14:13 · 11168 阅读 · 0 评论 -
js 实现点击按钮复制文本功能(适用于android / ios)
1、在做点击按钮复制功能时遇到了小小的卡顿,此处遇到了两种系统手机的兼容性 / 复制后会对文本进行选中 / 输入法弹出 等。现将方法进行总结,如下代码很好对解决了以上问题,适用性强。2、在文本此处使用p标签或者div标签都可<div class="copy-font"> <div class="uuid-code" id="content">saidfh...原创 2018-07-09 17:48:19 · 9010 阅读 · 7 评论 -
wepack二 打包项目文件及配置
1.在前面webpack学习一的基础上继续进行学习 在之前是基础的文件,实际会出现多个js文件等/包括执行命令的复杂性2.在项目根目录下添加文件夹app / public 分别在app内添加入口文件 main.js 以及 Greeter.js//main.js const greeter = require('./Greeter.js');document.querySele...原创 2018-06-21 18:14:28 · 556 阅读 · 0 评论 -
JS设置仅在微信浏览器中打开h5界面
对浏览器的UserAgent进行正则匹配,不含有微信独有标识的则为其他浏览器function userAgentWx() { var useragent = navigator.userAgent; if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') { // 这里警告框会阻塞当前页面继续加载 al...原创 2018-06-21 11:49:24 · 4846 阅读 · 0 评论 -
禁止界面选中图片,文字以及右击操作
1.禁止界面选中图片和文字 <img src="img/icon-logo.svg" alt="" class="icon-logo-copy" draggable="false"/>body{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;...原创 2018-03-20 16:13:23 · 6028 阅读 · 0 评论 -
浏览器出现Cannot set property 'onclick' of null的问题
1.onclick方法报错,写法是浏览器先加载完按钮节点才执行的js,所以当浏览器自顶向下解析时,找不到onclick绑定的按钮节点,于是报错。因此,需要把js文件放在底部加载,就会避免该问题。2.加载完毕后,点击按钮后无报错window.document.onload =function(){ document.getElementsByClassName('img-blank...原创 2018-03-12 13:55:49 · 3764 阅读 · 0 评论 -
js对象获取界面滚动相对位置操作
1.使用js获取界面滚动的相对位置 var scrollFunc = function (e) { var direct = 0; e = e || window.event; if(e.wheelDelta){ if(e.wheelDelta > 0){ //向上滚动 ...原创 2018-02-28 17:47:12 · 1178 阅读 · 0 评论