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

浙公网安备 33010602011771号