为了让开发人员更方便地控制页面，“DOM2 级遍历和范围”模块定义了“范围（Range）接口”。通过范围（Range）可以选择文档中的一个区域，而不必考虑节点的界限。
页面顶部导航可以固定在屏幕顶部，不用随着页面上下拖动而滚动。 Bootstrap 框架可以用 .navbar 快速实现这种页面效果
1.UI.Layout jQuery UI布局插件 官方网站：http://layout.jquery-dev.com/index.cfm 使用大小可折叠的嵌套面板和大量选项创建高级UI布局。布局
所有的属性都定义在jQuery.fn.{plugin}.defaults里面。例如，对话框属性定义在jQuery.fn.dialog.defaults里面。 jQuery.fn.panel.defaults可以给组件添加默认的配置项
jQuery Mobile是jQuery 在手机上和平板设备上的版本。它不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。
本文主要介绍了EasyUI中的一些组件和模块，包括表格、日历、表单、对话框、颜色选择器等。通过这些组件和模块，可以快速搭建出各种类型的应用程序。同时，还介绍了一些EasyUI中的实用工具，包括easyui-lang-zh、easyui-validate、easyui-component-extend等。这些工具可以帮助开发者更加灵活地开发和管理系统。
svgHTML5中使用svgsvg的基本语法svg内部标签几何图形标签路径标签文字标签
前言 折叠（Collapse）插件可以很容易地让页面区域折叠起来。如果您想要单独引用该插件的功能，那么您需要引用 collapse.js， bootstrap已经包含了这个插件。 可以直接引用 bootstrap.js 或压缩版的 bootstrap.min.js 折叠（Collapse） 以使用带有属性的链接href或带有属性的按钮data-target。在这两种情况下，data-toggle=”collapse”都是必需的。 单击下面的按钮以通过类更改显示和隐藏另一个元素： .collapse隐藏内容
1 Accordion（可折叠标签） 1.1 实例 1.1.1 代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery EasyUI</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> <link rel="stylesheet" type="text
前面陆陆续续的写过一些ztree的文章，但调用的是后端的接口，demo拿过去没有办法可以直接查看前端的界面，这就造成了一部分人对此理解的困扰。
近期jquery的学习经历了一些反复：开始时觉得非常强大，比js好用，和css关系密切，一句话：完美。等到把《锋利的JQuery》看完，又有点不知道用它来干嘛了。Ajax功能强大，但我并不需要每个项目都用到；选择器方便、事件处理方便，但我似乎并没有那么多的客户端逻辑需要写。渐渐的，开始怀疑这个东西是不是又是一个看上去很美，实际上用不到的东西。 不过，最近我算找到了我能够用到JQuery的地方：界面控制。我一直想找到一种比较适合自己的B/S的界面控制方式，要求是简单和灵活。看了很多博客的自定义界面的方
前面的话：zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是 树状菜单、树状数据。
BootStrap 目前已经出了 4 个版本，每个版本都有对应的官网教程，先来看看不同版本里的宣传语：
第一部分--拖拽介绍 在https://code.csdn.net/2013ossurvey中最后一个开源项目就是zTree，一方面是因为自己看到有项目中使用了zTree，而已大家表示还不错。另外一方面，自己需要实现一个zTree不支持的复杂逻辑的拖拽功能。总体来说，我要实现的是一个可以拖拽的树形列表。当然最新版zTree也支持多课树之间的数据交互。当然一般的企业开发或者web开发中，使用到2个或3个数就足够了。太多了树形结构对于用户来说，也非常复杂。个人推荐不是非常复杂的需求都可以考虑使用zTree，因为
在进行web前端开发中，会有一些关于介绍的页面，在这些页面里有类似名词解释的，如果直接将解释和名词放在页面上就会使整个页面显得东西凌乱，且不易于查看自己需要的名词，这时可以用到折叠的方式来解决。即点击名词，将名词的解释展开，再次点击名词，名词解释合上。下面我来说说通过jquery来实现折叠效果，来看代码：
easyui 为创建现代化，互动，JavaScript 应用程序，提供必要的功能。
作者：刘凌歌 问一个问题：大家有没有遇到过朋友圈文字被折叠为一行的现象？ 以《小程序版 QQ 推出 / 微信新增「语音加速功能」与「夜间模式」| 晓技巧》中的一大段文字为例，当复制粘贴到朋友圈中后会被折叠，文字只显示一行且背景色变为灰色，选择这行文字后才能看到全文。 而同样的这一大段文字，为什么还存在另一种显示方式呢？如下图，文字超过 6 行的部分被折叠，出现一个蓝色的「全文」按键，点击后显示完整文字。 其实解释起来很简单，你可以把这种折叠机制理解为朋友圈的「原创保护」。被折叠为一行的文字，都是复制粘贴到朋
$("#collapseExample").attr("display","none"); collapseExample 可能是 Bootstrap 框架中的一个折叠元素（Collapse），当点击某个触发器时，该元素会显示或隐藏。
插件描述：bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap，以简单和优雅的方式来显示一些继承树结构，如视图树、列表树等等。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.js"></script> </head> <body> 点击我进行展开，再次点击我进行折叠。第 1 部分 Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. 点击我进行展开，再次点击我进行折叠。第 2 部分 Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. 点击我进行展开，再次点击我进行折叠。第 3 部分 Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. </body> </html>
最近在做一个项目，是一个b/s架构的，在项目中，用到了树形结构，即如图1所示的结构。
根据文章内容总结摘要。
前一段时间，微信朋友圈悄悄改版，当你发一段长文字的时候，就会被折叠成一行，需要点击进去才能看到详细内容，如下图示：
上一篇博文《Android开发笔记（一百三十五）应用栏布局AppBarLayout》阐述了如何把Toolbar往上滚动，那反过来，能不能把Toolbar往下拉动呢？这里要明确一点，Toolbar本身是页面顶部的工具栏，其上没有本页面的其它控件了，如果Toolbar被拉下来了，那Toolbar上面的空白该显示什么？所以Toolbar的上部边缘是不可以往下拉的，只有下部边缘才能往下拉，这样的视觉效果好比Toolbar如电影幕布一般缓缓向下展开。 不过，Android在实现展开效果的时候，并非直接让Toolbar展开或收缩，而是另外提供了CollapsingToolbarLayout，通过该布局包裹Toolbar，从而控制标题栏的展开和收缩行为。下面是CollapsingToolbarLayout的属性说明： app:contentScrim : 指定布局内部未展开时的背景颜色。 app:collapsedTitleTextAppearance : 指定未展开时的标题文字字体。 app:collapsedTitleTextColor : 指定未展开时的标题文字颜色。 app:collapsedTitleGravity : 指定未展开时的标题文字对齐方式。 app:expandedTitleTextAppearance : 指定展开后的标题文字字体。 app:expandedTitleTextColor : 指定展开后的标题文字颜色。 app:expandedTitleGravity : 指定展开后的标题文字对齐方式。 app:expandedTitleMargin : 指定展开后的标题四周间距。 app:expandedTitleMarginStart/app:expandedTitleMarginTop/app:expandedTitleMarginEnd/app:expandedTitleMarginBottom : 指定展开后的标题具体方向的间距。 上述属性在代码中的设置方法如下所示： setContentScrim/setContentScrimColor/setContentScrimResource : 设置布局内部未展开时的背景颜色。 setCollapsedTitleTextAppearance : 设置未展开时的标题文字字体。 setCollapsedTitleTextColor : 设置未展开时的标题文字颜色。 setCollapsedTitleGravity : 设置未展开时的标题文字对齐方式。 setExpandedTitleTextAppearance : 设置展开后的标题文字字体。 setExpandedTitleColor : 设置展开后的标题文字颜色。 setExpandedTitleGravity : 设置展开后的标题文字对齐方式。 setExpandedTitleMargin : 设置展开后的标题四周间距。 setExpandedTitleMarginStart/setExpandedTitleMarginTop/setExpandedTitleMarginEnd/setExpandedTitleMarginBottom : 设置展开后的标题具体方向的间距。 在工程中使用CollapsingToolbarLayout，则需注意以下几点： 1、添加几个库的支持，包括appcompat-v7库（Toolbar需要）、design库（CollapsingToolbarLayout需要）、recyclerview库（主页面的RecyclerView需要）； 2、布局文件的根布局采用android.support.design.widget.CoordinatorLayout，因为design库的动态效果都依赖于该控件； 3、CoordinatorLayout节点要添加命名空间声明xmlns:app="http://schemas.android.com/apk/res-auto"； 4、使用android.support.design.widget.AppBarLayout节点包裹android.support.design.widget.CollapsingToolbarLayout节点，再在CollapsingToolbarLayout节点下添加Toobar； 5、Toobar节点添加滚动属性app:layout_scrollFlags="scroll|enterAlways"，声明工具栏的滚动行为标志； 其实真正运行的时候，Toolbar的高度是固定不变的，变化高度的是CollapsingToolbarLayout。只是许多App把这两者的背景设为一样的，所以看起来像是统一的标题栏在收缩和展开。既然二者原本不是一家，那么就得有新的属性用于区分它们内部的行为，新属性在Collaps
版权声明：本文为博主原创文章，未经博主允许不得转载。
为知笔记很好用，深得我心。原来还有一点想法，创建一些自己的模板，用的更加深入一些。后来发现，必要性不大，笔记自带的功能足够满足大多数的需求，如果画蛇添足，反而不利于跨电脑，跨平台使用。 不过近期又有一点动力，想改进一下。我近期喜欢把一些关键词收集起来，因为我认为互联网时代，知道关键词基本上就等同于知道相关的知识了。所以，也没必要再去链接什么，如果需要，搜索的难度其实很小。但在执行中，感觉还是有点美中不足，关键词除了深入的细节信息，一般都有一些最核心的相关信息，如出处、发言人、关联词汇等，这些也是收集信息的目
如今。事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的，可是没有被全部浏览器实现 。
.xControl { font-size: 15px; font-weight: bold; padding: 5px 0; box-shadow:0 0 20px #d0d0d0;/* 阴影 */ background-color: #FFFFFF;/* 背景颜色 */ border-bottom: 2px solid #e74c3c;/* 边 */ transition: all 0.1s linear; text-align: center; border-radius: 0 0 5% 5%; border-radius:4px; } .xControl a{ text-decoration: none; display: block; }
今天给大家介绍一下左侧菜单栏可折叠功能，在后台管理中左侧菜单折叠功能是特别常见的一个功能，基本不管是什么类型的管理后台都会涉及到这个功能的实现。 今天给大家介绍的是二级可折叠菜单的功能，相对一级的菜单
最近在写一个商品分类管理的功能，本来想用layui的树形组件来写，但发现layui原生的tree只能展示title，而分类的其他字段无法展示，这就有点不适用了，无意中看到一位大神自定义写的一个树形表格组件，正好满足我的要求，特此将使用方法以及其中遇到的一些坑记录下来。。。
注意： 1、弹出层必需放在body里 2、弹出层里面不能再嵌套别的层 3、弹出层出来以后，页面的滚动条会被覆盖
插件描述：jQuery-treetable是一个jQuery插件。有了这个插件，你可以在一个HTML表格中显示树，即目录结构或嵌套列表。它使你的HTML文件干净的，展现出树状表格插件，你只需要每一行数据添加特定的数据属性。
不到万不得已的时候千万别引入前端UI框架，因为HTML5和CSS3已经能实现绝大多数的功能，比如上期的《CSS实现最简洁的开关》只用了不到50行css就实现了带动画的material design风格的开关：
1、在电脑中打开C\windows\Font\，找到字体simhei.ttf，上传到到网站/data/mark/下。注意文件名是：simhei.ttf
Sublime text 3官方下载地址 http://www.sublimetext.com/3
导航分析（nav)： 源码文件： _navs.scss：导航模块 Mixins/_nav-divider.scss：分隔线 Mixins/_nav-vertical-align.scss：垂直对齐 1、只是用css进行了样式修饰，对Js没有任何依赖 2、导航模块可以包含下拉模块 3、实现了水平、垂直、水平平均分配（table-cell实现，4.0移除）、tabs、胶囊等样式 4、Nav-divider：有一个像素的高度实现分隔线 5、Nav-stacked：垂直对齐实现 6、提供了tab-content类，
基于Jquery开发的Autocomplete插件。具有易于使用，配置简单，既可以利用Ajax读取数据也可以直接从本地获取数据。
目录 一、折叠语法 参考资料 一、折叠语法 主要使用的是 html5的 details标签 （1）示例如下： 折叠文本 此处可书写文本 嗯，是可以书写文本的 折叠代码块 System.out.println("虽然可以折叠代码块"); System.out.println("但是代码无法高亮");
System.out.println("虽然可以折叠代码块"); System.out.println("但是代码无法高亮");
在增加或修改后，动态加载html，开始就直接使用 $(“#treeTable tbody”).empty().append(data); 这个用法是错误的，
折叠屏手机自发布以来，就成为业内关注的焦点。其创新的屏幕形态给应用带来了很多创新玩法。如何让自己的App在折叠屏手机获得1+1大于2的效果？
visual studio code可以编辑markdown文本。可以在visual studio的设置里的extensions，安装 markdown 插件，如 markdownlint， markdown checkbox，Markdown All in One，Markdown Preview Enhance, Markdown TOC, markdown_index, fold, explicit folding。 Markdown Preview Enhanced 内部支持 mermaid, PlantUML, WaveDrom, GraphViz，Vega & Vega-lite，Ditaa 图像渲染。 安装Markdown Preview Enhance后，在右上角选择Markdown Preview Enhance：open preview,也就是三角形，B， I" 的左边的左边，可以看到流程图。右上角"三角形，B， I" 的左边是自带的preview，好像不支持流程图。 Markdown TOC有自动生成目录和标题序号的功能。
Material Design之CollapsingToolbarLayout 相关属性和方法介绍
1. 找到 /apps/admin/view/default/content/contentsort.html
之前做小程序开发时，需要实现对多行文本进行的折叠的效果（类型微信朋友圈）。主要交互有三点：
这两天在一个群里看到一些讨论，有人说钉钉的一个新功能微信该学学了。刚看到这条消息的时候，觉得就是有人搞个噱头，毕竟诸如“给微信提个需求”、“我觉得微信该怎么做”的言论实在不少。不过在翻了翻对话记录后，发现所谈论的这个功能确实挺有意思。
------------------ 测试折叠 ---------------------
1、定义折叠按钮时除了折叠的属性之外，还必须加上样式： .navbar-toggler
领取专属 10元无门槛券
手把手带您无忧上云
