自定义属性

在上一篇随笔中已经完成了ADO.NET操作数据库的封装，并已经支持多数据库，只需要在配置文件中指定数据库类型即可，本节主要完成对象与数据库表的关系映射配置。 下面看表名的映射配置代码块1-1： [Table(Name="Student")] public class StudentEntity { //...........省略 } 在类上面用[Table(name = ” Student ")]属性来配置，表示该实体类StudentEntity与数据库中的 Student 表进行关系映射。 Table属性需要自己编写，代码块1-2： using System; using System.Collections.Generic; using System.Text; namespace System.Orm.CustomAttributes { [AttributeUsage(AttributeTargets.Class, AllowMultiple = false, Inherited = false)] public class TableAttribute : Attribute { private string _Name = string.Empty; public TableAttribute() {} public string Name { get { return

Web API APT API是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组程序的能力，而又无需访问源码，或理解内部工作机制的细节。 简单理解：API是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能。 Web API Web API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM) Web API 一般都有输入和输出(函数的传参和返回值)，Web API很多都是方法(函数)。 DOM 文档对象模型，是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。 DOM树 文档：一个页面就是一个文档，DOM中使用document表示 元素：页面中所有标签都是元素，DOM中使用element表示 节点：网页中的所有内容都是节点(标签、属性、文本、注释等)，DOM中使用node表示 获取元素 如何获取页面元素 根据 ID 获取 根据标签名获取 通过 HTML5 新增的方法获取 特殊元素获取 根据 ID 获取 getElementById()方法可以获取带有 ID 的元素对象。 <div id="time">2019-9-9</div> <script> // 1. 因为我们文档页面从上往下加载，所以先得有标签 所以我们script写到标签的下面 // 2. get 获得 element 元素 by 通过 驼峰命名法

在标签中data-名称=值 增加自定义属性 jquery 用data（）方法取自定义属性 例如：$("#id").data().id; 反之 也能对自定义属性 赋值。$("#id").data().name="张三"； 这个存储的值 被存储到了标签上，实际就是做个存贮的功能，方便自己需要 来源： https://www.cnblogs.com/AChongi/p/12194927.html

目标 理解DOM的概念和DOM树 DOM 节点 DOM 写入和查找 DOM 操作 DOM的概念 DOM（Document Object Model ，文档对象模型）一种独立于语言，用于操作xml，html文档的应用编程接口。 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。 JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应 DOM树 html标签通过浏览器的解析后才会形成DOM树，此后HTML中的每个标签元素，属性，文本都能看做是一个DOM的节点，JavaScript都能通过DOM的提供的编程接口操作到每个节点。 元素节点 元素节点对应网页的HTML标签元素。 元素节点的节点类型nodeType值是1，节点名称nodeName值是大写的标签名，nodeValue值是null 元素节点查找 document.getElementById():返回拥有指定Id的第一个对象引用 document.getElementByName():返回带名称的对象集合 document

attr全称attribute(属性) prop全称property(属性) 虽然都是属性，但他们所指的属性并不相同，attr所指的属性是HTML标签属性，而prop所指的是DOM对象属性，可以认为attr是显式的，而prop是隐式的。 举个例子： <input type="checkbox" id="i1" value="1"> 针对上面的代码， $("#i1").attr("checked") // undefined $("#i1").prop("checked") // false 可以看到attr获取一个标签内没有的东西会得到undefined，而prop获取的是这个DOM对象的属性，因此checked为false。 如果换成下面的代码： <input type="checkbox" checked id="i1" value="1"> 再执行： $("#i1").attr("checked") // checked $("#i1").prop("checked") // true 这已经可以证明attr的局限性，它的作用范围只限于HTML标签内的属性，而prop获取的是这个DOM对象的属性，选中返回true，没选中返回false。 接下来再看一下针对自定义属性，attr和prop又有什么区别： <input type="checkbox" checked id="i1"

