tp剩余未验证内容-4

关于pop-up被blocked的问题

首先这个pop-up的功能叫 popup blocker , 它是浏览器(包括ff, chrome等) 自身所内置的一个功能, 不是安装的外部插件/或扩展.
所以你即使禁用 ff的所有的外置插件和扩展都不会有用的
这个popup-blocker 的设置,是在 preferences中, 通常在 privacy 或者 security 或 contents中, 比如 ff就是在 content中, 有一个专门的设置 "Pop-ups Block" 在这里你可以设置block所有的弹出窗口, 或设置 Allowed, 或设置 Exception...

deceptive: 欺骗的, 虚假的 deception: 骗局, 欺诈
deceptive remark: 骗人的话, 鬼话;
remark: 关注, 注意; 话语,说的话, (这个单词跟 words 表示我们说的话, 而 talk speak都表示说话的动作. 所说的话, 用words 或remark来表示.)

off-the-cuff: (即兴的, 没有准备的, off-the-cuff remark 随口而说的话: i did not mean offence, it was a flippant, off-the-cuff remark. )cuff: 袖口, 手铐: off-the-cuff: 最早的即兴演讲者就是把内容写在袖口上的, 所以后来的即兴演讲者就这样做样子, 以降低观众的心理期望.

还有就是当有pop-ups 被block的时候, 在地址栏的最前面的 i infomation通知/信息图标上会有提示, 而且在地址栏的最后面有 block 图标提示. 那么你就可以处理了.
比如在 i的图标是: you have not granted the site any special permissions. grant 跟 give差不多, grant sb. sth.

bs中的选择按钮, 一个按钮要放在一个label中, 不能将多个按钮放在同一个 label中.
选择按钮, 除了用在真的选择对象的情况下, 还可以用在其他非选择情况下, 实际上是一个附带的操作, 比如: 登录时选择: "记住我" 这个checkbox按钮.
bs的静态控件 .form-control-static 是类似于其他表单控件input等的, 其实它不是普通文本, 虽然他也是要放在 p段落标签中的.
<p class="form-control-static"> 静态控件 </p>

sans: 无, 没有;
serif: 衬线体 , 所以 sans serif: 非衬线体
对于汉字来说, 黑体, 微软雅黑是 sans-serif, 而宋体则是 serif
通常对于标题/表格内的内容, 为了醒目, 使用 sans-serif的黑体. 而文章的正文部分使用 "易于阅读"的 serif宋体.

在css的font-family 的最后, 最好是加上一个 sans-serif. (sans-serif其实是一种 "字体族", 并不是具体的哪一种字体, 因为电脑中通常总是存在着一个非衬[chen]线体的字体, 所以sans-serif总是能保证字体的调用成功)

css属性的前缀 -moz, -ms -webkit -o等是浏览器的"私有属性", 即"非标准css属性", 是为了兼容各个浏览器而设置的. 通常如果不是关键性的css属性:不影响内容的呈现, 可以不必考虑兼容性．

dfn: 表示 define定义一个项目. 是h5中的标签.
css3中, 允许使用带有属性(中括号表示)的标签, 比如 abbr[title]{ border-bottom: 1px solid #aa0000; } 还支持否定的属性: audio:not([controls]) {...} 甚至就完全是一个属性: [hidden], template{display: none;}

h5中的 abbr 作用跟h4中的 acronym(首字母缩写) 标签作用相同. 但是 acronynm 在h5中被废弃

css中的bottom和top等属性, 只是针对 "定位元素" 即声明了position:absolute 和 fixed ,和 relative的有效. 对非定位元素(没有生命position属性的 )不起作用.
bottom: 表示该元素的底部边缘和包含他的容器的底部边缘之间的距离.

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}

