摘要:
组件怎么从创建到使用? 第一步创建组件构造器对象 感觉个人理解就是创建一个模板,和创建MongoDB数据模板相似 const cpnC = Vue.extend({ template: ` <div > <h1>我是标题</h1> <p>我是内容</p> </div>` }) 第二步注册组件 模板做 阅读全文
摘要:
用法一radio单选项 <!-- 添加name男女选项互斥 --> <label for="male"> <input type="radio" value="男" v-model="sex">男 </label> <label for="female"> <input type="radio" v 阅读全文
摘要:
v-on修饰符的使用 .stop 阻止事件冒泡 调用 stopPropagation() .prevent 阻止默认事件 调用 event.preventDefault() .keyCode 键盘事件 .once 只触发一次 ———————————— v-model.lazy 懒加载 配合v-mod 阅读全文
摘要:
方法一: 计算滚动条宽度并隐藏起来,其实我只是把滚动条通过定位把它隐藏了起来,下面给一个简化版的代码: <div class="outer-container"> <div class="inner-container"> ...... </div> </div> .outer-container{ 阅读全文
摘要:
computed计算属性 <body> <div id="app"> <div>{{myName}}</div> </div> <script> const app = new Vue({ el: '#app', data: { firstName: '彭于晏', lastName: '胡歌' }, 阅读全文
摘要:
生命周期的理解 beforeCreate 创建前 数据还没有监听,没有绑定到vue对象实例,同时也没有挂载对象 没有数据也没有方法 created 在创建后 数据和方法已经 data数据已经绑定好了 数据已经绑定到了对象实例,但是还没有挂载对象 el模板 然后判断是否有el 没有就结束周期 如果有e 阅读全文
摘要:
function change_light(el) { el.hide() let i = 0; function temp() { if (i > el.length - 1) { el.hide() i = 0 } else { $(el[i]).show() i++; } } var id = 阅读全文
摘要:
是动态的 但是没用gif 直接上代码: style: body { background-color: rgb(0, 0, 0); } .animation-stars { position: fixed; } .animation-stars .stars, .animation-stars .s 阅读全文
摘要:
核心代码 let lis = document.querySelectorAll("li"); for(let i = 0; i < lis.length; i ++) { lis[i].addEventListener("click", function() { // 循环排它 for(let i 阅读全文
摘要:
前言 实现图片高亮效果等特效,就不得不提到CSS3的滤镜filter属性,CSS过滤器是一个强大的工具,可以使用它来实现不同的视觉效果(有点像浏览器的Photoshop过滤器)。CSS filter属性提供了在显示元素之前对元素渲染的模糊或颜色偏移等效果。过滤器通常用于调整图像、背景或边框的渲染。 阅读全文