04 2020 档案
摘要：移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是touch事件 touchstart: //手指放到屏幕上时触发
阅读全文
摘要：JavaScript键值对集合怎么使用 我们可以对此键值对集合分为3种难度 1.简单的使用 var arr = { 'cn': "中国", 'usa': '美国', 'jp': '日本' }; 集合用 { }包含起来，语法 键:值 每个键值对用逗号分隔开 直接用for in循环将集合arr进行遍历，
阅读全文
摘要：用纯css和JavaScript代码制作带有定时轮播功能的轮播图 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width: 360px; borde
阅读全文
摘要：data-*自定义数据属性 首先讲一下语法格式： data-* =“值” data-* 属性包括两部分： 属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符 属性值可以是任意字符串 其实data-*加在标签里并没有任何含义，只不过，起到一个存放值的一个方式。 在jQue
阅读全文
摘要：为了让一些页面比较美观，需要让中间主体内容铺满，让所有内容显示在窗口中。 头部和底部固定，中间内容随着窗口大小变化 这样就可以随着窗口大小，中间内容始终都跟着屏幕大小变化 不过如果窗口高度太小了，中间div也会没有了，所以要设置一个最小高度的值，这里设置600 <!DOCTYPE html> <ht
阅读全文
摘要：怎么让一行文字超出的部分用省略号代替 <ul> <li>第一行文字比较长呀呀呀呀呀</li> <li>第二行文字比较长</li> <li>第三行文字</li> </ul> 要设置一下宽度，超出的部分就会被隐藏起来了。加背景颜色可以更好的看出效果 li{ width: 140px; backgroun
阅读全文
摘要：bootstrap 怎么制作表格 bootstrap 制作表格带有图文形式。主要知识点有以下几点 第一点肯定是写出一个普通的表格，这一点可以去菜鸟复制它的案例。添加tr和td就可以了 在表格放入图片加上class="img-circle" 变成圆形，自己写个css设置图片统一大小。图片高度50px,
阅读全文
摘要：bootstrap栅格系统的使用 bootstrap栅格系统的使用，主要分为四种方式 1.列组合 col-md-* 2.列偏移 col-md-offset-* 3.列嵌套 大列组合包含着小组合 4.列排序 col-md-pull-* ,col-md-push-* 使用栅格系统时我们要先理解什么是栅格
阅读全文
摘要：JavaScript 循环判断练习题 小明有一组水果("苹果","梨子","香蕉","葡萄","西瓜","猕猴桃")，以 我要吃XX水果，形式输出出来，但是小明不爱吃“西瓜”和“香蕉”，不输出这些水果 一组蔬菜英文(Potato、Carrot、Onion、Aubergine、Celery、White
阅读全文
摘要：一、下载bootstarp（https://v3.bootcss.com/），解压并将文件放入自己项目里去使用即可 二、安装bootstarp <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三线码工</ti
阅读全文
摘要：@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。 那媒体查询该如何使用呢？ 一、铺垫 1.首先我们在使用 @media 的时候需要先设置下面这段代码，来兼容移动设备的展示效果： <meta name="viewport" cont
阅读全文
摘要：前端入门第一天 简单的HTML标签和CSS引用与语法 参考文档 ：w3cschool :https://www.w3school.com.cn/ !DOCTYPE html ：声明 我是HTML5 最大的标签是HTML html里面有两个子标签 head标签 写网页信息 charset="utf-8
阅读全文
