Sophie_U的博客

官方文档：https://cn.vuejs.org/guide/introduction.html.文档可选择使用optionsAPI(选项式API）阅读，或者CompositionApi(组合式API）阅读。选项式API更适合平滑从vue2过渡，以下示例均以Compositions API方式编写。如何使用compositions API?: 在.vue文件的script标签上，添加setup属性则被识别为使用compositionsAPI。不添加则默认为optionsAPI方式。

1、 简介Bootstrap，来白 Twitter，是目前最受欢迎的前端框架之一。Bootstrap 是基丁 HTML、CSS、JavaScript的，它在jQucry的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。Bootstrap 简洁灵活，使得 Web 开发更加快捷。其最大的优势是响应式布局，使得开发者可以方便的让网页无论在台式机、平板设备、手机上都获得最佳的体验2、Bootstrap包括内容。

这是一个简写flex-direction和flex-wrap属性。共同定义了flex容器的主轴和交叉轴。默认是row nowrap。使用弹性盒布局能让容器的宽度跟随浏览器窗口的变化而变换。

perspective属性用来定义3D元素距视图的距离，以像素计，通常和perspective-origin属性一起使用，perspective-origin属性可以改变3D元素的底部位置。perspective-origin属性允许改变3D元素查看3D元素的视图;当为元素定义perspective属性时，其子元素会获得透视效果，而不是元素本身;perspective 属性只影响 3D 转换元素。perspective属性语法格式:- number:元素距离视图的距离，以像素计;

* 结构选择器 p元素匹配的父元素内为奇数子元素背景改青色 *//* p元素匹配的父元素内为奇数的P标签字体改红色 *//* a标签title属性有连接符且以on开头 */nth-child和nth-of-type的区别。/* a标签以http开头 *//* a标签以.md结尾 *//* 相邻兄弟选择器 *//* 子元素选择器 *//* 后代选择器 *//* 群组选择器 *//* 属性选择器 */以下，E代表子元素，

TouchEvent 是一类描述手指在摸平面(摸屏、触摸板等)的态变化的事件。这类事件用于描述一个或多个触点，使开发者可以检测触点的移动，触点的增加和减少，等等。移动端click 事件会有300ms的延时，原因是移动端屏幕双击会缩放(doubletap to zoom)页面。github地址：https://github.com/ftlabs/fastclick。// targetTouches: 正在触发当前DOM元素的手指列表。官网地址：https://www.swiper.com.cn/

/ 2、因为offset包含padding,border,width值，所以此处返回为200+10+10+2+2 = 224。// 当父元素.father有position:relative属性时，返回40,0;// 1.获取相对偏移量。// elObj -> 要实现动画的元素对象， target:停止动画的距离。// 3.获取具有定位的父元素（当父元素没有定位时默认为body）// 如果元素对象有定时器，需要先清理，防止重复创建定时器。// 如果元素对象有定时器，需要先清理，防止重复创建定时器。

JavaScript基础进阶之BOM

/ 2、事件冒泡：addEventListener第3个参数传false或不传，事件触发顺序从child->parent-document。// 1、事件捕获：addEventListener第3个参数传true, 事件触发顺序从document->parent->child。// 利用事件冒泡原理，拿到的target为触发事件的元素对象li。// alert("这是parent");// alert("这是parent");// this返回的是绑定事件的元素对象。

Javascrip基础进阶-DOM

Web前端系列入门教程导读