<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> body{ text-align:center; } #small{ margin-top:40px; } #showBig{ position:absolute; displa ...
分类:
Web程序 时间:
2021-04-28 12:06:03
阅读次数:
0
jQuery的css样式操作 addClass() 添加样式 removeClass() 删除样式 toggleClass() 有就删除,没有就添加样式 offset() 获取和设置元素的坐标 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
分类:
Web程序 时间:
2021-04-24 11:55:13
阅读次数:
0
jquery 获取data- 属性值* data-*自定义数据属性 HTML5规定可以为元素添加非标准型的属性,只需添加前缀data-,这些属性可以随意添加,随意命名,目的是为元素提供与渲染无关的信息,或提供语义信息。 下面就详细介绍四种方法获取data-*属性的值 <li id="getId" d ...
分类:
Web程序 时间:
2021-04-22 15:58:59
阅读次数:
0
初学Vuejs,理解并感受了Vue的渐进式、响应式编程。 了解了前端的编程范式,过去自己硬写的js、jquery是属于命令式编程范式,现在写的vue属于声明式编程范式。 响应式编程主要是解耦了视图(html)和数据,与测试这边的数据驱动是一个思想,就是把数据和程序代码分离 下面是一个vue实现的计数 ...
分类:
其他好文 时间:
2021-04-21 12:57:08
阅读次数:
0
1、预期效果 2、index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1. ...
分类:
Web程序 时间:
2021-04-21 12:55:41
阅读次数:
0
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
分类:
Web程序 时间:
2021-04-21 12:52:39
阅读次数:
0
前言:图片是网站优化的一个重点,图片懒加载是其中比较好用的一个方法。jquery也有很多图片懒加载的插件,今天看了一下vue的图片懒加载插件 vue-lazyload。 1. 安装:cnpm install vue-lazyload --save-dev(当然可以用npm或者yarn哦) impor ...
分类:
其他好文 时间:
2021-04-21 11:47:21
阅读次数:
0
一.选择器 1.基本 名称 用法 描述 #id $("#myDiv"); 根据给定的ID匹配一个元素 element $("div"); 根据给定的元素标签名匹配所有元素 .class $(".myClass"); 根据给定的css类名匹配元素 * $("*") 匹配所有元素 selector1,s ...
分类:
Web程序 时间:
2021-04-20 15:07:11
阅读次数:
0
需求:点击按钮,显示文本和隐藏文本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery 入门</title> <script src="/static/jQuery-1.11/jquery-1.11 ...
分类:
Web程序 时间:
2021-04-20 14:39:19
阅读次数:
0
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
分类:
Web程序 时间:
2021-04-19 16:04:22
阅读次数:
0