非常全的HTML+CSS+JS学习记录(四:CSS基本选择器+CSS基本样式)

目录 CSS简介 CSS 2 HTML的局限性 HTML 4 CSS 网页的美容师 CSS 9 语法规范 14 选择器分类 49 类选择器 多类名 99 id选择器 id 111 通配符选择器 117 CSS简介 层叠样式表 英文全称:Cascading Style Sheets 是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。 HTML的局限性 说起HTML,这其实是个非常单纯的家伙,他只关注内容的语义。比如 h1 表明这是一...

2022-01-28 | 懒回顾,半缘君 | 954浏览

非常全的HTML+CSS+JS学习记录(三:HTML之表单标签)

目录 表单使用场景以及分类 1 / / 为什么需要表单/ / 3 表单控件 表单元素 33 几个小问题: 65 其他 70 label标签 有小括号) labellabel 88 select下拉表单元素 select 121 textarea文本域元素 textarea 141 几个总结点和综合案例 163 综合案例 168 查阅文档 287 表单使用场景以及分类 https://img blog.csdnimg.cn/4057b47285d24fe68319bb160677dc64.png...

2022-01-28 | 懒回顾,半缘君 | 637浏览

非常全的HTML+CSS+JS学习记录(二:文件路径)

目录 第一天 1 路径 前期铺垫知识 2 超链接标签 重点 21 注释标签: 65 特殊字符 68 第二天:创建表格、列表等 71 表格标签 72 来个案例: 113 表格结构标签 189 合并单元格 195 列表 209 列表标签: 210 无序列表(重点) 214 自定义列表 重点 226 第一天 路径 前期铺垫知识 1 目录文件夹和根目录: 实际工作中,我们的文件不能随便乱放,否则用起来很难快速的找到他们,因此我们需要一个文件夹来管理他们。 目录文件夹 ︰就是普通文件夹,里面只不过存放了...

2022-01-28 | 懒回顾,半缘君 | 523浏览

非常全的HTML+CSS+JS学习记录(一:初识)