1.设置或获取元素固有属性值prop() 固有属性:元素本身自带的属性,比如<a>元素里面的href,<input>里面的type $(function(){ console.log($("a").prop("href")); //获取a的href属性 $("a").prop("title","设置a的title属性"); $("input").change(function(){ console.log($(this).prop("checked")); //查看复选框的checked属性,看是否被选中 }) }) 2.设置或获取元素自定义属性值attr() , 该方法也可以获取H5自定义属性 $(function(){ console.log($("div").attr("index")); //获取div的自定义属性index $("div").attr("index","4"); //修改div的自定义属性index值为4 console.log($("div").attr("data-index")); //获取div的H5自定义属性data-index }) 3.数据缓存data() data()方法可以在指定的元素上存取数据(存在缓存中),并不会修改DOM元素结构.一旦页面刷新,之前存放的数据都将被移除 $(function(){ $("span").data(

搜了一圈用C#读取与修改文件属性的文章，结果几乎找不到- -； 偶然间看到一个DSOFile工具，然后找到了对该工具进行详细讲解的一篇文章： 《DSOfile,一个修改windows系统文件摘要的好东东。》 ，但是这里面的代码根本没法在C#的Console Application项目下直接用啊！所以一边摸索一边理解，一边写下这篇文章，给大家一点参考。 首先， 下载DSOFile.dll文件 ，解压后在项目中引用它。这个文件是我从 官网下载地址(点此打开) 搬运过来的，上次更新居然是在十年前，也就是2007年更新的。 然后就开始一边码代码一边讲解了！ 1.读取与设置预设属性 DSOFile内置了很多常用属性值，在此不一一列举，你可以自己亲自去查看。 OleDocumentProperties file=new OleDocumentProperties();//创建一个DSOFile对象 file.Open(@"D:\test.txt");//打开本地文件 file.SummaryProperties.Author = "Young";//设置作者的名字 file.Save();//保存更改，注意，千万不能忘了这行代码 Console.WriteLine(file.SummaryProperties.Author);//读取输出刚刚的更改 file.Close(); 其中

1.1. 基本概念 1.1.1. DOM DOM Document Object Model 文档对象模型 就是把HTML文档模型化，当作对象来处理 DOM提供的一系列属性和方法可以视作一个工具箱，极大地方便了我们对文档的处理。 1.1.2. 内容概念 文档 (Document)：就是指HTML或者XML文件 节点 (Node)：HTML文档中的所有内容都可以称之为节点，常见的节点有 元素节点 属性节点 文本节点 注释节点 元素 (Element)：HTML文档中的标签可以称为元素 1.1.3. 结构概念 父节点 当前节点的父级 子节点 当前节点的子级 兄弟节点 和当前节点同属一个父级的节点 1.2. 获取元素 getElementById 通过id寻找一个元素（找到的是一个元素对象） 该方法只能被document对象调用（同一个文档中id不能重复） getElement s ByTagName 通过标签名寻找一类元素（找到的是由元素对象组成的伪数组） 即可以被document调用，又可以被元素对象调用，被元素对象调用时表示在该元素对象内部执行查找 1.3. 设置属性 元素对象.属性名 = “属性值”; 等价于 <标签 属性名=”属性值”> 1.4. 绑定事件 事件三要素 事件源.事件 = function(){ 事件处理程序 }; 等价于 <标签 事件=”事件处理程序”>

1.DOM节点的常用属性（所有节点都支持） nodeType：元素1，属性2，文本3 nodeName：元素标签名的 大写 形式 nodeValue：元素节点为null，文本节点为文本内容，属性节点为属性值 关系属性：parentNode，childNodes，nextSibling，previousSibling，firstChild，lastChild ownerDocument：文档节点（document对象） 2.操作DOM节点（增/删/改） appendChild(node);给当前节点的childNodes列表末尾添加一个节点。若node已存在，则把node移动到当前节点下 insertBefore(node, targetNode);在targetNode前插入node replaceChild(node, targetNode);用node替换targetNode，注意：替换之后targetNode 并没有被销毁 ，只是变成了游离在DOM树外的文档碎片 removeChild(node);移除node，注意：移除之后node 也没有被销毁 ，该方法返回node的引用 cloneNode(true/false);复制一个与当前节点完全相同的节点，若true则深复制，否则浅复制， IE会复制相关事件处理器 ，其它浏览器不会 normalize();用来删掉空文本节点

CSS自定义属性的工作方式有点像SASS和其他预处理器中的变量，主要的区别在于其它方法都是在浏览器中编译后生成，还是原本的CSS写法。CSS自定义属性是真正的动态变量，可以在样式表中或使用javascript即时更新，这使得它们具有更多的可能性。如果你熟悉JavaScript，我喜欢把预处理器变量和CSS自定义属性之间的区别想象成与const和let之间的区别相似——它们都有不同的用途。 CSS自定义属性可以方便的实现很多功能（例如主题变化）。最近我一直在尝试利用CSS自定义属性和CSS网格的组合能实现什么神奇的效果，我需要在不同的断点处重新定义grid-template-rows和grid-template-columns属性。下面的代码中有一个例子，我使用SASS变量定义了页面在不同的宽度下不同的列宽值，这些值将传递到grid-template-rows属性中。我对grid-gap属性也做了同样的操作，这样页面宽度不同时元素之间的间距也是不同的： 学习Q-q-u-n： 731771211，分享学习方法和需要注意的小细节，不停更新最新的教程和学习技巧 （从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划） $wrapper: 1200px; $col: 1fr; $gutter: 20px; $wrapper-l: 90%; $col-l: calc(