上一页 1 ··· 3 4 5 6 7 8 下一页
摘要: JavaScript删除元素方法 1.根据索引删除数组元素 delete 数组[索引] *注意delete 后面是空格 var arr1=["aa","bb","cc","dd"]; delete arr1[2]; for (var i = 0; i < arr1.length; i++) { co 阅读全文
posted @ 2020-05-05 20:31 三线码工 阅读(8508) 评论(2) 推荐(1) 编辑
摘要: vue 中的v-if和v-show <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue-2.4.0.js" type="text/javascript" charset="u 阅读全文
posted @ 2020-05-04 21:45 三线码工 阅读(326) 评论(0) 推荐(0) 编辑
摘要: vue中使用class样式 数组 <h1 :class="['red', 'thin']">这是一个H1</h1> 数组中使用三元表达式 <h1 :class="['red', 'thin', isactive?'active':'']">这是一个H1</h1> 数组中嵌套对象 <h1 :class 阅读全文
posted @ 2020-05-04 20:27 三线码工 阅读(1061) 评论(0) 推荐(0) 编辑
摘要: Vue指令之v-model和双向数据绑定 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue-2.4.0.js" type="text/javascript" charset 阅读全文
posted @ 2020-05-04 19:47 三线码工 阅读(200) 评论(0) 推荐(0) 编辑
摘要: 事件修饰符: .stop 阻止冒泡 .prevent 阻止默认事件 .capture 添加事件侦听器时使用事件捕获模式 .self 只当事件在该元素本身(比如不是子元素)触发时触发回调 .once 事件只触发一次 <!DOCTYPE html> <html> <head> <meta charset 阅读全文
posted @ 2020-05-04 19:27 三线码工 阅读(538) 评论(0) 推荐(0) 编辑
摘要: v-cloak,v-text,v-html,v-bind,v-on使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue-2.4.0.js" type="text/java 阅读全文
posted @ 2020-05-03 22:20 三线码工 阅读(373) 评论(0) 推荐(0) 编辑
摘要: 引用Vue <script src="js/vue-2.4.0.js" type="text/javascript" charset="utf-8"></script> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></tit 阅读全文
posted @ 2020-05-03 22:03 三线码工 阅读(574) 评论(0) 推荐(0) 编辑
摘要: 一般的input框比较简单,我们可以用JavaScript配合css背景图片定位让我们模拟写出一个点击选中效果 首先需要有个图片素材,当页面加载的时候是背景图片定位到左图,当我们点击图片的时候,背景图片定位到右图 <!DOCTYPE html> <html> <head> <meta charset 阅读全文
posted @ 2020-05-01 19:22 三线码工 阅读(1495) 评论(0) 推荐(0) 编辑
摘要: 移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是touch事件 touchstart: //手指放到屏幕上时触发 阅读全文
posted @ 2020-04-29 22:06 三线码工 阅读(291) 评论(0) 推荐(0) 编辑
摘要: JavaScript键值对集合怎么使用 我们可以对此键值对集合分为3种难度 1.简单的使用 var arr = { 'cn': "中国", 'usa': '美国', 'jp': '日本' }; 集合用 { }包含起来,语法 键:值 每个键值对用逗号分隔开 直接用for in循环将集合arr进行遍历, 阅读全文
posted @ 2020-04-29 15:21 三线码工 阅读(2024) 评论(0) 推荐(0) 编辑
摘要: 用纯css和JavaScript代码制作带有定时轮播功能的轮播图 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width: 360px; borde 阅读全文
posted @ 2020-04-29 11:29 三线码工 阅读(354) 评论(0) 推荐(0) 编辑
摘要: data-*自定义数据属性 首先讲一下语法格式: data-* =“值” data-* 属性包括两部分: 属性名不应该包含任何大写字母,并且在前缀 "data-" 之后必须有至少一个字符 属性值可以是任意字符串 其实data-*加在标签里并没有任何含义,只不过,起到一个存放值的一个方式。 在jQue 阅读全文
posted @ 2020-04-28 22:12 三线码工 阅读(2768) 评论(0) 推荐(0) 编辑
摘要: 为了让一些页面比较美观,需要让中间主体内容铺满,让所有内容显示在窗口中。 头部和底部固定,中间内容随着窗口大小变化 这样就可以随着窗口大小,中间内容始终都跟着屏幕大小变化 不过如果窗口高度太小了,中间div也会没有了,所以要设置一个最小高度的值,这里设置600 <!DOCTYPE html> <ht 阅读全文
posted @ 2020-04-26 11:12 三线码工 阅读(888) 评论(0) 推荐(0) 编辑
摘要: 怎么让一行文字超出的部分用省略号代替 <ul> <li>第一行文字比较长呀呀呀呀呀</li> <li>第二行文字比较长</li> <li>第三行文字</li> </ul> 要设置一下宽度,超出的部分就会被隐藏起来了。加背景颜色可以更好的看出效果 li{ width: 140px; backgroun 阅读全文
posted @ 2020-04-26 09:05 三线码工 阅读(429) 评论(0) 推荐(0) 编辑
摘要: bootstrap 怎么制作表格 bootstrap 制作表格带有图文形式。主要知识点有以下几点 第一点肯定是写出一个普通的表格,这一点可以去菜鸟复制它的案例。添加tr和td就可以了 在表格放入图片加上class="img-circle" 变成圆形,自己写个css设置图片统一大小。图片高度50px, 阅读全文
posted @ 2020-04-25 09:37 三线码工 阅读(3059) 评论(0) 推荐(0) 编辑
上一页 1 ··· 3 4 5 6 7 8 下一页