题目 给你一个字符串数组 patterns 和一个字符串 word ,统计 patterns 中有多少个字符串是 word 的子字符串。 返回字符串数目。 子字符串 是字符串中的一个连续字符序列。...- "abc" 是 "abc" 的子字符串。 - "bc" 是 "abc" 的子字符串。 - "d" 不是 "abc" 的子字符串。...patterns 中有 3 个字符串作为子字符串出现在 word 中。...- "b" 是 "aaaaabbbbb" 的子字符串。 - "c" 不是 "aaaaabbbbb" 的字符串。 patterns 中有 2 个字符串作为子字符串出现在 word 中。...示例 3: 输入:patterns = ["a","a","a"], word = "ab" 输出:3 解释:patterns 中的每个字符串都作为子字符串出现在 word "ab" 中。
-值对,如:charset="utf-8",charset 称为键,utf-8 称为值块元素block-element 定义:块级元素占据其父元素(容器)的整个空间,因此创建了一个块用法:块级元素只出现在...type 改变 li 的样式,如 type="circle" 代表空心圆点,type="square" 代表方形注释:必须配合使用,不能只出现 ul 或者 li,嵌套的原则是,ul 的直接子元素必定是...Term),dt 元素用于在一个定义列表中声明一个术语,该元素仅能作为 dl 的子元素出现,通常在该元素后面会跟着 dd 元素对定义标题的解释说明 (Definition Description),dd...元素用来指明一个描述列表 dl 元素中一个术语的描述,这个元素只能作为描述列表元素的子元素出现,并且必须跟着一个 dt 元素 简书 是一个将写作与阅读整合在一起的网络产品...,行元素一般不嵌套块元素,行元素可以嵌套行元素以及文本② p 元素不嵌套块元素③ li 的兄弟元素只能是 li,不能是其他元素,父元素只能是 ul / ol,dl 直接子元素只能是 dt 或者 dd,select
layui table结构不能很直观的展示层级信息,所以参考”https://fly.layui.com/extend/treeTable/“组件(layui版本为v2.5.6),修改为树形展示,修改了...) id,elem必须一致,不过elem加了”#” 缺点:一次拉取所有数据,数据量大的时候不能动态刷新子节点(待改进) departList.cshtml @model Web.Admin.Models.DepartListViewModel...="机构名称不能为空" class="layui-input"> '; }); // 处理表树和树的赋值模板 var table = is_table ?...(子级出现、更改图标) td.find('i:not(.layui-icon-ok)').attr('class', e.icon.open); td.parents(e.elem).find
doctype html> 标签的嵌套 在一个标签中,出现另外一个标签,从而形成层叠关系,里面的标签又称为“子标签”,外面的标签又称为“父标签” 推荐写法: 在子元素前,...--注释的内容--> 注意:注释标签不能嵌套,也不能出现在其他标记结构中> eg:> 中的内容 指定网页的编码格式 行必须写在表里面 单元格必须写在row里面 table的属性: width...其他元素 Input元素 作用:在页面中提供各种各样的输入控件 语法:或者 属性: type 指定创建输入控件的类型 取值 text 文本框 password...(用于上传文件) value 指定控件的值 placeholder 占位符,默认显示在控件上的文本 readonly 只能看,不能改,没有值 disabled 禁用控件,没有值 表单辅助标签 <input
n size属性:多选时,可见选项的数目。 n 子标签:下拉列表中的一个选项(一个条目)。 u selected :勾选当前列表项 u value :发送给服务器的选项值。...独自不能实现复杂效果。必须结合CSS样式进行渲染。 div通常其是块级元素 ?...需要注意的是,属性的值和单位之间是不允许出现空格的,否则浏览器解析时会出错。例如,下面这行代码就是不正确的。...但如果是一个网站,不建议使用这种方式,因为他不能充分发挥CSS代码的重用优势。...标记选择器最大的优点是能快速为页面中同类型的标记统一样式,同时这也是他的缺点,不能设计差异化样式。
//接下来push一个商品行,把该product对象作为ProductsList的子属性 rows.push(<PorductInfo product={product...回顾我们案例中的所有交互元素,它们包括: 原始呈现的商品列表 搜索框内的内容 复选框是否被点选 过滤后的商品列表 让我们逐一思考,哪一个可以作为状态——对每个交互元素都得问三个问题: 它是通过父级组件的...//接下来push一个商品行,把该product对象作为ProductsList的子属性 rows.push(<PorductInfo product={product...把这个 handleUserInput方法作为一个 props属性(在此命名为 onUserInput)传进子组件里边去!...//接下来push一个商品行,把该product对象作为ProductsList的子属性 rows.push(<PorductInfo product={product
1、is属性 有些 HTML 元素,诸如 、、 和 ,对于哪些元素可以出现在其内部是有严格限制的。...而有些元素,诸如 、 和 ,只能出现在其它某些特定的元素内部。 这会导致我们使用这些有约束条件的元素时遇到一些问题。...幸好这个特殊的 is 特性给了我们一个变通的办法: 需要注意的是如果我们从以下来源使用模板的话,这条限制是不存在的...关于 ref 注册时间的重要说明:因为 ref 本身是作为渲染结果被创建的,在初始渲染的时候你不能访问它们 - 它们还不存在!$refs 也不是响应式的,因此你不应该试图用它在模板中做数据绑定。...例如: //现在在你已经定义了这个 ref 的组件里,你可以使用: this.
HTML 标签的作用原理就是选择网页内容,从而进行描述,也就是说需要描述哪个元素,就选择哪个元素,所以才会有双标签的出现,用于定义标签作用的开始与结束。...只有双标签才能作为“父标签”。 并列关系 并列关系也称为兄弟关系,就是两个标签处于同一级别,并且没有包含关系。...“回车”换行,在 HTML 中文本使用“回车”来换行只会出现一个空格。...图像不能显示的文字 titlr 文本 提示文本。.../文件名 相对路径是从代码所在的这个文件出发,去寻找目标文件的,而我们这里所说的上一级 、下一级和同一级就是图片相对于 HTML 页面的位置。
() 用来生成文本节点,参数为所要生成的文本节点的内容; node.appendChild() 接受一个节点对象作为参数,将其作为最后一个子节点,插入当前节点; node.hasChildNodes...() 返回一个布尔值,表示当前节点是否有子节点 node.removeChild() 接受一个子节点作为参数,用于从当前节点移除该子节点 node.cloneNode() 用于克隆一个选中的节点。...它接受一个布尔值作为参数,表示是否同时克隆子节点,默认是false,即不克隆子节点。 注意: 不会克隆绑定到该元素上的事件; node.innerHTML 返回该元素包含的 HTML 代码。...node.firstChild 返回树中节点的第一个子节点,如果节点是无子节点,则返回 null。 node.lastChild 返回该节点的最后一个子节点,如果该节点没有子节点则返回null。...写成backgroundColor 属性值都是字符串,设置时必须包括单位: 比如,div.style.width的值不能写为100,而要写为100px <div id=
会报错:在浏览器的调试窗口的console里面可以看到,记住这个昂,以后出现这个错误,不能问昂~~~ jQuery版本 1.x:兼容IE678,使用最为广泛的,官方只做BUG维护,功能不再新增。...='text']");// 取到类型不是text的input标签 表单筛选器(多用于找form表单里面出现的input标签,当然通过属性选择器找肯定也是没问题的,这样就是写着简单一些): :text :...输入值变化示例:input值变化事件:看百度搜索的效果: 这叫做input事件,看代码:只要input框里面的值发生变化就触发某个事件,注意input事件不能直接绑定,必须用on绑定才行,('...html可以嵌套,如果你给儿子标签绑定了点事件或者没有绑定点击事件,父级标签绑定了点击事件,那么你一点击子标签,不管子标签 有没有绑定事件,都会触发父级标签的点击事件,如果有,会先触发子标签的点击事件...$("table").on("click", ".delete", function () { //中间的参数是个选择器,前面这个$('table')是父级标签选择器,选择的是父级标签,意思就是将子标签
还不能用 :is() :is() 伪类将选择器列表作为参数,并选择该列表中任意一个选择器可以选择的元素。这对于以更紧凑的形式编写大型选择器非常有用。...:where() :where() 伪类接受选择器列表作为它的参数,将会选择所有能被该选择器列表中任何一条规则选中的元素。...其实就是跟 :is() ,唯一不同的就是 :where() 的优先级总是为 0 ,但是 :is() 的优先级是由它的选择器列表中优先级最高的选择器决定的。...在当前规范中 :has() 并未列为实时选择器配置的一部分,意味着其不能用于样式表中。...:required 的兼容性在上面有。 :blank :blank 伪类选择器 用于匹配如下节点: 没有子节点; 仅有空的文本节点; 仅有空白符的文本节点。
)(3)cellspacing //单元格与单元格之间的距离(4) //表格标题2、行标签:3、单元格:...textarea> ①cols:宽度 ②rows:高度三、div和span1、div:划分一块区域,页面由若干个区域组成,从大到小进行分布,div主要搭配css来使用2、span:3、块级元素...(如果出现两次,效果有,但是不能同时写两个一样的id名) ③唯一性(身份证)3、元素选择器:选择的是标签名(1)格式 h1{ width:...(旧标签、新添加标签)4、子选择器:有父子关系(1)格式 云烟成雨 房东的猫 </tr
变量声明 变量是存储信息的容器 # 1. javaScript的变量名可以使用数字,字母,$组成,不能以数字开头. # 2. 声明变量使用var变量名;的格式进行声明. ...(作为最后的子节点) somenode.appendChild(newnode); 把增加的节点放到某个节点的前边。 ...d1'); d.removeChild(d1); 替换节点: 语法: somenode.replaceChild(newnode, 某个节点); somenode是父级标签,然后找到这个父标签里面的要被替换的子标签...('a'); a.innerText = '百度'; d.replaceChild(a,d1); 标签节点的操作都是基于先要找到父级标签,通过父级标签的相应功能进行操作。...} /* *通过父级和子元素的class类 获取该同类子元素的数组 */ function getClassObj(parent,className){ var obj
head 和 body 是 html 的子标签(html 就是 head 和 body 的父标签) title 是 head 的子标签. head 是 title 的父标签. head 和 body...-- 注释 --> 2.2 标题标签 有六个,从 h1 ~ h6,数字越大,则字体越小 一级标题 二级标题 三级标题...四级标题 五级标题 六级标题 2.3 段落标签 p标签表示一个段落 第一段 第二段...当图片不能正确显示的时候, 会显示一个替换的文字. title: 提示文本. 鼠标放到图片上, 就会有提示. width/height: 控制宽度高度....尤其是对于 单选按钮, 具有相同的 name 才能多选一. value: input 中的默认值. checked: 默认被选中.
(父权限)的 id menu_id = item['menu_id'] # 二级菜单(父权限)的 一级菜单的 菜单id (一级菜单id) parent_permission_dict...= item['parent_id'] # 子权限的父权限(二级菜单)的id if not pid: # 还有部分没有挂名的 url login、logout...'二级菜单title': XX, '二级菜单menu_id': XX, 'children':[{'子权限id': XX, '子权限...下面俩二级菜单子的 children 也有一份????...[{'二级菜单id': XX, '二级菜单title': XX, '二级菜单menu_id': XX, 'children': [{'子权限id': XX, '
多选框 file 用于之后上传文件 submit 提交按钮 用于提交 reset 重制按钮 重制和提交生效 必须要有父级标签表单域 button 普通按钮 可以配合js添加功能 input 其他属性...windows电脑 默认是微软雅黑 一般网页会提供多个字体,用逗号隔开,表示按顺序显示,避免出现用户电脑上没有安装字体的情况 常见字体系列 无衬线字体 sans-serif 均匀 无笔锋 一般网页都用这种类型...转换为行内块元素 display: inline 极少…… 转换规范: 块级元素作为大容器,可以嵌套很多元素,但是不能用小范围的元素嵌套大范围元素 如p标签不能嵌套div、p、h a标签内部可以嵌套任意元素...,除了a标签 css特性 继承性 子元素没有的 从父元素处继承;子元素有的,不继承 可以理解为 父元素的样式先赋给子元素 子元素自己的样式又赋给自己 后者覆盖前者 故显示子元素的样式 层叠性 给同一个标签设置不同的样式...important不能提升继承的优先级,且实际开发中不建议使用 标签的范围越广,其优先级越低,个人认为可简记为 远水解不了近渴 权重叠加计算 场景:复合选择器 需要通过权重叠加计算 判断最终哪个选择器优先级会生效
中 有的字符是被HTML保留的比如大于号小于号 有的HTML字符,在HTML中是有特殊含义的,是不能在浏览器中直接显示出来的,那么这些东西想显示出来就必须通过字符实体,如下 注释:实体名称对大小写敏感...二级标题 三级标题 四级标题 五级标题 六级标题... 没有七级标题 没有七级标题 注意:在企业开发中一定要慎用h系列标签,特别是h1标签,在企业开发中一般一个界面中只能出现一个...href="">刷新页面,回到顶部,人类感觉不出来区别 回到顶部 #2、注意点: 通过我们的a标签跳转到指定的位置,是没有过度动画的 是直接一下子就跳转到了指定位置...,并且ul的子标签只应该是li,而li的子标签则可以是任意其他标签 <!
未来做自动化的时候,写个表格,表格的背景色润色,设置字体大小,设置间距等等,然后作为邮件正文去发送。...它会把html是个层级关系,第一层是body(父亲),head和body是它的两个儿子。 body里面有非常多的子级。 body里面的script是js脚本,不代表页面的元素。...4)第一种,如果这个元素是有子级的,可以在子级中添加元素,删除元素,改变元素等等。 DOM对象可以对html页面做全方位的操作的。 5)还有一种是只改变它的纯文字部分。...只要获取元素之后,想怎么改都可以的,只是每种改变元素的方式是不太一样的。 如果有子级,还可通过删除,新增操作,新增删除元素都可以实现页面的变更。 以上内容,知道语法怎么写即可。...所以在百度页面一点击就弹出一个输入框,这就是点击事件引发的。点击事件引发了弹出框的出现,鼠标悬浮事件,引发了下拉列表的出现,鼠标离开,下拉列表就收起来了。
基本标签 h系列 标题标签 一级标签 六级标签 p 划分段落,自动在段前段后自动加空行 align段落的对齐方式,默认为居左 hr 分隔符标签,会在页面上显示一条分割线 size属性...() name属性:指定iframe的名称,如果 a 标签的中的 target 属性值是其 name 属性的时候,点击a标签,对应 的链接内容会出现在 iframe 中 src属性:指的是iframe...name=value&name=value&name=value ③form中不需要的提交内容,不设置name属性,如果按钮本身就是作为提交功能的出发,那么就不需要设置name属性 使用url编码 主要解决的是中文和特殊符号... 脚步标签 :一般都是备注、友情链接、备案号、等等一些 笔记 笔记1 子标签可以继承宽度值,不能直接继承高度值 但是有一些标签是例外例如 iframe需要父标签同时设置 笔记2 常用的响应状态码
领取专属 10元无门槛券
手把手带您无忧上云