Adobe_7717-CSDN博客

原创 [工作笔记] css实现吸顶样式

css中，position有如下几个属性 DOM元素的样式设置为 position:sticky; top:0px; 当前DOM元素实现吸顶的效果

2021-12-22 14:27:10 194

在js数组循环引用中，某个条件下想对arr3数组的某个数据修改，引用了arr4数组的数据，但是结果arr4的数据被修改了 var arr3 = [{id:1,name:'ac'},{id:2,name:'asavc'},{id:3,name:'bac'},{id:4,name:'aewtc'}]; var arr4 = [{isd:243,name:'a3c'},{isd:25,name:'asawgggvc'},{isd:32,name:'b5ac'},{isd:54,name:'ae215rwtc'

2021-09-15 10:13:55 126

原创课堂笔记之VueJS自定义指令

在VueJS的使用中，虽然有着一些除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许自定义指令来实现某些功能例如：我们在加载页面的时候实现输入框自动获取焦点的功能当页面加载时，我们还未对输入框进行任何操作，并且输入框已经处于聚焦状态，显示效果如下：我们可以按照官网的模板来编译JS： // 注册一个全局自定义指令 "autofocus" Vue.di...

2018-11-03 10:27:20 174

原创课堂笔记之表单的使用

action：指定表单数据提交的地址method：表单数据提交的方法为了往服务端提交数据时，提交的数据清晰易懂方便处理：1：普通的输入框，需要添加name属性，来保证键值对的完整。2：非输入框，需要添加name和value属性，来保证键值对的完整。另外，name还有分组的作用，单选框，相同name的是一组，单选框中同一组内的选项有互斥的效果。 ...

2018-08-25 17:16:42 235

原创 a标签实现锚点和功能性连接

在HTML中，链接标签<a>不仅仅有链接功能，还可以实现多种功能最常见的页面链接：1:外部页面链接2:本地页面链接有时候在一个页面当中，有着返回顶部的功能，这就需要使用锚点链接：例 <h1 id="top">这是页面顶部</h1><div style="height: 1000px;background-color: gold">&

2018-08-25 17:06:32 2819

原创课堂笔记之CSS相关杂记

在课堂中随手记录了一些笔记，仅限于自己复习整理用途，如有看到这篇随笔的同行，欢迎补充 w3c要求html和css是分离的。html的css分离，css不再影响html的代码阅读。css的复用性高。html和css分离以后，需要通过css选择器进行关联。选择器的使用 ID /* id选择器：#ID名称 */ 类选择器 /* 通过类添加的样式要比...

2018-08-25 17:05:23 156

原创课堂笔记之盒子模型

在HTML中，任何元素都可以看做一个盒子这个“盒子”的作用就是用来包裹页面中的内容，比如图片、文字等等在W3C的规定下，盒子模型（标准盒子模型）从内到外的基本组成为marginborderpaddingcontent 如图所示，图片来源见水印在W3C下，在任一方向添加margin，border，padding都会使元素整体占用的空间变大除此之外，通过一些设置，可以将普通盒...

2018-08-25 17:02:06 250

原创 HTML标签整理

标签的分类 1：块级标签独占一行，不允许其他元素和自己同行显示 2：行级标签占用的空间之和自己的内容有关系，内容多，宽度大，内容少，宽度小常用块级标签有： h1--h6 P hr br Blockquote pre ul li ol li dl dt dd Fig...

2018-07-28 15:40:21 223

Adobe_7717的博客