首页
学习
活动
专区
圈层
工具
发布

JavaScript--DOM总结

DOM 文档对象模型 Document对象 Document对象集合 集合 描述 all 页面中所有标签,不去重,返回一个数组 forms 返回对文档中所有 Form 对象的引用,返回一个数组 images...在提交表单之前调用 Form表单提交的三种方式 直接在form表单中设置提交按钮或button 使用HTML5方法,在表单外面也可使用,类似label 使用JavaScript中的submit()方法...(可设置四个值) paddingBottom 设置元素的下填充 paddingLeft 设置元素的左填充 paddingRight 设置元素的右填充 paddingTop 设置元素的顶填充 Layout...对文本设置大写效果 unicodeBidi whiteSpace 设置如何设置文本中的折行和空白符 wordSpacing 设置文本中的词间距 Table对象 Table 对象集合 集合 描述 cells 回包含表格中所有单元格的一个数组...rows 返回包含表格中所有行的一个数组。可通过length获取到当前表格的数量 tBodies 返回包含表格中所有 tbody 的一个数组。

97910

检查未绑定变量的语句(硬解析状况)

上节我们介绍了如何通过Django获取Oracle 执行次数等于一的语句,而这些语句很有可能是未使用绑定变量导致,这节讲如何获取其具体的信息 ---- 开发环境 操作系统:CentOS 7.3 Python...首先获取到表单中的数据,如 ipaddress,tnsname以及执行的命令 2. 然后通过ipaddress,tnsname从oraclelist数据库中查找获得用户名密码用于连接 3....然后将语句作为参数传递到函数getunboundsql中未使用绑定变量的语句的相信信息,详情看具体代码 6....该模板是一个表格,通过将传过来的变量显示在前端页面 ---- 实际效果 http://10.65.202.218:8081/monitor/oracle_command/ ?...从上面结果我们可以看到这个select语句的where子句未使用绑定变量,从模块中可以看到其来自的哪里,载入时间也可以判断其执行的非常频繁。