而由于网页中使用的字体类型，也是各浏览器对字体类型有不同的支持规格。字体格式类型主要有几个大分类：TrueType、Embedded Open Type 、OpenType、WOFF 、SVG。
TrueType
Windows和Mac系统最常用的字体格式，其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体，这使得它们比基于矢量的字体更容易处理，保证了屏幕与打印输出的一致性。同时，这类字体和矢量字体一样可以随意缩放、旋转而不必担心会出现锯齿。
EOT – Embedded Open Type (.eot)
EOT是嵌入式字体，是微软开发的技术。允许OpenType字体用@font-face嵌入到网页并下载至浏览器渲染，存储在临时安装文件夹下。
OpenType (.otf)
OpenType是微软和Adobe共同开发的字体，微软的IE浏览器全部采用这种字体。致力于替代TrueType字体。
WOFF – Web Open Font Format (.woff)
WOFF（Web开发字体格式）是一种专门为了Web而设计的字体格式标准，实际上是对于TrueType/OpenType等字体格式的封装，每个字体文件中含有字体以及针对字体的元数据（Metadata），字体文件被压缩，以便于网络传输。
SVG (Scalable Vector Graphics) Fonts (.svg)
SVG是由W3C制定的开放标准的图形格式。SVG字体就是使用SVG技术来呈现字体，还有一种gzip压缩格式的SVG字体。

谷歌的fonts_noto.css、fonts_Roboto.css加载太慢，虽然直接下载下来了使用，但丢弃了的原因是测试时没看出太多差别，哈

推荐一个tff转换woff等的工具： www.fontsquirrel.com/tools/webfont-generator

bs的浮动
直接提供了三个浮动的类: .pull-left, .pull-right .clearfix
清除浮动: 浮动有好处, 可以在块div内, 快速的方便的对块级元素进行布局; 但是也会带来父元素div的"高度塌陷" 等一系列的副作用, 所以在float flow布局完成后, 要对div中的浮动清除.

清除的目的是, 让原来的div 当做一个正常的 div显示他的宽度和所包含的内容. 不会对前后的元素造成影响, 而且不会像指定父元素的高度而不能实现高度"自适应". 他可以实现自适应
清除浮动的方法有几种: 一是在浮动元素的最后添加 <div style="clear: both;"></div>; 二是使用 <br clear="all"> 三是在父元素中, 使用overflow: auto.
bs的类 class="clearfix" 就是使用的第三种方式 overflow div.clearfix>div.pull-left+div.pull-right

:before 和 :after的伪类? 样式中的 width和height和 line-height 设置为0 是怎么回事?

表示背景颜色的类, 标准的css是用 background: #ffff00; 什么的, 但是有几个 "辅助类" 直接表示背景颜色, 而且含有"语义"的意思, 包括: bg-warning, bg-success, bg-danger等.
当然这些 "独立的"类, 可以用在任何地方, 如文本的, 表格的, 段落的, 链接的文本...

h5, 要求文本和任何内容等都应该放在标签中, 不允许散落的内容, 不允许没有语义标签的内容.
但是 " 并没有固定的" 元素标签的排放位置和排放次序, 并不一定必须是 div>p>(a, txt, span,img) 其实所有的内容基本上都可以相互嵌套的
. 比如在 table>td单元格中, 还可以使用 div, ul等内容

bs中的 .btn类, 通常可以放在三种标签上, button, a, input上. 其他标签使用.btn类是不是不大合适?

h5中选择按钮input的checked和selected好像可以直接写, 不用写完整的checked="checked" 属性格式, 好像是推荐更简洁的写法.

em表示倍数, 他是相对单位,不是绝对单位, 即: 同样的1em, 可能是16px, 也可能是 12px.

