- 博客(13)
- 收藏
- 关注
RSS订阅原创 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
179
原创 关于ajax你要知道的事情
一、什么是ajax？即异步的 JavaScript 和 XML，是一种用于创建快速动态网页的技术；传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。使用AJAX则不需要加载更新整个网页，实现部分内容更新。二、应用场景用Ajax进行数据验证（表单验证）按需取数据（Ajax改进分类树的实现机制，例如部门结构，文档得分类结构常常使用树形空间呈现）在初始化页面时，只获取第一级子分类的数据并且显示；当用户点开一级分类的第一节点时，页面会通过Ajax向服务器请求当前分类所属的二级子分类的所有
2021-04-19 21:28:15
357
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
3114
原创 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
793
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
1641
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
171
原创 Ajax与jQuery发送请求步骤
1.创建XMLHttpRequest( )； var xhr=new XMLHttpRequest();2.规定请求的类型、URL 以及是否异步处理请求；xhr.open("请求方式",`请求地址`,异步true/同步false);3.执行 发送动作；xhr.send();4.指定回调函数，接收服务器响应；xhr.onreadystatechange=function(){ if(xhr.readyState ==4 && xhr.sta
2020-12-29 22:04:24
282
1
原创 MongoDB基础操作
1.下载安装MongoDB；下载可在官网直接下载，https://www.mongodb.com/2.基础操作：①显示数据库，显示的为默认的数据库；②创建数据库，名为students； show dbs：显示数据库列表；db; 显示当前正在使用的数据库； use dbname; 创建或切换数据库③创建集合，显示”ok”:1,为成功; 集合名不能以数字开头；④在c2007集合新建对象；⑤查看集合内所有对象；⑥Limit（每页显示条数）；⑦Skip（跳过少多条）；
2020-12-26 15:03:36
1043
1
原创 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
3006
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
7918
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
318
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
1379
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人