2.5K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    TDesign 更新周报(2022年5月第3周)

    组件库 Vue2 for Web 发布 0.41.5 Features Form:支持 help 配置的表单项说明内容与错误提示同时展示,未配置 help 时不再默认占位 Table: 树形结构,...不支持数组类型的问题 详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.5 Vue3 for Web 发布 0.15.0 ❗...Changes Cascader:基于select-input组件重构,文本过长省略使用原生 title 展示全文本,不再使用 tooltip,存在不兼容更新 Features Form:支持 help 配置的表单项说明内容与错误提示同时展示...Auto layout 4.0 自动布局全新升级 布局更新绝对定位,减少使用空画板 负间距,头像折叠更智能 排列顺序,表单内容展开更智能 填充内容超出省略显示 2....性能优化,减少隐藏元素,使用更流畅 Table:重构表格嵌套关系 Input:重构输入框嵌套关系 Menu:重构导航菜单嵌套关系 Dropdown:重构下拉菜单嵌套关系 2.

    3.2K30

    获取Oracle执行次数等于一的语句(硬解析状况)

    我们知道硬解析是一个非常耗资源的动作,尤其是在OLTP系统中如果未使用绑定变量导致硬解析很严重(每秒30次以上),数据库性能会严重的下降,这时我们需要找到相应的语句来进行优化 原理:通过v$sql视图中找出所有...='commandresult'), ] oracle_command为执行Oracle命令的页面 commandresult为执行完Oracle命令显示结果的页面 ---- views.py 下面为commandresult...首先获取到表单中的数据,如 ipaddress,tnsname以及执行的命令 2. 然后通过ipaddress,tnsname从oraclelist数据库中查找获得用户名密码用于连接 3....该模板是一个表格,通过将传过来的变量显示在前端页面 ---- 实际效果 http://10.65.202.218:8081/monitor/oracle_command/ ?...上面的结果第一条显示出未使用变量的语句有7304个条目在shared pool中,造成空间的浪费 ---- 源码地址 源码请查看我的GitHub主页 https://github.com/bsbforever

    77010

    基于数据驱动设计复杂页面

    (PS:没有table组件的墨刀,掩面苦笑,真难用) 从整个页面上分析,整体分为二部分,表单FA列表和表格TA 表单FA列表可以新增,删除,设为默认,其中一些表单项要求可以边输入边检索,选中选项后,自动将其他表单项填充...表格TA 首先是行内编辑,其次是行内的表单项之间存在级联关系,就是说,必须选中前一个行内表单,下一个表单项才有备选项,每个表单的备选项都是根据前面表单项变化而变化....以上是表单TA的一条记录的行内编辑,这条记录的操作列有一个编辑按钮和删除按钮,点击编辑在此条记录的下方展示一个表单FB, 表单FB又包含一个表格TB和一个表单FC列表 表格TB可以增加记录,删除记录,记录中是行内编辑...,多一条,少一条都可以直接在页面上反应出来.这也是得益于目前前端框架的飞速发展.这种数据驱动的方法解放了前端开发人员的双手,很少再去使用append,inserBefore等方法去去操作dom,直接在数组...FA列表中有一个这样的表单项,能够输入,能够选,选择一个后,需要将其他表单项自动填充,由于是表单列表,在选择后.必然需要在回调函数里确定是当前列表中的那个对象.但是子组件注册回调函数时却不能包含父组件的变量

    73930

    HTML+CSS纯干货就业前基础到精通系统学习201693

    ,实现简单表格,跨行、跨列的复杂表格,并对表格进行美化修饰 (5):会使用表单及表单元素标签,实现表单页面的制作 (6):理解post和get两种提交方式的区别 2:HTML的基本结构 2.1:标题和其他说明信息...学生成绩表 2.14:表格的美化修饰(表格的宽度,高度,背景色,背景图片,文字的对齐方式) 设置表格的尺寸和边框: width用来设置表格的宽度 height用来设置表格的高度...设置对其方式: align属性用来设置表格、行、列的对齐方式 填充属性、间距属性: border(边框的厚度) cellpadding(单元格填充)用来设置表格内填充距离 cellspacing(单元格间距...)用来设置表格内框宽度 2.15:表单 表单的典型应用: 注册用户 收集信息 反馈信息 为网站提供搜索工具 表单中包含的表单元素: 单行文本输入框(TEXT) <INPUT type=“text ” value...内嵌样式-特殊的选择器: A:hover 特殊的伪类选择: 其中A代表超链接 hover:代表鼠标悬停 active:当前活动的超链接 visited:访问过的超链接 link:未访问过的超链接 外部样式

    4.7K90

    HTML+CSS基础到精通系统学习

    ,实现简单表格,跨行、跨列的复杂表格,并对表格进行美化修饰 (5):会使用表单及表单元素标签,实现表单页面的制作 (6):理解post和get两种提交方式的区别 2:HTML的基本结构...设置对其方式: align属性用来设置表格、行、列的对齐方式 填充属性、间距属性: border(边框的厚度) cellpadding(单元格填充)用来设置表格内填充距离 cellspacing...(单元格间距)用来设置表格内框宽度 2.15:表单 表单的典型应用: 注册用户 收集信息 反馈信息 为网站提供搜索工具 表单中包含的表单元素: 单行文本输入框(TEXT)...内嵌样式-特殊的选择器: A:hover 特殊的伪类选择: 其中A代表超链接 hover:代表鼠标悬停 active:当前活动的超链接 visited:访问过的超链接 link:未访问过的超链接...left-左侧浮动,从左往右排列显示 right-右侧浮动,从右往左排列显示 none-默认,显示在文档中定义的位置 盒模型: 每个元素都被看作一个矩形框(盒子),由内容、padding(填充

    3.7K50

    6、软件产品开发过程——所有表集合

    设计表格结构:一旦确定了需要的表格,就需要设计表格的结构。这包括确定表格的列和数据类型,以及表格之间的关系。 创建表格:一旦设计完成,就可以开始创建表格了。...这通常可以使用数据库管理系统(如MySQL或Oracle)来完成。 填充表格:一旦表格创建完成,就需要将其填充数据。这可以通过手动输入数据或通过其他系统自动导入数据来完成。...测试表格:在将表格发布到生产环境之前,需要对其进行测试,以确保其数据的准确性和完整性。 维护表格:一旦表格发布到生产环境,就需要进行维护。...这包括对表格进行备份,定期清理表格中的旧数据,以及对表格进行性能优化等。 总之,设计和实现软件表是软件开发过程中非常重要的一步。...缺陷状态:记录缺陷的状态,包括已解决、未解决、延期处理、重复等。 缺陷责任人:记录缺陷的责任人,通常是开发人员或测试人员。

    27440

    一款无需写任何代码,即可一键生成前后端代码的开源工具

    它引入了 No Coding 概念:在线表单配置(表单设计器)、移动配置能力、工作流配置(在线设计流程)、报表配置能力、在线图表配置、插件能力(可插拔)… 技术架构 开发环境 语言:Java 8 IDE...(JAVA):IDEA/Eclipse 安装 lombok 插件 IDE(前端):WebStorm 或者 IDEA 依赖管理:Maven 数据库:MySQL 5.7+ & Oracle 11g & Sqlserver...单表模型例子 │ └─一对多模型例子 │ └─打印例子 │ └─一对多TAB例子 │ └─内嵌table例子 │ └─常用选择组件 │ └─异步树table │ └─接口模拟测试 │ └─表格合计示例...JEditable │ └─JEditable组件示例 │ └─图片拖拽排序 │ └─图片翻页 │ └─图片预览 │ └─PDF预览 │ └─分屏功能 │─封装通用组件 │ ├─行编辑表格...CAS集成方案 │ ├─提供APP发布方案 │ ├─集成Websocket消息通知机制 ├─Online在线低代码开发(暂未开源) │ ├─Online在线表单 - 功能已开放 │ ├─在线代码生成器

    1.7K70

    JeecgBoot 2.4.2 积木报表版本发布,基于 Spring Boot 的低代码平台

    积木报表: http://jimureport.com/plan 代码生成器升级 数据库兼容性深度测试、简化生成代码、丰富组件的支持 支持自定义树生成组件生成 支持高级查询的下拉多选、下拉搜索的生成 在oracle...下代码生成报错处理 ERP风格 子表配置唯一校验,输入时报错 一对多代码生成,子表未清空子表数据(导致数据混乱问题) 支持更多校验规则生成 大字段Blob类型支持强化 简化生成的VUE代码,自定义组件改成全局注册...6-16位数字实际可输入18位数字 单表及行编辑 【Online表单权限】行编辑的问题,一对多子表,子表'新增' '删除' 按钮未控制 【Online】sql增强 java增强配置页面修改成列表方式 【...,支持选择人、选择部门等组件 【Online报表】sqlserver下配置oracle多数据源,时间查询报错 Issues处理 【online】2.4版本更新后子表onlChange方法不生效 #2059...#2070 注册用户总是提示“手机验证码错误” #2081 当用户单租户多部门时存在未setTenant的BUG #2053 设置菜单消失 #2079 2,4版本问题如果url中有包括中文(已编码),就报

    2.5K30

    excel常用操作大全

    如果菜单中未显示最近使用的文件名,请取消“最近使用的文件列表”前的复选框。 3.在EXCEL中输入“1-1”和“1-2”等格式后,将成为日期格式,如1月1日和1月2日。我该怎么办?...4.使用Excel制作多页表单时,如何制作一个类似Word表单的标题,即每页的第一行(或几行)是相同的。但不是用头吗?...“ctrl *”的特殊功能 一般来说,当处理工作表中有大量数据的表格时,可以通过选择表格,中的单元格格,然后按Ctrl+Shift *来选择整个表格。...1)在编辑窗口中移除表格格线。...19.如何在表单中添加斜线? 一般来说,我们习惯在表单上使用斜线,但是工作表本身不提供这个功能。事实上,我们可以使用绘图工具来实现: 点击“绘图”按钮,选择“直线”,鼠标将变成一个十字。

    23.7K10

    Django-form表单

    实际应用中,一个表单可能包含几十上百个字段,其中大部分需要预填充,而且我们预料到用户将来回编辑-提交几次才能完成操作。 我们可能需要在表单提交之前,在浏览器端作一些验证。...如果表单的提交使用POST 请求,那么视图将再次创建一个表单实例并使用请求中的数据填充它:form = NameForm(request.POST)。...这时表单不再为空(未绑定),所以HTML 表单将用之前提交的数据填充,然后可以根据要求编辑并改正它。...绑定的和未绑定的表单 之间的区别非常重要: 未绑定的表单没有关联的数据。...表单渲染的选项 对于/ 对,还有几个输出选项: {{ form.as_table }} 以表格的形式将它们渲染在 标签中 {{ form.as_p }} 将它们渲染在

    4.8K70

    【大牛经验】Java开源JSP标签库(32款)

    01 displytag 与Struts结合使用最出名的一个tag主要是显示表格数据很漂亮、完善。 02 cewolf tag 用来在web上显示复杂图形报表的一个jsp tag。...通过java.util.List填充数据。...其中最受欢迎的Tree Tag,这个Tag可以为不同节点指定不同的图标,而且可以服务端可以监控客户端节点的展开,关闭,选中与未选中等事件。...23 FormView FormView标签能够根据状态(新增,查看,修改,删除操作)和表单的属性(最大长度,是不是Date或是否必填等)来控制Form中的表单到底是要修饰成READ-ONLY或还是READ-WRITE...Noka tag在数据库方面拥有卓越的表现能力,目前针对SQL Server、Oracle、MySql、PostgreSQL等主流数据进行了特殊的处理,能够处理海量的数据。

    2.4K50

    一件事让客户成为你的忠实用户!

    进入To B系统,满屏都是列表,基本上列表页和查询条件占据了系统的一半以上,并且大部分的功能都是从列表查询页开始的一系列增删改查,这其中涉及到前端相关的交互就有”表格/表单(数据录入和编辑)/弹框.....那我们今天就先从表格入手,一起探讨一下表格的交互怎么样更合适。 表格的介绍 表格的定义 用来收集、整理、组织、分析数据的二维矩阵;既是一种可视化交流模式,又是一种组织整理数据的手段。...空数据:当数据为空时,用”-“填充展示;避免直接留白,容易给用户造成一定的误解和困惑,没加载出来or bug?...未锁定操作列 表格编辑 就地编辑:表格单元格嵌套输入框或者选择框,可批量直接操作;优点是类似excel,对修改数据量多时比较方便;缺点是表格很丑,当表格数据量大时表格的性能不好容易出现卡顿现象。...以上内容大概就这么多啦,表格是To B业务中非常重要的组件,做好表格,你离成功又近一点点啦,做出来的产品赏心悦目。除了表格,当然还有表单等...表单系列正在努力生产中,下期敬请期待!

    1.8K10

    JeecgBoot 2.4.6 版本发布,基于代码生成器的企业级低代码平台

    IdType.ID_WORKER_STR --> IdType.ASSIGN_ID gateway默认走database、增加swagger关闭配置 支持数据库 Online报表兼容 mysql 、mariadb 、oracle...mysql 、mariadb 、oracle 、postgresql 、sqlserver 、达梦数据库 代码生成器兼容 mysql、mariadb、sqlserver、oracle、postgresql...显示错误 #2691 前端省市县组件太旧了,有部分县区没有维护进去 #I40MGS AutoPOI中@EXCEL注解参数没有 #I3ZE9E 已冻结的租户下的用户依然可以登陆 #2796 删除租户时,未验证租户是否已被引用...生成的代码自带导入导出功能 集成简易报表工具,图像报表和数据导出非常方便,可极其方便的生成图形报表、pdf、excel、word等报表; 采用前后分离技术,页面UI精美,针对常用组件做了封装:时间、行表格控件...JEditable │ └─JEditable组件示例 │ └─图片拖拽排序 │ └─图片翻页 │ └─图片预览 │ └─PDF预览 │ └─分屏功能 │─封装通用组件 │ ├─行编辑表格

    2.1K10
    领券