他的大小是相对于父容器的字体大小font-size来确定的. 通常现代浏览器的字体大小默认的 都是 16px , 所以默认的1em就是16px
但是如果 <div style="font-size: 12px"> <p style="font-size: 1em" > ...</p></div> 那么p中的文字大小就是 12px
em可以精确到小数点后面的3位.
bs中全局将font-size设置为14px, 这个设置被继承到body, 所以body的字体大小就是14px
全站中都使用em 是为了可以让全站实现等比例缩放
在sup和sub类, 使用了 position: relative 类样式, 然后规定这些 (定位元素) 的 top: -.5em, bottom: -.25em (top bottom left right 只是在定位元素中才能使用表示元素的边缘离父元素的对应边缘的距离)

bs的宽度范围从小到大有3个临界点, 共有四种大小的设备屏幕: 768px, 990px, 1200px 小于768px的是手机设备xs, 大于1200px的是台式屏幕是大屏幕. 中间的是 sm和md屏幕, 这样区分是为了通过 meidia query媒体查询, 实现移动设备优先的自适应布局.

caret是脱字符, 也就是插入的那个符号, 他的方向主要有 up right, down三种. 他是通过定义 span class="caret" 来实现的, span本身并没有内容, 就是靠 .caret类来实现的. .caret类, 通过定义不同方向上的border : border-top: 1px solid #000; border-left: 1px solid transparent 透明实现隐藏 等的思路来实现的.
同样的方法, 还有图标类: .glyphicon .glyphicon-user等.

BS现在使用稳定版3.3.7 , 估计是2017年左右发布的, 基本上可以用到最近的5年没有问题了.

jquery1.x兼容ie678, 使用得最多, 2013年发布的jquery2.x, 特点是不再支持ie6, 7,8. 2.x 文件体积更小, 性能更快. 像bs 3.3.7 中使用的就是 jquery2.1.1. 3.x现在基本上使用得较少.

导航栏中的几个类?

nav 标签, 是h5 中的新增标签, 他实际上就是一个块显示的div, 他的样式是: nav{display: block},
可以做网站页面和页面之间跳转的主导航, 也可以做页面内部的局部导航. nav中可以包含任何内容, 比如: 链接a标签, 列表

标签ul>li等.

header和footer标签.
是h5中的新增标签,主要是语义上的.

bs的css.map是什么意思? 是css文件和less文件之间的source map对应文件, 是记录 less文件中的变量到 css文件中的变量名称不同的记录. 因为css是由less编译生成的.
bs的其他一些css文件, bootstrap-theme.css是关注/关心主题方面的样式, bootstrap.css中的通用样式就没有写了, 或者说是对bs.css普通/通用样式的覆盖/重写
类似的, 还有 bootstrap-responsive.css表示的是xs, sm等小屏幕设备的样式, 以前是独立的文件, 现在已经合并到bs通用文件中去了.

!important是什么意思？

主要是供解决ie6中 css 属性不兼容的问题
!import本身是css的标准属性, 表示css样式的优先级, 只是ie6 不支持他, 所以可以用这个 !important 来给非ie6写规范的css样式,

而给 ie6 写没有 !important的css样式.

:before和after的伪元素？

:before是伪类, 而两个冒号表示的是伪元素 ::before 但是为了兼容, 好像都可以用单个冒号来表示.
伪类和伪元素的区别是, 伪类可以用新增一个类来达到同等效果, 而伪元素可以通过新增一个元素达到同样的效果.
:befor和 :after是用得很多的两个伪类, 可以实现很多特殊的效果, 如果纯粹的伪类作用并不大, 因为针对每个元素都执行操作的情形不是很多, 尽管你可以设置 :before{...} 通常是针对某个具体的id或class来做: #foo:befor{content: ' '; background: url('../img/...') no-repeat; z-index: 2; 32px; height: 16px; position: absolute; top: -15px; }
利用伪元素还可以实现很多效果, 比如: .foo::first-line{...} .foo::first-letter{ ....}

现在的win7 自带的ie , 至少都是ie9 了(很多由于ie自动升级, 都是ie10, ie11了). 所以ie的6,7,8 的不兼容, 不支持都不是大问题了.