目录(全部用的 VScode) 第一天 1 学习目标 2 学习内容:概念性知识 5 1.1什么是网页 11 6 1.2什么是HTML 12HTML 13 常用的浏览器(国际中)及内核 23 web标准(重点) web 25 HTML 标签 HTML 40 VScode里写代码 VScode 82 第二天 100 vsCode工具生成骨架标签新增代码 vsCode 101 HTML标签 HTML 108 段落和换行标签(重要 123 文本格式化标签 139 divspan 161 和 标签 图像...

2022-01-28 | 懒回顾,半缘君 | 491浏览

JavaScriptDOM基本操作--留言板页面

目标:实现基本留言板功能,有提交留言、删除留言的交互功能。 https://img blog.csdnimg.cn/bcc481940ede41d09a28aa2f62f20225.png?x oss process=image/watermark,type d3F5LXplbmhlaQ,shadow 50,text Q1NETiBAQmFjaWlpwrA=,size 8,color FFFFFF,t 70,g se,x 16 页面布局: 一个输入文本框textarea、一个提交按钮、一个无序列...

2022-01-28 | Baciii° | 291浏览

JavaScript基本DOM操作--密码输入框切换是否可见

         实现原理:通过js的DOM操作更改表单元素的type属性(text/password)来控制表单输入框的文本是否可见。 //css部分 / d { position: relative; width: 200px; height: 30px; margin: 100px auto; border bottom: 1px solid / ccc; } / eyes { position: absolute; right: 2px; top: 2px; width: 20px; h...

2022-01-28 | Baciii° | 840浏览

JavaScript构造函数继承

        首先介绍对象的call 函数和apply 函数,这两个函数的作用相同、用法不同。它们的作用均是指定当前调用函数的this对象是谁。         call 函数:在第一个传递的参数为一个对象,该对象为该函数的this对象,后面依次传递函数的实参。         apply 函数:与call函数大致相同,不同的是实参是以数组的形式传递,用一个数字存储所有实参并作为第二个参数传入apply 函数中。         而构造函数的原理就是利用call函数,在子类的构造函数中用cal...

2022-01-28 | Baciii° | 402浏览

JavaScript原型链继承

JavaScript原型链的核心思想为子类的原型对象是父类的一个实例对象。 详细做法: 1.分别定义父类和子类的构造函数 2.将子类的原型对象改为父类的一个实例对象 function p1 name { console.log 'father' ; } function p2 age { console.log 'son' ; } p2.prototype = new p1 ; 3.将子类的原型对象的constructor属性的值改为子类的构造函数(重点)         通过代码调试可以知道,...

2022-01-28 | Baciii° | 119浏览

JavaScript原型对象的理解

原型(prototype)         每个对象创建时都会关联一个prototype属性,prototype指向该对象的原型对象。并可以通过prototype调用或访问原型对象的方法和属性。如编写一个只包含基本数据类型属性的构造函数,那么该构造函数实例化后对应的原型对象便为object。         当使用某个对象的prototype属性构造方法或属性后,该对象可以直接访问到该方法/属性,无需再通过prototype/ proto 使用,类似于c++中的类,子类继承了父类的方法并可以直接...

2022-01-28 | Baciii° | 234浏览

JavaScript中变量的声明

变量 ECMAScript中,变量可以保存任何类型的数据(既可以是字符串也可以是数组也可以是别的……),也即“松散的”,变量只是一个用来区分的占位符,一共有var、const、let三个关键字用于声明变量(var在ECMAScrip所有版本可用,后两个只在ES6及以后可用)。 (一)var var a;//仅定义 var b=‘hi’;//定义的同时,设置值 要注意的是,值的设置可以覆盖,但我们不推荐这么做 var a=”hello” a=”hi” ECMAScript的变量是“松散”的,那么可...

2022-01-28 | 四菜一汤~ | 575浏览

横向拉动内容 css实现

横向拉动内容    方法:利用 overflow: auto; 来实现横向拉动,将内容盒子设置大于父盒子的宽度,使内容左浮动 代码实现 DOCTYPE html html lang='en' head meta charset='UTF 8' meta name='viewport' content='width=device width, initial scale=1.0' meta http equiv='X UA Compatible' content='ie=edge' title ...

2022-01-28 | 赤子 之心 | 137浏览

Vue 3 configurer le plug - in d'enregistrement

Qu'est - ce qu'un plug - in ExtensionvueFonctions originales:Composants globaux,Instructions personnalisées,Méthode de montage du prototype,Attention!: Pas de filtre global . C'est le plugin Éléments syntaxiques du plug - in vue2.0 Éléments d'écr...

2022-01-29 | M. Li | 149浏览

Vue 3 chargement paresseux de l'image via des instructions personnalisées

Présenter unwebAPI: IntersectionObserver https://developer.mozilla.org/en US/docs/Web/API/IntersectionObserver/IntersectionObserver 'IntersectionObserver'   IntersectionObserver API https://wicg.github.io/IntersectionObserver/ 'IntersectionObserver ...

2022-01-29 | M. Li | 912浏览

Vue trois façons de spécifier le contenu du composant (El, modèle, rendu)

Spécifier ce que le composant affiche: new Vue {Options} el Options,Localiser le conteneur à travers un sélecteur,Le contenu du conteneur est le contenu du composant Fournir un DOM Element as Vue Destination de montage de l'Instance.C'est possible. ...

2022-01-29 | M. Li | 738浏览

Composants d'enregistrement automatique des lots en vue

Utiliser  require  Fonctions fournies  context   Charger tout dans un répertoire   .vue  Fichier avec suffixe. Et puis  context   La fonction renvoie une fonction d'importation   importFn C'est un autre attribut   keys   Obtenir tous les chemins de ...

2022-01-29 | M. Li | 543浏览

AI will replace [Devops]( https://zh.wikipedia.org/zh-sg/DevOps )Are you?

Original title : Is Artificial Intelligence Taking over DevOps? https://link.juejin.cn?target=https%3A%2F%2Fwww.infoq.com%2Farticles%2Fai devops takeover%2F 'https://www.infoq.com/articles/ai devops takeover/' key word :DevOps、AI、 Enterprises IT ...

2022-01-29 | Gentleman | 861浏览

非常全的HTML+CSS+JS學習記錄(二:文件路徑)

目錄 第一天 1 路徑 前期鋪墊知識 2 超鏈接標簽 重點 21 注釋標簽: 65 特殊字符 68 第二天:創建錶格、列錶等 71 錶格標簽 72 來個案例: 113 錶格結構標簽 189 合並單元格 195 列錶 209 列錶標簽: 210 無序列錶(重點) 214 自定義列錶 重點 226 第一天 路徑 前期鋪墊知識 1 目錄文件夾和根目錄: 實際工作中,我們的文件不能隨便亂放,否則用起來很難快速的找到他們,因此我們需要一個文件夾來管理他們。 目錄文件夾 ︰就是普通文件夾,裏面只不過存放了...

2022-01-29 | 懶回顧,半緣君 | 131浏览

Très complet html + CSS + JS Learning record (2: File path)

Table des matières Premier jour 1 Chemin Connaissances préliminaires 2 Étiquette de l'hyperlien Points saillants 21 Étiquette annotée: 65 Caractères spéciaux 68 Le lendemain:Créer un tableau、Liste, etc 71 Étiquette du formulaire 72 Un cas.: 113 Étiq...

2022-01-29 | Paresseux, demi - amant. | 992浏览

Dossier d'apprentissage html + CSS + JS très complet (III: onglet formulaire HTML)

Table des matières Les formulaires utilisent des scénarios et des classifications 1 / / Pourquoi un formulaire est - il nécessaire? / / 3 Contrôle des formulaires Éléments du formulaire 33 Quelques petits problèmes: 65 Autres 70 labelÉtiquettes P...

2022-01-29 | Paresseux, demi - amant. | 628浏览

Très complet html + CSS + JS Learning record (IV: CSS Basic Selector + CSS Basic style)

Table des matières CSSIntroduction CSS 2 HTMLLes limites de HTML 4 CSS Page des esthéticiens CSS 9 Spécification grammaticale 14 Classification des sélecteurs 49 Sélecteur de classe Nom de classe multiple 99 idSélecteur id 111 Sélecteur de caractère...

2022-01-29 | Paresseux, demi - amant. | 526浏览