文章分类 - 前端
摘要：建立一个鼠标移动显示鼠标坐标 代码： <template> <div> 当前鼠标位置 </div> <div>x:{{ mouse.x }}</div> <div>y:{{ mouse.y }}</div> </template> <script> import { onMounted,reacti
阅读全文
摘要：var、let、const都是js声明变量的方法 let、const声明和var声明用法一样，不同点在于let、var声明的是变量，const声明的是常量。var存在变量提升，let、const不存在变量提升。var在全局作用域声明的变量会挂载在window对象上，它会创建一个新的全局变量作为全局对
阅读全文
摘要：一、根目录，mount()和createApp() <script> const app = Vue.createApp({ data() { return { message: '12345678' } }, template: "<h2>{{message}}</h2>" }) const vm
阅读全文
摘要：一、什么是Vue 一套用于构建用户界面的渐进式（可以使用一个轻量的核心库，或者引入各式各样的Vue插件）JavaScript框架 二、Vue特点 1、采用组件化模式，提高代码复用率，更好维护 2、声明式编码，让编码人员无需直接操作DOM,提高开发效率。 3、使用虚拟DOM+优秀的Diff算法，尽量复
阅读全文
摘要：一、方法 创建一个对象，向对象中添加属性，对象的属性可以是任何的数据类型，也可以是函数 第一个console.log(obj.SayName)——打印出来是函数体 第二个obj.SayName——打印出来是孙悟空，(调方法) 也可以用function fun（）{ 内容 }。用fun（）;（调函数）
阅读全文
摘要：一、代码块 js中程序是一条一条的语句，语句是按照自上向下的顺序执行的。用{}来进行语句的分组。一对{}我们称为一组。要么都执行，要么都不执行。只有分组作用，其他作用不具有 二、语句的分类 条件判断语句（ if() ） 条件分支语句 循环语句 练习：从键盘输入小明的成绩，为100奖励宝马，80~99
阅读全文
摘要：一、类型转换 强类型转换：将一个数据类型转换为，string，number，boolean(只有这三个类型有意义) 1、转string——用tostring或者用String(object)(String(object)可以将null和undefined直接转换为string) 2、转number
阅读全文
摘要：一、JS的简介 Javascript简称js，一种脚本语言，是不需要进行编译的，也是浏览器中的一部分，经常用在web客户端脚本语言，主要是用来给html增加动态功能。 在编译软件上进行编译，她只需要在头标签里面用上<script></script>进行编译。所以JS在实际应用中是挂靠在HTML上运行
阅读全文
摘要：一、Columns 1、 Simple Example (column-count)——简单的示例（列计算） 代码： <head> <meta charset="utf-8"> <style> #multi-columns { -moz-column-count: 2; -webkit-column
阅读全文
摘要：一、Filter Property——过滤器属性 blur(x) 模糊 用x个像素模糊图像 brightness(x) 亮度 在1.0或100%以上的任何值上照亮图像。在这下面，图像将被变暗。 contrast(x) 对比度 在任何1.0或100%以上的值下提供与图像更多的对比度。在这个下面，图像将
阅读全文
摘要：一、Tables——表格 1、 table-layout——表格布局 auto 这是默认值。它定义了要由其“单元格”的内容来确定的表的布局 fixed 此值设置由提供给表的宽度属性确定的表布局。如果单元格的内容超过此宽度，则该单元格将不会调整大小，而是让内容溢出。 collapse 此值将表的边界合
阅读全文
摘要：一、级联与特异性 1、The !important declaration——重要的声明 在对想要不被修改的属性后面加上important，该属性就不会被后续的标签给覆盖。例如 #mydiv { font-weight: bold !important; /* 这个属性不会被下面的规则覆盖*/ }
阅读全文
摘要：一、Overflflow 1、溢出x和溢出y 代码： <style> div { width: 200px; height: 200px; } #div-x { overflow-x: hidden; } #div-y { overflow-y: hidden; } </style> <body>
阅读全文
摘要：一、Padding 1、填充快捷方式 代码： <style> .myDiv { padding: 25px 50px 75px 100px; /* top right bottom left; */这里的数值排序和margin一样，顶部 右边 底部 左边 其中顶部和底部绑定在一起，右边和左边绑定在一
阅读全文
摘要：一、背景 1、背景颜色 代码： CSS div { background-color: red; /* red */ } HTML <div>This will have a red background</div> 实现：这段话会是红色This will have a red background
阅读全文
摘要：通过在每个HTML文档中放置一个<link>元素，可以将外部CSS样式表应用于任意数量的HTML文档。<link>标记的属性rel必须设置为“样式表”，而href属性必须设置为指向样式表的相对路径或绝对路径。虽然使用相对URL路径通常被认为是良好的做法，但也可以使用绝对路径。在HTML5中，可以省略
阅读全文
摘要：一、VS Code支持多种语言 本菜鸡以前都是用vscode来提交代码到仓库。后面发现他可以写html，只需要将保存的文件类型改为.html。就可以点击该文件。 学了html自然无法避免学习CSS和JS。 CSS可以在html的head里面用<style></style>包裹。也可以用link连接或
阅读全文
浙公网安备 33010602011771号