随笔分类 - 1 前端
摘要:</html><!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://ww
阅读全文
摘要:<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or
阅读全文
摘要:第一章html简单介绍1.1 html定义 html:超文本标记语言 (Hyper Text Markup Language) ;它的作用是控制页面的结构,页面的内容。1.2 web最基本html:用于对网页元素进行整理和分类css:用于设置网页元素的版式、颜色、大小等外观样式javascript:
阅读全文
摘要:https://www.w3cschool.cn/angular13/
阅读全文
摘要:操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表
阅读全文
摘要:#计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如,有一个嵌套数组对象: Vue.createApp({ data() { return { author: { name: 'John Doe', books: [ 'Vue 2
阅读全文
摘要:#Data Property 组件的 data 选项是一个函数。Vue 在创建新组件实例的过程中调用此函数。它应该返回一个对象,然后 Vue 会通过响应性系统将其包裹起来,并以 $data 的形式存储在组件实例中。为方便起见,该对象的任何顶级 property 也直接通过组件实例暴露出来: cons
阅读全文
摘要:Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层组件实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应性系统,Vue 能够智能地计
阅读全文
摘要:#创建一个应用实例 每个 Vue 应用都是通过用 createApp 函数创建一个新的应用实例开始的: const app = Vue.createApp({ /* 选项 */ }) 该应用实例是用来在应用中注册“全局”组件的。我们将在后面的指南中详细讨论,简单的例子: const app = Vu
阅读全文
摘要:#Vue.js 是什么 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用
阅读全文
摘要:https://www.w3cschool.cn/vuejs3/vuejs3-tc4n3f1w.html
阅读全文
摘要:引入方式 JavaScript 程序不能独立运行,它需要被嵌入 HTML 中,然后浏览器才能执行 JavaScript 代码。 内部引入 写在 body 结束标签的上方。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
阅读全文
摘要:键盘事件:keypress键盘事件,keyup抬起,keydown按下 文档:load加载 表单:focus获得焦点,blur失去焦点,submit提交事件,change改变事件 其他:scroll滚动事件,select start选择事件 1. event事件对象常见的属性和方法 e.target
阅读全文
摘要:const: 这个最简单,只需记住是声明的常量,定义的时候必须声明const的具体值,且之后不允许改变const的值 var和let区别 1、由于js引擎存在预解析,会把var变量名进行提升 对于var来说是这样执行的 var m; console.log(m); m=10; let不存在变量提升,
阅读全文
摘要:项目中经常会碰到页面自适应的问题,例如:商城的列表展示、分类列表展示等页面,如下:该页面会随着页面的放大缩小而随之发生变化,解决方法:display: flex;配合子元素的动态宽度来实现,子元素的宽度 = (总宽 - 自身的margin) / 每行的数量即可。 .box{ border: 1px
阅读全文
浙公网安备 33010602011771号