js
关注
分享
扫一扫
言辞I
这个作者很懒，什么都没留下…
展开
-
Echarts 旭日图 隐藏过长文字，hover显示全部文字
Echarts 旭日图 隐藏过长文字，hover显示全部文字原创 2023-02-09 15:25:26 · 900 阅读 · 0 评论 -
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 评论 -
关于ajax你要知道的事情
一、什么是ajax？即异步的 JavaScript 和 XML，是一种用于创建快速动态网页的技术；传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。使用AJAX则不需要加载更新整个网页，实现部分内容更新。二、应用场景用Ajax进行数据验证（表单验证）按需取数据（Ajax改进分类树的实现机制，例如部门结构，文档得分类结构常常使用树形空间呈现）在初始化页面时，只获取第一级子分类的数据并且显示；当用户点开一级分类的第一节点时，页面会通过Ajax向服务器请求当前分类所属的二级子分类的所有原创 2021-04-19 21:28:15 · 449 阅读 · 4 评论 -
jQuery实现多选框全选/全部选
用js jquery 的方法实现全选/全不选；1.html代码： <label for="all" id="labelall">全选</label> <input type="checkbox" id="all"> <ul id="ul"> <li> <label for="all">手机</label> <input type="checkbox"原创 2021-01-18 20:47:30 · 3209 阅读 · 0 评论 -
jQuery实现隔行变色
用jQuery方法实现隔行变色和代码注释都在下面↓↓↓1.html代码 <form> <div> <label for="user">姓名</label> <input type="text" id="user"> </div> <div> <label for="age">年龄</l原创 2021-01-13 21:23:21 · 835 阅读 · 3 评论 -
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 评论 -
Object.defineProperty()方法
Object.defineProperty( )Object.defineProperty() 方法直接在一个对象上定义一个新属性、或者修改属性， 并返回这个对象。Object.defineProperty(object, prop, descriptor);object：必须，要在其对象上添加或修改属性；prop：需被定义或修改的属性名；descriptor：需要被定义或者修改的属性的描述符；属性：value：该属性对应的值；writable：是否可修改，true/false；原创 2021-01-01 20:19:40 · 214 阅读 · 0 评论 -
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 评论