导航栏navbar 是一个通栏，是一个把所有内容都放在一个通条中的东西，里面可以放置任何东西，包括表单元素等。但是要注意，导航栏中的表单元素不同于普通的表单元素, 要使用 .navbar-form, .navbar-btn等

辅助类 .sr-only, 表示 screen reader only只是供屏幕阅读器使用的类，通常用于隐藏内联表单中的标签label。仅供屏幕阅读器使用，而不影响正常的ui显示。

role 和 aria(accessible Rich internet application) 也只是为了增强网页元素的可访问性而设置的.实际上, 如果你的网站不考虑更多的话, 这些属性都是可以省略的.

关于bs的一些摘要

并不强制的要求p和form一定要放在div中, 但是通常建议这么做

form-group是为了用来包裹input输入控件的, 即使没有前面的 label标签, 也需要用form-group来包含. 但是如果不是form表单中的内容, 或者即使包含在form表单中, 但是不是form的input类型, 比如单纯的button,
就不需要用 form-group来包裹.

bootstrap的一个规律性的思路/东西: 凡是dropdown, navbar等组件中的锚点a,
按钮button, (大多时候)是作为相应组件的触发器来使用的. 因此会有相应的触发类: ???-toggle, 比如下拉菜单的 .dripdown-toggle类, 相应式导航栏的 .navbar-toggle. 通常还有相应的data- 属性, 比如 data-toggle="collapse" data-target="#foo"

如何设置一行中的最大字数? set textwidth=80 其中textwidth 可以简写成 tw , 比如: set tw=80

生成下三角形的类, 是caret. 使用span标签和 b标签都是可以的, 一样的.

触发下拉菜单的, 虽然可以是锚点a, 也可以是button按钮, 但是锚点或按钮都应该是一致的, 比如如果是a, 那么都应该是a, 如果你用button, 那么按钮的大小和锚点的大小就会不一样, 有稍微的高低差别.

通常什么组件就有什么对应的前缀的类, 比如 nav标签, 就有 .nav-tabs, .nav-pills, 而导航栏navbar的类就有 div (.navbar .navbar-default) > (div .navbar-header, a .navbar-brand) + (ul .nav .navbar-nav > li .active > a ...) 响应式导航栏的切换类 .navbar-toggle 其中包含的可折叠的下拉菜单放在 .collapse .navbar-collapse

分离的按钮下拉菜单,实际上是两个按钮, 所以要使用btn-group按钮组来实现: 前面的是一个普通按钮,后面的那个下三角形其实也是一个按钮,用它来触发下拉菜单

div class="btn-group">
	<button type="button" class="btn btn-default"> 默认</button>
	<button type="buton" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span>
	</button>
	<ul class="dropdown-menu">
		<li class="active"><a href="...">link_to_somewhere</a></li>
		....
	</ul>
</div>

按钮组和分离按钮的区别: 实质上分离按钮仍然是一个按钮组, 只是分离按钮后面的那个caret更小而已.

下拉菜单包括一个触发button + 一个.dropdown-menu的ul , 这两部分
一定要放在一起, 放在一个大的外围div中, 否则下拉菜单将不会被触发.
这个包裹下拉菜单和触发按钮的div可以是 div.dropdown, 也可以是其他的 div .btn-group, div.btn-group-md .btn-toolbar

关于tabindex?

focusable: 在解决"为什么元素不能响应keydown keyup等事件?" 的时候, 知道: 只有对于那些可以 focusable的html元素才能响应键盘事件. 然而并不是所有的html元素都可以 focusable.

哪些html元素可以focusable呢? 通常是: a链接, button按钮, input输入框, textarea文本框, select选择框, 其他一些视频音频区域.
除此之外, 其他标签通常是不能focusable的, 比如标签, 文字, 图片等元素. 要让标签等元素可以被 focusable, 一个方法就是设置该元素的tabindex属性. 不管这个tabindex的值是多少, 只要设置了属性就可以了.
另一个方法是设置元素的属性: contenteditable="true"
因此, tabindex的一大作用, 就是让元素可以获得焦点, 从而触发 focus状态

