07 2021 档案

摘要:/*滚动条宽 长,滚动条整体部分,其中的属性有width,height,background,border等。*/ ::-webkit-scrollbar { width: 7px; } /*滚动条的滑轨背景颜色,可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。*/ 阅读全文
posted @ 2021-07-26 15:18 时光向来煞人 阅读(109) 评论(0) 推荐(0)
摘要:不多说直接上! 一、API服务,天气API 网站:http://api.help.bj.cn/api/ 怎么使用网站有很详细的解释 $.ajax({ type: "GET", //请求方式 url: "http://api.help.bj.cn/apis/weather/?id=101270101" 阅读全文
posted @ 2021-07-22 11:46 时光向来煞人 阅读(2072) 评论(0) 推荐(0)
摘要:全局组件: 就是注册的位置在实例对象的外面 并且可以多个实例对象使用 而局部: 就是在实例对象的内部注册 父组件和子组件的关系 子组件就是在另一个组件里面注册的组件 组件注册语法糖: 就不用Vue.extend({})模板了,直接写到注册里面 模板这样写太麻烦了 于是就抽离模板 以前模板: 现在可以 阅读全文
posted @ 2021-07-21 17:24 时光向来煞人 阅读(56) 评论(0) 推荐(0)
摘要:组件怎么从创建到使用? 第一步创建组件构造器对象 感觉个人理解就是创建一个模板,和创建MongoDB数据模板相似 const cpnC = Vue.extend({ template: ` <div > <h1>我是标题</h1> <p>我是内容</p> </div>` }) 第二步注册组件 模板做 阅读全文
posted @ 2021-07-21 16:20 时光向来煞人 阅读(39) 评论(0) 推荐(0)
摘要:用法一radio单选项 <!-- 添加name男女选项互斥 --> <label for="male"> <input type="radio" value="男" v-model="sex">男 </label> <label for="female"> <input type="radio" v 阅读全文
posted @ 2021-07-20 23:01 时光向来煞人 阅读(55) 评论(0) 推荐(0)
摘要:v-on修饰符的使用 .stop 阻止事件冒泡 调用 stopPropagation() .prevent 阻止默认事件 调用 event.preventDefault() .keyCode 键盘事件 .once 只触发一次 ———————————— v-model.lazy 懒加载 配合v-mod 阅读全文
posted @ 2021-07-20 22:18 时光向来煞人 阅读(113) 评论(0) 推荐(0)
摘要:方法一: 计算滚动条宽度并隐藏起来,其实我只是把滚动条通过定位把它隐藏了起来,下面给一个简化版的代码: <div class="outer-container"> <div class="inner-container"> ...... </div> </div> .outer-container{ 阅读全文
posted @ 2021-07-20 14:56 时光向来煞人 阅读(1490) 评论(0) 推荐(0)
摘要:computed计算属性 <body> <div id="app"> <div>{{myName}}</div> </div> <script> const app = new Vue({ el: '#app', data: { firstName: '彭于晏', lastName: '胡歌' }, 阅读全文
posted @ 2021-07-17 18:16 时光向来煞人 阅读(63) 评论(0) 推荐(0)
摘要:生命周期的理解 beforeCreate 创建前 数据还没有监听,没有绑定到vue对象实例,同时也没有挂载对象 没有数据也没有方法 created 在创建后 数据和方法已经 data数据已经绑定好了 数据已经绑定到了对象实例,但是还没有挂载对象 el模板 然后判断是否有el 没有就结束周期 如果有e 阅读全文
posted @ 2021-07-17 17:35 时光向来煞人 阅读(45) 评论(0) 推荐(0)
摘要: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 = 阅读全文
posted @ 2021-07-10 16:33 时光向来煞人 阅读(63) 评论(0) 推荐(0)
摘要:是动态的 但是没用gif 直接上代码: style: body { background-color: rgb(0, 0, 0); } .animation-stars { position: fixed; } .animation-stars .stars, .animation-stars .s 阅读全文
posted @ 2021-07-08 11:15 时光向来煞人 阅读(304) 评论(0) 推荐(0)
摘要:核心代码 let lis = document.querySelectorAll("li"); for(let i = 0; i < lis.length; i ++) { lis[i].addEventListener("click", function() { // 循环排它 for(let i 阅读全文
posted @ 2021-07-07 16:03 时光向来煞人 阅读(188) 评论(1) 推荐(0)
摘要:前言 实现图片高亮效果等特效,就不得不提到CSS3的滤镜filter属性,CSS过滤器是一个强大的工具,可以使用它来实现不同的视觉效果(有点像浏览器的Photoshop过滤器)。CSS filter属性提供了在显示元素之前对元素渲染的模糊或颜色偏移等效果。过滤器通常用于调整图像、背景或边框的渲染。 阅读全文
posted @ 2021-07-07 10:18 时光向来煞人 阅读(624) 评论(0) 推荐(0)
摘要:btnsAnime($('ul li')) function btnsAnime(pagesl) { var that = this $(pagesl).hide() let i = 0; function temp() { if (i > pagesl.length - 1) { clearInt 阅读全文
posted @ 2021-07-07 09:57 时光向来煞人 阅读(99) 评论(0) 推荐(0)
摘要:一、插值的操作 1.Mustache语法 也就是双大括号(翻译过来就是胡须的意思) 2.v-once指令 加了v-once数据不会随着数据的改变而改变,只会渲染一次 3.v-html指令 可以解析HTML并且渲染出来 4.v-text指令 直接渲染文本数据 和胡子语法相似,但是只会接受一个Strin 阅读全文
posted @ 2021-07-04 19:16 时光向来煞人 阅读(45) 评论(0) 推荐(0)
摘要://定义点的结构体 function point(){ this.x=0; this.y=0; } //计算一个点是否在多边形里,参数:点,多边形数组 function PointInPoly(pt, poly) { for (var c = false, i = -1, l = poly.leng 阅读全文
posted @ 2021-07-02 12:18 时光向来煞人 阅读(914) 评论(0) 推荐(0)
摘要:一、首先引入jquery cdn 二、基础样式 三、目的 为了使随机某个li背后有个旋转的图片 四、核心代码 html代码: <div class="bg3"> <ul> <li> <img src="bt1.png" alt="" class="m_img"> <img src="btbg.png 阅读全文
posted @ 2021-07-01 15:41 时光向来煞人 阅读(158) 评论(0) 推荐(0)