js常用案例
关注
分享
扫一扫
玖逸少女梦
从事前端开发，小学生一名，希望能共同进步
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
原生js下载word/pdf/xlsx/图片/
原生js下载word、pdf、xlsx、图片原创 2023-02-07 09:19:04 · 386 阅读 · 0 评论 -
微软宣布 TypeScript 4.8 正式发布
typescript最新发布原创 2022-09-21 18:17:18 · 1582 阅读 · 0 评论 -
获取昨日、近7天、近30天、本周、本月日期，回显到element的日期选择
在vue项目中，先在utils工具文件夹，新建date.js文件function timeForMat(count) { // 拼接时间 const time1 = new Date(); const time2 = new Date(); if (count === 1) { time1.setTime(time1.getTime() - 24 * 60 * 60 * 1000); } else { if (count >= 0) { time1.s原创 2021-09-28 13:58:01 · 639 阅读 · 0 评论 -
vue+element实现弹窗拖拽
因为element没有自带弹窗拖拽效果，所以就需要自定义指令去控制可能写的不好，请多指教首先新建一个js,作为指令import Vue from 'vue'; /**** *自定义弹窗拖拽指令 *Autor USER-T * time 2020-05-13 **** */// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHe原创 2020-05-13 11:01:10 · 1219 阅读 · 5 评论 -
vue+element实现表格上移下移
之前为了实现功能，网上找了一大堆各位前辈写的代码，还是整合了一下，适用于自己的代码功能主要实现依赖vue的this.$set(target,obj,resourse) <el-table v-if="testShow" ref="interfaceTable" class="com-table" :height="tableHeight" v-loading="loading"原创 2020-05-12 16:54:06 · 890 阅读 · 2 评论 -
vue+element 获取中文首字母，转换成大写
//前言import Vue from "vue";export class oMultiDiff extends Vue { PinYin = { a: "\u554a\u963f\u9515", ai: "\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u96...原创 2020-04-26 21:44:35 · 35106 阅读 · 0 评论 -
vue+element模板导入excel文件，生成对应的table
//因项目需求，在前端业务组，需要提供公共方法，就花了点时间研究//1.使用直接复制整个文件//需用在父页面引入使用模块//调用方式<ImportExcel @changeExcl="changeExcl" @closeExcl="closeExcl" @uploadExcl="uploadExcl" @downloadExcl="downloadExcl" :upload="u...原创 2020-04-09 21:56:00 · 1448 阅读 · 0 评论 -
中国标准时间转换成yyyy-mm-dd格式
还是直接看代码吧，不喜勿喷//日期转换 dateFormFunc(val){ var d = new Date(val); var month = d.getMonth()+1; //这里如果，传给后端需要做判断是否小于0 month = month < 10 ? "0" + month : month;return...原创 2020-04-09 21:47:52 · 1908 阅读 · 0 评论 -
vue+element-ui，前端控制显示隐藏列
因为功能需要，element框架目前没有开放此功能，所以对比element发布的最新版本，做了点尝试，结果还不错先看html代码<el-popover placement="bottom" width="200" trigger="click"> <div style="padding:4px;" v-for="item in colSelect" :ke...原创 2020-03-02 17:38:34 · 2413 阅读 · 6 评论 -
2020前端必备的学习知识点
2020年对于程序员行业来说是个机遇之年， 因为疫情原因，好多小型点的公司面临倒闭； 所以这时候又是一波跳槽的高峰期，那对于自己来多必备一些知识和能力让自己比别人有更多的优势，是必不可少的，所以，这两天花了点时间整理了点知识点，希望大家能用到这是资源地址的截图，目前就整理了一部分，后续会陆续更新，欢迎大家留言需要的资料，互相交流资源网站地址，点击可跳转...原创 2020-02-28 13:51:25 · 570 阅读 · 0 评论 -
与dataTable和jqTable其名的flexigrid.js
*按照国际惯例先闲聊几句哈，各位使用过的朋友有没有觉得这个框架很古老， 当然古老了，这是07年左右出来的table框架，因为公司不是做互联网项目的，所以有幸接触到这个古老的框架，刚刚交付完项目，闲来无事，就给自己做点笔录，不喜勿喷哈*``先直接看代码哈 $("#lichengDetailTable").flexigrid({ url: modelConfig.http, da...原创 2020-02-21 15:42:12 · 438 阅读 · 0 评论 -
世界上最早的区块链项目~知道是什么吗？
近区块链这个玩意又被市场搞的很是火热，相信大部分人都不太清楚这玩意到底是怎么样的一个概念，它来了，它来了，它到底是啥~ 国家都开始发文支持了，下面是一个通俗易懂的例子：中国麻将。 甲首先发起一个申请，我要打麻将，组建一个麻将局，这就相当于创建一个区块，这个区块会被广播给乙、丙、丁、A、B、C、D……在打麻将的过程中，上述四个人不断的 摸牌、打牌，这个可以理解成挖矿，通过什么来挖矿？麻将机...转载 2019-12-25 11:24:46 · 1404 阅读 · 0 评论 -
在原生ios和android中嵌套h5, h5调用原生的方法，进行跳转
首先做一个终端判断var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端然后直接上代码function setupWebViewJavascript...原创 2019-12-13 11:13:02 · 2119 阅读 · 0 评论 -
js判断两个时间段，是否有交集
js判断两个时间段，是否有交集1.时间格式 HH:MMvar a = '第一个开始时间'var b = '第二个结束时间'var c = '第二个开始时间'var b = '第二个结束时间' checkTime(a, b, x, y) { var times1 = [], times2 = []; if (a < b) { //未...原创 2019-11-23 10:50:11 · 3442 阅读 · 0 评论 -
微信公众号-获取地理位置-打开内置地图
首先提醒同学，先去研究哈官网，了解点基础参数然后，看这里的代码比较容易这是微信的配置文件，至于里面参数，如何拿到，我上篇文章，微信分享有详细说明，这里不做解释哈 wx.config({ debug: false, appId: res.data.appId, timestamp: res.data.timestamp, ...原创 2019-11-13 17:30:14 · 2717 阅读 · 0 评论 -
js原生--可拖拽按钮
直接看代码吧```javascriptvar bodyWidth=document.body.clientWidth; //获取文档宽度 document.getElementById("btnHome").style.left=bodyWidth-63+"px"; //getOffsetSum 获取相对与document的偏移量 function getOffset...原创 2019-11-06 15:45:11 · 1262 阅读 · 0 评论 -
微信公众号开发--h5定位索引列表
直接看效果吧![在这里插入图片描述](https://img-blog.csdnimg.cn/20191106110645968.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODY0MzIw,size_16,color_F...原创 2019-11-06 11:10:51 · 1557 阅读 · 0 评论 -
android5.0加载h5页面显示空白
我这个问题出现在android5.0以上—android6.0以下的机子上， 其他版本没问题。客服给我反馈说这些问题全部出现在 oppo、vivo上面，都是android5.1.1的版本上。解决方法：启用mixed content在Android5.0中，WebView方面做了些修改，如果你的系统target api为21以上:系统默认禁止了mixed content和第三方cooki...转载 2019-11-03 15:46:25 · 2616 阅读 · 0 评论 -
canvas实现背景图和二维码合并-生成海报
话不多说，只是想分享踩坑的经验，若有不好，请谅解//若不嫌弃，可以直接拿过去复制，只需要改成自己的图片地址就行//记住二维码需要动态计算宽高//html代码 <div id="qrcode"> </div> <div id="canbox"> <canvas id="myCanvas" width="" height="">...原创 2019-11-03 15:40:45 · 3244 阅读 · 5 评论 -
微信浏览器-公众号，实现地图定位
前段时间，再公司的要求下，做了一个类似商城的微信公众号；其中需要获取当前用户的定位，便研究了下其中的坑我相信有很多的同行，都会自认为的以为都是微信内置浏览器，android和ios的展示效果和对于js的支持度，都是一样的。其实不然，接下来就把我踩坑的过程告诉给大家原来两系统对于地图的插件的支持是不一样的，比如ios系统支持–腾讯地图，android支持百度地图直接上代码咯//先全局设置两...原创 2019-11-03 15:33:39 · 1981 阅读 · 0 评论 -
原生js,实现上拉加载--下拉刷新
//--------------上拉加载更多--------------- //获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if(document.documentElement &&...原创 2019-10-23 20:03:10 · 1363 阅读 · 0 评论 -
2019年最全面最新200+道JavaScript基础面试题（上）
在此之前，我也跟大家分享过很多的面试题，今天我要跟大家分享的这个JavaScript的面试一共有200多道，适用于前端学习与前端求职者，面试刷题，里面涵盖的内容比较广，今天只是整理了部分面试题，希望对你们有所帮助01、JavaSript有哪些垃圾回收机制？标记清除（ mark and sweep )这是JavaScr i pt 最常见的垃圾回收方式。当变量进入执行环境的时候，比如在函数中声明...原创 2019-09-16 09:50:25 · 4349 阅读 · 0 评论 -
计算倒计时 xx天-xx时--xx分--xx秒
这是之前做CRM系统的时候，刚好碰到业务需要，便研究了哈这个前提是后台返回的时候 countdown>0 并且是秒数 或者毫秒数如果是时间戳便需要多一步转换的过程var _this = this;// console.log(544,_this.tabledata)setInterval(function(){for(var i=0;i<_this.tabledata.l...原创 2019-09-12 15:31:27 · 1160 阅读 · 0 评论 -
js 判断当前号数是否在本周
// 判断时间戳是否在本周isWeek:function (time) { // 当前时间 var timestamp = Date.parse(new Date()); var serverDate = new Date(timestamp); //本周周日的的时间 &...原创 2019-09-11 16:22:54 · 1267 阅读 · 0 评论