-
CSS中的盒子模型
css盒子模型：每个元素在页面中都会生成一个矩形的盒子用来显示该元素，每个盒子都是由一下几个部分组成1、内容，content：可用css属性：width、height2、填充(内边距)，padding：可用css属性：padding、paddinf-top、paddinf-right、paddinf-bottom、paddinf-left3、边框，border：可用css属性：border、border-style、border-width、border-color4、外边距，margin：可用css属性：margin、margin-top、margin-right、margin-bot...
2022-11-19 -
CSS中的position定位
CSS定位(position)目前CSS中的定位position可选值有5个：static、relative、fixed、absolute、stickystatic：静态定位HTML元素的默认值，即没有定位，遵循正常的文档流对象静态定位的元素不会受到 top, bottom, left, right影响relative：相对定位相对元素文档流的位置，不会对其它元素布局造成影响(可能堆叠)原文档流位置保留absolute：绝对定位对于最近的非静态定位父级元素进行定位，如果没有找到符合条件的父元素则会相对与<html>定位使用绝对定位的元素可以有外边距，并且外边距不会与其它元素的...
2022-11-14 -
vue的常用指令
文本插值：数据绑定最常见的形式就是使用双大括号的文本插值<span>Name: {{ name }}</span> 简单的操作运算：Vue提供了完全的JavaScript表达式支持，可以再插值时进行简单的计算，且每个绑定都只能包含单个表达式，如{{ number + 1 }} {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('') }} <div v-bind:id="'list-...
2022-03-09 -
vue的使用简介
Vue.js(读音/vjuː/,类似于view)，是一个用于构建用户界面的JavaScript框架，它只关注视图层，通过尽可能简单的API实现响应的数据绑定和组合的视图组件本次学习我们使用在网页中引入js文件的方式，而暂不讨论使用npm或其他的方式通过<script src="https://unpkg.com/vue@next" ></script>的方式在网页中引入最新版本推荐将js文件下载到本地，这样减少网络访问和跳转，加快加载时间在vue中通过将应用实例挂载到指定DOM上以渲染和操作指定的DOM元素，相应的在Html中，所有的DOM元素必须挂载了vue应用...
2022-03-09 -
js中变量的解构赋值
ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构，本质上，这属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。一、数组的解构赋值从数组中提取值，按照对应位置，对变量赋值let [x, , y] = [1, 2, 3]; //x = 1 , y = 3 let [x, ...y] = [1, 2, 3, 4]; //x = 1 , y = [2, 3, 4] let [x, y, ...z] = ['a']; //x = "a" , y = undefined , z = [] let [x, y...
2021-07-13