03 2021 档案

摘要:之前就一直受这个问题的困扰,在写ajax加载数据的时候发现,后面追加进来的demo节点元素,失去了之前的点击事件。为什么点击事件失效,我们该怎么去解决呢?那么,我们通过下面的示例简单说明。 示例如下: <div> <ul id="demo"> <li>Kubernetes:下一代分布式系统的护戒使者 阅读全文
posted @ 2021-03-31 20:43 星河几重 阅读(210) 评论(0) 推荐(0)
摘要:一、获取url及url参数的方法 若获取地址 http://localhost:8080/index.html?id=132 中的id的值,只需要,在js文件中加入下面代码(为jq扩展方法getUrlParam ) 便可以通过方法$.getUrlParam('id')获取URL的数据 //获取url 阅读全文
posted @ 2021-03-31 20:36 星河几重 阅读(3237) 评论(0) 推荐(0)
摘要:tab选项卡 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="js/jqu 阅读全文
posted @ 2021-03-30 22:19 星河几重 阅读(95) 评论(0) 推荐(0)
摘要:bootstrap3的显示和隐藏 hidden-* 在指定设备隐藏 visible-* 在指定设备显示 bootstrap4的显示和隐藏 为了更快地进行移动设备开发,请使用响应式显示类来按设备显示和隐藏元素。避免创建相同站点的完全不同版本,而是相应地为每个屏幕大小隐藏元素。 要隐藏元素,只需使用.d 阅读全文
posted @ 2021-03-30 22:02 星河几重 阅读(1443) 评论(0) 推荐(0)
摘要:对象语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文
posted @ 2021-03-27 18:04 星河几重 阅读(254) 评论(0) 推荐(0)
摘要:一、v-model 表单输入绑定 使用v-model创建双向数据绑定, 用来监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。 <template> <div> <input class="login-input" type="text" v-model="username" plac 阅读全文
posted @ 2021-03-27 14:53 星河几重 阅读(1599) 评论(0) 推荐(0)
摘要:@input实时监听输入数据 <input type="text" placeholder="实时监听" v-model="inputVal" @input="inputFn"> data: { inputVal:'' }, methods: { //实时监听 inputFn(e){ console 阅读全文
posted @ 2021-03-27 14:39 星河几重 阅读(743) 评论(0) 推荐(0)
摘要:渲染数据时,有时候往往需要把最新的那条数据放在最上面,最简单的方法就是在渲染之前把数据先倒序排列好,再渲染到网页上。 这时就要用到reverse()。 <div class="list" v-for="(item,index) in reverseSum" :key="index> <ul > <l 阅读全文
posted @ 2021-03-27 13:27 星河几重 阅读(1744) 评论(0) 推荐(0)
摘要:效果图: 主要思路: 点击不同 tab 获取 tab 选项卡下标并为其动态绑定一个class(选中状态时的样式) 点击时使 tab 对应的内容下标与 tab 选项卡下标保持一致 使用 v-show / v-if 指令控制内容显示与隐藏 源码: <html lang="en"> <head> <met 阅读全文
posted @ 2021-03-27 12:38 星河几重 阅读(3921) 评论(0) 推荐(0)
摘要:前言:我们在码代码的时候,经常会遇到需要给第一个或者最后一个元素添加或删除样式,还有一些比较特殊的是选取第几个元素添加或删除样式,下面记录css选择器中常见的选择器:相邻兄弟选择器(+)、子选择器(>)、兄弟选择器(~)、first-child、:last-child、:nth-child()、:n 阅读全文
posted @ 2021-03-10 13:48 星河几重 阅读(651) 评论(0) 推荐(0)