JS
一些常用的js代码
星良辰寻
没什么好介绍的,咸鱼Id一样
展开
-
class类初探
class 类 初探原创 2022-10-09 14:38:46 · 61 阅读 · 0 评论 -
Photo Sphere Viewer 使用以及,截图空白问题
截图之前先重新渲染一下 这里参考的是别人的想法 然后从api中找到的 PSV.renderer.render() getSection() { //全景图截图 console.log('这是this.$refs.qjt',this.$refs.qjt.PSV.renderer.render()); let canvas = this.$refs.qjt.$el.getElementsByTagName("canvas")[0]; let dataURL =原创 2021-09-14 17:30:03 · 530 阅读 · 0 评论 -
vue中 js数组导出以及使用
vue中 数组导出以及使用:1.export效果:2.export default效果:原创 2021-09-10 11:25:25 · 1561 阅读 · 0 评论 -
通过时间戳计算 几小时前 几天前
export function timeago(dateTimeStamp) { //dateTimeStamp是一个时间毫秒,注意时间戳是秒的形式,在这个毫秒的基础上除以1000,就是十位数的时间戳。13位数的都是时间毫秒。 var minute = 1000 * 60; //把分,时,天,周,半个月,一个月用毫秒表示 var hour = minute * 60; var day = hour * 24; var week = day * 7; var halfamonth = da原创 2021-07-22 17:31:04 · 793 阅读 · 0 评论 -
自定义指令 禁止拖动+鼠标样式为默认箭头样式
import Vue from 'vue';const stopDrag = Vue.directive('stopDrag', { inserted: function (el, binding, vnode) { el.style.cursor = 'default' let element = el; element.onmousedown = function (e) { e.stopPropagation()原创 2021-07-06 15:59:37 · 260 阅读 · 0 评论 -
js 根据时间段 时间范围 获取每年的季度
// 3.31 6.30 9.30 12.31 为每年季度的分界线 getFourSeason() { let starttime = new Date(sessionStorage.getItem("pro_starttime")); let endtime = new Date(sessionStorage.getItem("pro_endtime")); console.log("这是starttime", starttime); console原创 2020-12-25 10:29:13 · 1766 阅读 · 0 评论 -
时间戳转换
// 如果记得时间戳是毫秒级的就需要*1000 不然就错了记得转换成整型 formatDate(now) { now = new Date(now); var year = now.getFullYear(); var month = now.getMonth() + 1; var date = now.getDate(); // var hour=now.getHours(); // var minute=now....原创 2020-12-24 10:05:25 · 275 阅读 · 2 评论 -
使用splice循环删除数组中的元素的时候的bug
使用splice循环删除数组中的元素的时候的bug因为使用splice删除数组中的元素的时候,对应数组的索引也会改变,当删除第一个的时候,删除的是索引为0的,但是删除完毕之后,索引为1的变成索引为0的,所以这个时候你还删索引为1的数据的时候,其实删的是原数组索引为2的数据,就会造成数据删除变乱。...原创 2020-12-16 11:40:53 · 552 阅读 · 0 评论 -
vue js 可随意拖动盒子 以及禁止拖拽
可拖动弹窗:1.新建一个js,放置如下js代码import Vue from 'vue';//使用Vue.directive()定义一个全局指令//1.参数一:指令的名称,定义时指令前面不需要写v-//2.参数二:是一个对象,该对象中有相关的操作函数//3.在调用的时候必须写v-const drag = Vue.directive('drag', { //1.指令绑定到元素上回立刻执行bind函数,只执行一次 //2.每个函数中第一个参数永远是el,表示绑定指令的元素,el参数原创 2020-09-29 15:37:52 · 1946 阅读 · 2 评论 -
js 展示base64图片 下载base64图片函数
dataUrl:格式如下img盒子:格式// 展示准备打印的地图printMap.showImg = function (res) { const screenshotImage = document.getElementsByClassName( "js-screenshot-image" )[0]; screenshotImage.width = res.data.width / 2; screenshotImage.height = res.d转载 2020-09-28 14:36:00 · 315 阅读 · 0 评论 -
函数自定义值的影响
当函数使用实参的时候:即传的参数当函数使用自定义值时候:即默认值使用:原创 2020-09-23 16:02:58 · 146 阅读 · 0 评论 -
js 简单的分页函数
分页代码:代码解释:/*list:数据currentPage :当前页pageSize:每页条数list.length:数据总长度listPage(list):函数执行后的结果*/当list的长度小于10条的时候:取当前的list,为了好看效果直接把10条每页写进去了。当list的长度大于10条的时候:例如取第一页的10条数据: listPage(list,currentPage,pageSize) { if (list.length > 10) {原创 2020-09-02 09:59:22 · 574 阅读 · 0 评论 -
js 代码 当文字溢出的时候给title提示
// 当文字溢出的时候给title提示 titleEnter(e, text) { // console.log("这是e", e); var target = e.target; var containerLength = $(target).width(); //当前容器的宽度 var textLength = target.scrollWidth; //当前文字(包括省略部分)的宽度 if (textLength > conta原创 2020-08-25 11:11:25 · 492 阅读 · 0 评论 -
监听 如果屏幕宽度小于某个值 则收缩左边导航
mounted() { // 监听 如果屏幕宽度小于某个值 则收缩左边导航 // 网页可见区域宽:document.body.clientWidth // 网页可见区域高:document.body.clientHeight // 网页可见区域宽:document.body.offsetWidth (包括边线的宽) // 网页可见区域高:document.body.offsetHeight (包括边线的宽) window.addEventListener(..原创 2020-06-10 13:57:25 · 375 阅读 · 0 评论 -
null和undifined
原创 2020-06-05 10:31:20 · 117 阅读 · 0 评论 -
location.href
href 属性是一个可读可写的字符串,可设置或返回当前显示的文档的完整 URL。download() { location.href = process.env.VUE_APP_hrefUploadFile;},点击时下载原创 2020-05-19 11:00:29 · 108 阅读 · 0 评论 -
js 判断对象里面有没有值
let flag=false for (const key in data.page) { if (data.page.hasOwnProperty(key)) { flag=true } }flag的值即为对象内有无键值,原创 2020-04-28 17:09:51 · 2109 阅读 · 0 评论 -
js 取特定字符前一个 或 后一个
// 通过什么分隔 取字符前一个 或后一个 function getCaption(obj, state) { var index = obj.lastIndexOf("|"); if (state == 0) { obj = obj.substring(0, index); ...原创 2020-04-26 14:03:56 · 380 阅读 · 0 评论 -
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
const target = { a: 1, b: 2 };const source = { b: 4, c: 5 };const returnedTarget = Object.assign(target, source);console.log(target);// expected output: Object { a: 1, b: 4, c: 5 }console.log(...转载 2020-04-23 10:36:42 · 163 阅读 · 0 评论 -
js arr.fill() 使用固定值填充数组
var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.fill("Runoob");输出结果:Runoob,Runoob,Runoob,Runoob转载 2020-04-22 09:11:13 · 603 阅读 · 0 评论