![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 92
所追寻的风
https://blog.seekwind.icu
展开
-
Vue深入了解组件
1. 组件注册1.1 组件的构建(子组件)在项目源码目录下的./component目录下创建组件文件MyComponent.vue<template> <div> {{ msg }} </div></template><script>export default { name: "MyComponent", /* prop属性从父组件传递赋值 */ props: { msg: String, }原创 2021-01-17 20:04:32 · 281 阅读 · 1 评论 -
Vue基础
渐进式前端框架,数据驱动1. Vue基础el:app对象挂载点,用css选择器选择需要挂在到哪个元素data:数据对象,字符串、数组、对象的访问如下代码所示method:方法<body> <div id="app"> {{message}} {{courses[0]}} {{languages.oop}} </div> <script> var app =.原创 2020-07-31 15:01:54 · 128 阅读 · 0 评论 -
BootStrap栅格系统
1. HTML结构-Grid System1.1 containerbody中的所有元素被div.cnotainer或者div.container-fluid或者其他container包裹。containercontainer-fluid页面两侧有较大外边距,居中显示流式布局,页面两端没有边距,适合移动设备布局下表为官网给出的,不同的container在不同屏幕尺寸下所对应的布局宽度。 Extra small原创 2020-07-24 20:14:22 · 135 阅读 · 0 评论 -
jQuery API
1. 基本使用引入jQuery<script src="js/jquery3.5.1.min.js"></script>1.1 jQuery的入口函数$(function () { // 此处是页面DOM加载完成的入口,相当于DomContentLoaded});$(document).ready(function() { // 和上面的一样,但是不推荐使用 });1.2 jQuery的顶级对象$$相当于jQuery,相当于原生js中的wind原创 2020-07-24 11:20:52 · 263 阅读 · 0 评论 -
JavaScript Web APIs(DOM + BOM + 特效)
JavaScript = ECMAScript + DOM + BOM1. DOM1. 获取元素document.getElementById('nav'); // 通过ID获取document.getElementsByTagName('li'); // 通过标签名获取,返回元素伪数组document.getElementsByName('account'); // 通过name获取,返回元素伪数组document.getElementsByClassName('nav'); // 以类名.原创 2020-07-22 20:20:15 · 250 阅读 · 1 评论 -
Position
position定位 = 定位模式 + 边偏移所谓边偏移,就是相对于上下左右四个属性的偏移距离。1. position: static;默认的定位,无定位的意思。没有偏移,按照标准流的特性摆放位置。2. position: relative;相对于不加定位情况下的偏移。相对于自己原来的位置为准。不脱离标准流。.nav { position: relative; top: 80px; left: 80px;}3. position: absolute;相对于祖先原创 2020-07-22 20:09:34 · 145 阅读 · 0 评论 -
清除浮动
在使用浮动流时,通常需要使用标准流父块作为浮动子块的活动范围。当标准流父块上的所有标签均为浮动标签,并且父块没有设定固定的高度时,就会发生父块高度塌陷,如下图所示。我们需要通过清除浮动来实现下下图效果。未清除浮动的代码为:<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="widt.原创 2020-07-22 20:07:39 · 107 阅读 · 0 评论