02 2022 档案
摘要:一、vue-resource 1、安装 npm install vue-resource --save 2、main.js引入 import VueResource from 'vue-resource' 3、使用 use Vue.use(VueResource) 4、调用 VueResource(
阅读全文
摘要:html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
阅读全文
摘要:一、遍历元素 each $.each(object,function(i,ele){}) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> </style> <sc
阅读全文
摘要:一、普通元素内容html() (相当于原生innerHTML) 二、普通元素文本内容text() (相当于原生innerText) 三、表单的值val() (相当于原生value)
阅读全文
摘要:一、设置或获取元素固有属性值 prop() element.prop("属性名") 获取属性值 1、获取属性值 2、设置属性值 二、 设置或获取元素自定义属性值 attr() 1、获取属性值 2、设置属性值 三、数据缓存 data() data()方法可以在指定的元素上存取数据,并不会修改DOM元素
阅读全文
摘要:一、显示隐藏 1、显示show() 2、隐藏hide() 3、切换toggle() 二、滑动 slideDown()、slideUp()、slideToggle() 三、淡入淡出 fadeIn()、fadeOut()、fadeToggle()、fadeTo() 四、自定义动画 animate()
阅读全文
摘要:一、操作CSS 二、设置类样式方法 作用等同于classList,可以操作类样式,注意操作类里面的参数不要加点。 classList示例: 1、添加类 2、移除类 3、切换类
阅读全文
摘要:一、基础选择器 $("选择器") ID选择器:$("#id") 获取指定ID的元素 全选选择器:$("*") 匹配所有元素 类选择器:$(".class") 获取同一类class元素 标签选择器:$("div") 获取同一类标签的所有元素 并集选择器:$("div,p,li")选取多个元素 交集选择
阅读全文
摘要:<!-- 常见的JavaScript库 jQuery Prototype YUI Dojo Ext JS 移动端的zepto --> <!-- jQuery封装了JavaScript常用的功能代码 优化了DOM操作、事件处理、动画设计和ajax交互 --> <div></div> <video sr
阅读全文
摘要:一、Window.sessionstorage 1、sessionstorage.setItem(key,value) 2、sessionstorage.getItem(key) 3、sessionstorage.removeItem(key) 4、sessionstorage.clear() 案例
阅读全文
摘要:1、bootstrap:是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 2、Swiper:触摸滑动插件 3、TouchSlide:是纯javascript打造的触屏滑动特效插件,面向手机、平板电脑等移动终端,能实现触屏焦点图、触屏Tab切换、触屏多
阅读全文
摘要:1、element.classList:返回元素的类名,可以通过add和remove,添加或者移除类名。 2、element.clientTop:返回元素的border-top。 3、element.clientLeft:返回元素的border-left。 4、element.clientHeigh
阅读全文
摘要:HTML代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con
阅读全文