html
关注
分享
扫一扫
言辞I
这个作者很懒，什么都没留下…
展开
-
vue 自定义指令 实现浏览器拖动元素拖动效果
自定义指令代码import Vue from 'vue'const drag = Vue.directive('drag', { inserted(el, binding) { let bodyw = document.querySelector('body').clientWidth - el.clientWidth let bodyh = document.querySelector('body').clientHeight - el.clientHeight原创 2021-11-02 12:00:31 · 223 阅读 · 0 评论 -
js创建对象的六种方式
一、new Object（）； var x="age" var obj=new Object(); obj.name="wang"; obj.x=20; //.字符串 obj[x]=25; //[变量] console.log(obj);//{name: "wang", x: 20, age: 25}二、字面量 var a="hobby" var obj={"name":"wang","age":"18原创 2021-01-09 20:41:58 · 1678 阅读 · 6 评论 -
jQuery实现放大镜效果
放大镜效果想必大家并不陌生，在广泛的应用在各种线上商城的商品展示，那么今天为大家实现以下放大镜效果；CSS样式：overflow:hidden 溢出隐藏；margin-left，margin-right 左右边距；主要事件：鼠标事件mousemove()和mouseleave();不要忘记引入jQ文件!效果图1.html代码： <div id="box"> <img src="./哈哈.jpg" alt="">//正常显示的图片 <d原创 2020-12-23 21:03:05 · 3118 阅读 · 11 评论 -
html两种方法来实现tab切换效果
tab切换通过js和jQuery来实现，所有代码如下。1.页面切换效果通过js实现**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>原创 2020-12-21 21:50:33 · 8144 阅读 · 7 评论 -
JS判断数据类型方法以及封装方法实现检查数据类型；
**1. typeof ** console.log( typeof(1) );//number console.log( typeof "abc" );//stringconsole.log(typeof false); //booleanconsole.log(typeof function () {}); //functionconsole.log(typeof {}); //objectconsole.log(typeof undefined); //undefined原创 2020-12-18 21:48:50 · 372 阅读 · 1 评论 -
js时间格式转换
js时间格式转换，比如转换成：年月日时分秒。1.获取时间戳：var time=get Date();2.获取当前年份：（用 padStart 方法，不足两位数，在前面添加0，以下同理）var years=time.getFullYear();3.获取当前月份：（ 0 - 11，0代表一月，所以获取当前月份time.getMonth( ) + 1;）var months=(time.getMonth()+1).toString().padStart(2,"0");4.获取当前日期（ 1 -原创 2020-12-16 20:35:06 · 1415 阅读 · 4 评论