1.tabindex的值分几种情况
通常是1 到 32767, 数字越小, 越先被tab到;
如果tabindex=0 则仍然可以被tab到, 但是要等到其他所有大于0的元素tab完成后, 才被tab到, 都是tabindex=0的元素, 按文件流的先后顺序tab
如果tabindex=-1, 则排除在键盘tab的范围外. 但是仍然可以用鼠标点击获得焦点

被focusable的元素, 激活(获得焦点的方法)有:
鼠标单击,
键盘tab,
直接调用元素的focus()方法.
如果在某个元素上 onkeyup事件无法触发, 是由于li元素默认无法获得焦点, 也就无法对键盘输入做出响应. 因此只要在li上设置 tabindex的属性就好了, 值可以是任意的, 比如 tabindex=-1

在linux的命令 : less/more中是不能修改的, 只能查看

要找出etc/php.ini中, 不是分号开头的行(即不是解释内容的, 实际可以配置的行): 使用搜索 /^[^;] 即可

关于文件上传的类 Upload中的upload方法的设置: 最好是按下面的设置进行:

    public function upHandler(){
        $up = new ThinkUpload();
        $up -> rootPath = "./Public/";  // 这个一定要设置, 避免被默认的保存在网站的根路径Uploads下.
        $up -> subName = 'Uploads';    // 这里不要在最后再加上斜杠了, 否则最后的savepath就是"Uploads//", 被加上两个斜杠
        $up -> saveName = '';          // 为了避免重复上传相同的文件, 这里要设置saveName="" , 以便上传文件保持原名
        ...

为了让某个子路径可以被 other所写, "必须" 要设置它的父目录为 other所可写. 但是不必/不一定要设置父路径下的所有子目录都要可被写!

[root@localhost Public]# ll
total 16
drwxr-xr-x 2 root root 4096 Jun  3 08:41 Admin
drwxr-xr-x 2 root root 4096 Jun  3 08:41 Comm
drwxr-xr-x 2 root root 4096 Jun  3 08:40 Home
drwxr-xrwx 2 root root 4096 Jun 10 12:23 Uploads
[root@localhost Public]# ll -r ..
total 16
drwxr-xrwx 6 root root 4096 Jun 10 12:23 Public

模板变量替换: 在LibraryBehavior中,

namespace Behavior;
class ContentReplaceBehavior { 
 ...
 public function templateContentReplace($content){
    $content=array(系统自定义的...); 
    if(is_array(C('TMPL_PARSE_STRING')){    // 因此自定义的模板解析就是它
        $content = array_emerge($content, C('TMPL_PARSE_STRING'))
        }
    .....
    
    }
}

<body>
   <div class="container">
       <h2>bootstrap组件演示 <small>导航元素nav类的使用</small></h2>
       <ul class="nav nav-pills">
           <li ><a href="#">link01</a></li>
           <li class="dropdown active">
               <a class="dropdown-toggle" data-toggle="dropdown" >link02 <b class="caret"></b></a>

               <ul class="dropdown-menu">
                   <li><a href="#">dropdown01</a></li>
                   <li><a href="#">dropdown02</a></li>
                   <li><a href="#">dropdown03</a></li>
               </ul>
           
           </li>
           <li><a href="#">link03</a></li>
       </ul>
   </div>


   <script src="/Public/jquery-1.11.min.js"></script>
   <script src="/Public/bs/js/bootstrap.min.js"></script>
    
</body>

下拉菜单组件, 可以放在任何外部容器中, 比如可以是 div.dropdown, div.btn-group, div.input-group-btn中,外部包裹元素还可以是导航元素中的 li.dropdown 触发器元素, 通常是按钮button, 也可以是锚点a元素.

bs的组件, 外观上可以用 css样式来实现, 但是组件的动作,比如显示/关闭, 下拉和上升等动作, 就需要用 js来实现, 所以, bs的下拉菜单, 要有bootstrap.js的支持才能使用.

导航元素(不是导航栏) 实现方式是: 只需在ul中指定 .nav类和相关样式 .nav-tab, .nav-pills .nav-stacked 或.nav-justified 在li上禁用.disabled, 只是外观上显示被禁用. 但真正的禁用要靠js来实现.

bs的 "布局组件"很多, 比如图标 glyphicon... 下拉菜单, 按钮组(所谓的按钮组,就是将多个按钮排在一起, 中间没有分隔线的那种), 按钮下拉菜单(在按钮组中的下拉菜单), 输入框组(就是将普通文字, 按钮, 复选单选按钮, 下拉菜单等内容和表单form的 input控件即: input.form-control 组合在一起使用, 通过使用输入框组, 可以向基于文本的输入框添加作为前缀和后缀的文本或按钮, 添加公共的元素和内容. )

经常讨论的表单form和 table哪个在外面, 哪个在里面?: 结论是通常把table 栅格元素div.row div.col-md-..等放在 form表单中, 这样可以一次性地提交所有数据.

为甚么有宽度和高度都为0 的元素?

并不能实现让该元素 "隐藏"
只是在某些特殊场合下有使用. 表示让该元素处于最小的范围!

记起, .row 是使用在栅格系统中的类, 总是跟 col-...配合使用.

实际上, 可以看到在很多案例中, bs中的按钮组, 输入框组的应用非常多, 特别是分离按钮 (一个普通按钮和一个向下三角形的组合) 和下拉菜单应用得很多.

分离的按钮 +触发的下拉菜单

分离的按钮, 实际上是两个按钮, 所以使用按钮组, 前面一个按钮是一个普通的按钮, 单击去执行某个动作, 后面的下三角按钮触发下拉菜单.
原生的按钮, 跟使用了.btn 类的按钮相比, 确实很丑, 没有bs按钮的高度/细边框/hover响应
注意.btn 类并不能取代 .btn-default类, .btn类只是实现了按钮的高度, 但是并没有细边框. 只有定义了 .btn-default样式后, 才有: 细边框, 同时默认的背景也由灰色变为白色了.
被触发的下拉菜单ul,必须放在和触发button在同一个 div的范围内. 或者说, 必须紧挨着触发button/a. 否则下拉菜单会失败.

<div class="dropdown">
<button type="button" class="btn btn-default"> 默认</button>
	<button type="buton" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span>
	</button>
	<ul class="dropdown-menu">   // 要注意: 这里的ul要跟前面的 button 放在同一个 dropdown的div中, 才能有效, 否则无效!
		<li class="active"><a href="...">link_to_somewhere</a></li>
		....
	</ul>
</div>

bootstrap中的有些组件, 如下拉菜单, 导航栏下拉菜单等的宽度如何修改? 因为有时候会发现, 下拉菜单中的内容很少, 但是菜单项的宽度却仍然很宽? 这是由什么决定的, 导致的呢? 原来这是由元素相应类样式的 min-width属性来决定的, min- 的作用就是设置元素的最小宽度, 即使该元素的内容很少的时候, 也显示那么宽.

感觉很多时候的js代码, 如果比较简单, 可以通过原生的js代码来实现的,就应该优先考虑原生js,如果不好写,不好实现,才考虑使用jquery.

role的作用是用来描述一个tag标签的非标准用法的实际作用,比如将一个div用作button, 那么role就是告诉屏幕阅读器等辅助工具这是一个button.

dropdown下拉菜单中, 包含多个li, 而且下拉菜单中的分割线也是<li class="divider"></li>, 下拉菜单中的标题header文字,也是li: <li class="dropdown-header"> header 文字 </li>

bootstrap中的 aria-label是用来对元素做辅助信息说明的; 如果同时定义了 aria-labelledby属性, 则该属性比aria-label属性更优先.

有的网站内容居然不支持 http/https协议, 用它们打开网站会提示 403错误, 但是可以用wget协议来下载并获得. 比如下载 rarlinux: `wget http://rarsoft.com/rar/rarlinux-4.0.1.tar.gz` 安装unrar 参考: `https://www.cnblogs.com/xing901022/p/4655891.html`

在linux终端中, 可以用cp复制 source to destination, or Multiple Sources to Directory. 即可以一次性的复制多个文件到目的文件夹.

rarlinux-4.0.1.tar.gz 解压后, 其实就已经得到 rar/unrar 命令文件了, 只是用make的话, 可以在/usr/local下先创建 /usr/local/bin
和lib, 然后将命令文件rar + unrar 拷贝到/usr/local/bin中, 其他相关库拷贝到 /usr/local/lib中了.

使用 unrar时, 必须指明具体的命令(即unrar类似dnf那样的命令组), 其中l是列表显示, 而 e和x都是extract, 只是e 解压到当前目录, 而x可以指定具体的路径.

有时帮助文档chm中会出现 "乱码", 那么是因为选择的编码不对, 尝试着选择 gbk, gb2312,或utf8可以消除乱码.

bs中, pager, pagination等类样式, 只是显示的样式和外观, 但是这些链接中的实际的/ 具体的动作, 还的要自己去另外实现.

.pager类中包含的li链接, 默认的是放在容器中间的, 居中的; 要让翻页按钮(链接a)排列在容器的左右两边, 浮动, 使用 .previous类样式和 .next类样式.
类似的浮动类, 还有文本的 .pull-left .pull-right, 导航栏的 .navbar-left, .navbar-right等.

所谓的浮动, 就是元素不是挨着挨着排列的, 而是尽量向容器的两边/两端移动, 比如向左移动/尽量靠左边界就是 left-float. 尽量向右靠拢, 尽量靠在右端, 就是 right-float右浮动.

查看html中的特殊符号,随便查表都可以得到: 参考 https://blog.csdn.net/w_fenghui/article/details/1493425, 其中 « 表示的左双箭头 <<, 而 ← 表示的左箭头 <- 两个是不同的. 向右同理.

css中的伪类和伪元素很有用, 比如可以在元素的前面(或后面 )添加一些前缀符号, 而不使用明显的/显式的标签元素, 比如 bs中的 .breadcrumb 面包屑类, 就是利用的伪类来实现的
.breadcrumb > li + li:before { padding: 2px; content : "/"; color: #333; ..}

### 基本上 css中的选择器, 包括元素标签, 类, id 选择器/选择符, 和子类, 属性选择器等 , 跟 jquery中的选择器是相对应的, 都有类似的功能和应用方法. - ">" 表示的是所有的子元素, 还是只包含父元素的跟它紧挨着的子元素? 结论是: "> " 表示父元素所有的子元素, 并不只是紧挨着的那个 .

使用jquery的时候, 要注意, 其选择器和同名的方法之间的差异, 并不是完全相同的: 比如: 选择器: prev ~ siblings 的同辈元素选择器和 siblings() 的区别: 前者只是包含当前元素的 "后面" 的所有同辈, 而siblings() 方法则包含其前后都有的所有同辈!

#### jquery的选择器, 在一个引号内, 可以混合使用多个

路由规则分为规则路由和静态路由, 两种的配置类似, 都要设置 URL_ROUTER_ON =>TRUE, 只是: 规则路由是 URL_ROUTE_RULES, 而静态路由的中间则不是Route 而是 Map, 即 URL_MAP_RULES
**在整个tp中, 不管是路由, 还是模板等, 凡是各种操作, 都是优先使用 " 控制器Controller / action " 的操作方式! **