赵雪儿
赵雪儿

提高篇笔记

第四章：内联块（inlineblock）

*小知识点：

：分割线
行高和高度一样时文字垂直居中。
hover{····}：鼠标移动到某处时发生的动态变化。
hover, .class选择器名：当前选中某页面。
display:规定元素生成的框类型；
划分区域的框默认样式：四边形并且每个角都是90度。

块元素的特征：

1.没有设置宽度时，默认撑满一行。
2.默认块元素独占一行。
3.支持所有CSS命令。

内联元素的特征：

1.宽高由内容撑开。
2.不支持宽高。
3.一行内可以继续显示跟同类的标签。
4.不支持上下的margin
5.代码换行被解析

display：block 显示为块
使内联元素具备块属性标签的特性
display：inline 显示为内嵌
使行块属性标签具备内联元素的特性

Inline-block的特点：

1、块元素能在一行显示；
2、内联元素支持宽高；
3、没有宽度的时候由内容撑开宽度；

第五章：浮动（float）

*inline-block 特性：
1.块在一排显示
2.内联支持宽高
3.默认内容撑开宽度
4.标签之间的换行间隙被解析（问题）
5.ie6 ie7不支持块属性标签的inline-block（问题）

float

float:left（左） right （右）none（没有）inherit（继承）;
浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。
文档流是文档中可显示对象在排列时所占用的位置。

float:left;---div1 div2 div3
float:right;---div3 div2 div1

clear:left （左）right （右）both （左右两边）none （没有）inherit （继承）；元素的某个方向上不能有浮动元素
clear:both; 在左右两侧均不允许有浮动元素。

float的特征：
1.块在一排显示
2.内联支持宽高
3.默认内容撑开宽度
4.脱离文档流
5.提升层级半层

清除浮动：
1.clear

clear:left （左）right （右）both （左右两边）none （没有）inherit （继承）；元素的某个方向上不能有浮动元素
clear:both; 在左右两侧均不允许有浮动元素。

2.加高度

问题：高度不定时不方便清除，扩展性不好。

3.父级浮动

问题：页面中所有元素都加浮动，margin左右auto失效（floats bad ！）

4.inline-block 清浮动方法：

问题：margin左右auto失效；

5.空标签清除浮动

问题：IE6 最小高度 19px；（解决后IE6下还有2px偏差）

6.br清除浮动

问题：不符合工作中：结构、样式、行为，三者分离的要求。

7.after伪类清除浮动方法（现在主流方法）给浮动元素的父级加after伪类

after伪类： 元素内部末尾添加内容；
after{content"添加的内容";} IE6，7下不兼容
zoom 缩放
a.触发 IE下 haslayout，使元素根据自身内容计算宽高。
b.FF 不支持；

clear:after{content:'';display:block;clear:both;}
clear{zoom:1;}

以下形式触发BFC：
BFC (block formatting context) 标准浏览器
a.float的值不为none。
b.overflow的值不为visible。
c.display的值为table-cell, table-caption, inline-block中的任何一个。
d.position的值不为relative和static。
e.width|height|min-width|min-height:(!aotu)

以下形式触发 IE下 haslayout：
a.writing-mode:tb-rl
b.-ms-writing-mode:tb-rl
c.zoom:(!normal)

8.overflow:hidden 清浮动方法；给浮动元素的父级加overflow

问题：需要配合 宽度 或者 zoom 兼容IE6 IE7；
overflow: scroll | auto | hidden；
overflow:hidden;溢出隐藏（裁刀！）（超出父级隐藏）
overflow:scroll;（超出父级有滚动条）

第六章：定位（position）

position:relative; 相对定位

*需要谁移动就给谁加定位
a.不影响元素本身的特性；
b.不使元素脱离文档流（元素移动之后原始位置会被保留）；
c.如果没有定位偏移量，对元素本身没有任何影响；
d.提升层级

定位元素位置控制
top/right/bottom/left （上 右 下 左）定位元素偏移量。
top:200px; 上部留有200px。
left:200px; 左侧留有200px。

position:absolute; 绝对定位

a、使元素完全脱离文档流（元素移动之后原始位置不会被保留）；
b、使内嵌支持宽高；
c、块属性标签内容撑开宽度；
d、如果有定位父级相对于定位父级发生偏移，没有定位父级相对于document（浏览器可视区域的）发生偏移；
e、相对定位一般都是配合绝对定位元素使用；
f、提升层级
*层级：代码从上往下执行，后面的能覆盖前面的。
z-index:number;定位层级
a.定位元素默认后者层级高于前者；
b.建议在兄弟标签之间比较层级

position:fixed； 固定定位

与绝对定位的特性基本一致，差别是始终相对整个文档（浏览器可视区域的）进行定位；问题：IE6不支持固定定位；

position:fixed;
right:0;              可直接定位方向
bottom:0;

position:relative | absolute | fixed | static | inherit;
position:static ； 默认值
position:inherit ; 从父元素继承定位属性的值 (不兼容)
position:absolute; 绝对定位元素子级的浮动可以不用写清浮动方法；
position:fixed; 固定定位元素子级的浮动可以不用写清浮动方法；（IE6不兼容）
position:relative | absolute | fixed | static | inherit;

遮罩弹窗：
标准浏览器透明度设置： opacity:0~1; （完全透明~不透明）
父级加透明度子级也会被继承。
IE浏览器6.7下的透明度设置： filter:alpha(opacity=0~100); （完全透明~不透明）

第七章：表格表单（tableform）

表格标签：

table 表格
thead 表格头
tbody 表格主体
tr 表格行
th 元素定义表头
td 元素定义表格单元

:表格边框
（与table{border-collapse:collapse;} 配合使用）

*写代码时以行为单位去写
表格样式重置
table{border-collapse:collapse;} 单元格间隙合并
 th,td{padding:0;}重置单元格默认填充
单元格合并
colspan 属性规定单元格可横跨的列数。
 
 合并两个单元格
 rowspan 属性规定单元格可横跨的行数。
 合并两个单元格
合并的数量+剩余的数量=总数
 一行合并删当前行，跨行合并删除当前行的其他行。
表单
表单：form （用户输入对应东西的）
 
（action属性是提交的地址）
 
 input：单标签 type：类型 name：提交的信息是做什么的
 value：默认输入的信息
text 文本框，输入框
 password 密码
 radio 单选 name后面的需要保持一致
 checkbox 复选 name后面的需要保持一致
 submit 提交
 reset 重置
 button 按钮
 image 图片
 file 上传
 hidden 隐藏
代码如下：


男
女
吃
睡觉
打豆豆
   一定要加value
   
   上传文件
 隐藏不需要用户看到的数据
  不设置value显示提交，设置显示value的信息
    不设置value显示重置，设置显示value的信息

第八章：兼容性讲解
fuckIE（一）
每个浏览器都有不同的内核，不同的处理引擎，导致同一条样式的处理方式是不一样的。每个浏览器上的不同差异称之为兼容性。
H5标签兼容。H5标签在IE6，IE7下是没有用的。
 原因：IE6不是标准的浏览器。
 方式一（动态创建自定义标签）：
  

方式二（引用js）：


fuckIE（二）
元素浮动之后,能设置宽度的话就给元素加宽度.如果需要宽度是内容撑开,就给它里边的块元素加上浮动;
 解决方案：需要谁浮动就给浮动加给谁。
第一块元素浮动,第二块元素加margin值等于第一块元素,在IE6下会有间隙问题;
 解决方案：
 1.不建议这么写。 原因：脱离文档流的元素和没有脱离文档流的元素有层级差异。
 2.用浮动解决。
fuckIE（三）
IE6下子元素超出父级宽高，会把父级的宽高撑开
 解决方案：不要让子元素的宽高超出父级。
p 包含块元素嵌套规则
 块元素不能嵌套块元素：
 
 
  
  
  
  
 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
-
 
 
margin兼容性问题：
 1.margin-top传递给父级
 解决方案：触发BFC，haslayout
 2.上下margin叠加
 解决方案：尽量使用同一方向的margin，比如都设置top或者bottom
 
 
fuckIE（四）
 
 
display:inline-block：
 *：针对不同浏览器进行处理
 解决方案：
 
 
*display:inline;
*zoom:1;

 
 
IE6 最小高度问题：19px
 解决方案：*overflow:hidden;
 
 
fuckIE（五）
 
 
IE6 双边距：
 默认样式边距：8px
 当元素浮动后再设置margin那么就会产生双倍边距（左侧）
 解决方案：针对IE6和IE7添加：*display:inline;
 
 
li里元素都浮动 li 在IE6 7 下方会产生4px间隙问题：
 间隙由li产生。
 解决方案：针对IE6和IE7添加：*vertical:top;
 
 
fuckIE（六）
 
 
浮动元素之间注释，导致多复制一个文字问题：
 条件：两个浮动元素中间有注释或者内联元素并且和父级宽度相差不超过3px。
 解决方案：
 1.两个浮动元素中间避免出现注释或者内联元素
 2.与父级宽度相差3px或以上。
 
 
IE6 7 父级元素的overflow:hidden 是包不住子级的relative：
 解决方案：针对IE6和IE7给父级元素添加相对定位。
 
 
fuckIE（七）
 
 
IE6下绝对定位元素父级宽高是奇数,绝对定位元素的right和bottom值会有1px的偏差：
 解决方案：避免父级宽高出现奇数
 
 
IE6下绝对定位元素和浮动元素并列（同级）绝对定位元素消失：
 解决方案：只要绝对定位元素和浮动元素不处于同级就可以避免绝对定位元素消失。
 
 
IE6 下input的空隙：
 解决方案：针对IE6和IE7给input元素添加float
 
 
fuckIE（八）
 
 
IE6 下 输入类型表单控件背景问题：
 输入类型表单控件：需要用户输入的表单控件
 解决方案：设置background-attachment:fixed;
 
 
*（hack）:针对不同的浏览器写不同的CSS 样式的过程，就叫CSS hack!
 
 
\9 IE10以及IE10以下版本的浏览器
 *IE7以及IE7以下版本的浏览器
 _IE6以及IE6以下版本的浏览器
 
 
fuckIE（九）
 
 
png-24 兼容性问题：IE6不支持png-24 图片
 解决方案：
 1.JS插件(问题:不能处理body之上png24)
 
 



 
 
DD_belatedPNG.fix('标签名,标签名');
 
 
2.原生滤镜：（能处理body之上png24）
 
 
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="XX.png", sizingMethod="crop");

 
 
样式优先级：
 默认 < 类型 < class < id < style(行间) < !important
 提升样式优先级：
 !important 提升样式优先级或权重
 

                            
                        
                    
                    
                    

                    
                    
                    

                
                

                    
                

            
        
    
    

        
你可能感兴趣的:(提高篇笔记)

        

            

                
    
                    
  • iOS接入微信支付（小白都能看懂的微信支付）
                        马拉萨的春天
功能模块一天一读基础知识点
                        
    因为近期项目中需要接入微信支付功能，自己也爬了很多的坑，所以做了一下这边文章供大家学习参考，远离爬坑，文章主要讲到以下五部分：一、填写商户平台所需资料二、具体Demo代码@Github下载地址本文为本人学习记录笔记，如需转载，请注明出处@iOS_lyon填写商户平台所需资料一、填写经营信息@查看截图指引下图选择不同的类目，所需要上传的资料也是有所不同的，下图拿其它为例子填写经营信息二、填写商户信息
    
                    
    • 
                    
  • MySQL性能优化实战笔记 - 通俗易懂版
                        泥潭硬拔
mysql性能优化笔记
                        
    1.存储引擎选择-到底选哪个？InnoDBvsMyISAM通俗对比想象你开了一家银行：InnoDB就像是有保险柜的银行支持事务：比如转账，要么都成功，要么都失败行级锁：小明在存钱时，小红还能同时取钱缺点：需要更多内存和CPUMyISAM就像是简易储物柜不支持事务：操作简单直接表级锁：一个人在用时，其他人要等待优点：读取速度快，占用资源少2.实战案例：常见性能问题及解决方案案例1：查询特别慢--糟糕
    
                    
    • 
                    
  • rust学习笔记16-206.反转链表(递归)
                        水蜜桃one
学习笔记链表
                        
    rust函数递归在14中已经提到，接下来我们把206.反转链表，用递归法实现递归函数通常包含两个主要部分：基准条件（BaseCase）：递归终止的条件，避免无限递归。递归步骤（RecursiveStep）：将问题分解为更小的子问题，并调用自身来解决这些子问题。//Definitionforsingly-linkedlist.#[derive(PartialEq,Eq,Clone,Debug)]pu
    
                    
    • 
                    
  • 嵌入式笔记 | 正点原子STM32F103ZET6 3 | 时钟系统
                        J鸟
笔记stm32单片机嵌入式硬件
                        
    1.RCC（复位和时钟控制）RCC（ResetandClockControl）是STM32的时钟系统控制模块，负责管理整个芯片的时钟信号。在使用任何外设之前，必须先使能其时钟。2.时钟系统框图解析时钟源（5种）HSI（高速内部时钟）由内部RC振荡器产生，默认8MHz精度较低，适用于对时钟精度要求不高的应用可作为系统时钟源HSE（高速外部时钟）由外部晶振（石英/陶瓷谐振器或外部时钟）产生，频率范围4
    
                    
    • 
                    
  • 25年申报工商年报前先看这篇笔记，帮你避坑，少走弯路！
                        搬砖小杨聊资质
笔记
                        
    又到工商年报申报的时候了（25年截止日期6月30日）,今年年报申报与去年有点区别，我特意整理出来与大家分享，帮助大家避坑。笔记不长，5分钟时间让你事半功倍，你就是老板眼中最靓的仔！！1、今年国家企业信用信息公示系统做了个更新，未完成年报填写或有多家公司需要申报的，一定要点击退出登录，不要直接关闭网页。否则当你想要继续填写年报或申报其他公司的，需要等待系统【自动退出登录】，时间2-3个小时，会大大影
    
                    
    • 
                    
  • day11 学习笔记
                        豆豆
学习笔记python
                        
    文章目录前言一、类方法二、静态方法三、构造方法四、魔术方法前言通过今天的学习，我掌握了更多Python中有关面向对象编程思想中方法的概念与操作，包括类方法，静态方法，构造方法，魔术方法一、类方法类方法是属于类的行为，一般使用类而非对象进行调用类方法需要使用@classmethod装饰器定义类方法至少有一个形参用于绑定类，约定为cls类和该类的实例都可以调用类方法，但一般不用实例进行调用类方法不能访
    
                    
    • 
                    
  • 《Operating System Concepts》阅读笔记：p449-p459
                        
操作系统
                        
    《OperatingSystemConcepts》学习第35天，p449-p459总结，总计11页。一、技术总结1.NVM&SSDFlash-memory-basedNVMisfrequentlyusedinadisk-drive-likecontainer,inwhichcaseitiscalledasolid-statedisk(SSD)(Figure11.3)。2.HDDScheduling
    
                    
    • 
                    
  • 数智读书笔记系列021《大数据医疗》：探索医疗行业的智能变革
                        Allen_Lyb
数智读书笔记大数据健康医疗人工智能python
                        
    一、书籍介绍《大数据医疗》由徐曼、沈江、余海燕合著，由机械工业出版社出版。徐曼是南开大学商学院副教授，在大数据驱动的智能决策研究领域颇有建树，尤其在大数据驱动的医疗与健康决策方面有着深入研究，曾获天津优秀博士论文、教育部博士研究生新人奖。沈江等作者也在相关学术和实践领域有着丰富的经验和深厚的专业知识。这本书系统且深入地探讨了大数据技术在医疗领域的应用与变革，对推动医疗行业的智能化发展具有重要的理论
    
                    
    • 
                    
  • 笔记：代码随想录算法训练营day57：99.岛屿数量 深搜、岛屿数量 广搜、100.岛屿的最大面积
                        jingjingjing1111
深度优先算法笔记
                        
    学习资料：代码随想录注：文中含大模型生成内容99.岛屿数量卡码网题目链接（ACM模式）先看深搜方法：找到未标标记过的说明找到一片陆地的或者一片陆地的一个角落，dfs搜索是寻找相连接的陆地其余部分并做好标记#include#includeusingnamespacestd;intdirection[4][2]={0,1,-1,0,0,-1,1,0};voiddfs(constvector>&B612
    
                    
    • 
                    
  • 笔记：代码随想录算法训练营day56:图论理论基础、深搜理论基础、98. 所有可达路径、广搜理论基础
                        jingjingjing1111
笔记
                        
    学习资料：代码随想录连通图是给无向图的定义，强连通图是给有向图的定义朴素存储：二维数组邻接矩阵邻接表：list基础知识：C++容器类|菜鸟教程深搜是沿着一个方向搜到头再不断回溯，转向；广搜是每一次搜索要把当前能够得到的方向搜个遍深搜三部曲：传入参数、终止条件、处理节点+递推+回溯98.所有可达路径卡码网题目链接（ACM模式）先是用邻接矩阵，矩阵的x,y表示从x到y有一条边主要还是用回溯方法遍历整个
    
                    
    • 
                    
  • Neo4j GDS-02-graph-data-science 插件库安装实战笔记
                        
后端java
                        
    neo4japoc系列Neo4jAPOC-01-图数据库apoc插件介绍Neo4jAPOC-01-图数据库apoc插件安装neo4jonwindows10Neo4jAPOC-03-图数据库apoc实战使用使用Neo4jAPOC-04-图数据库apoc实战使用使用apoc.path.spanningTree最小生成树Neo4jAPOC-05-图数据库apoc实战使用使用labelFilterNeo4
    
                    
    • 
                    
  • Windows使用Browser Use笔记
                        
人工智能ai开发
                        
    相关文档：https://docs.browser-use.com/quickstart首先安装UV命令行cmdpowershell-ExecutionPolicyByPass-c"irmhttps://astral.sh/uv/install.ps1|iex"设置环境变量setPath=C:\xx\.local\bin;%Path%查看版本uv-V查看可用和已安装的Python版本uvpytho
    
                    
    • 
                    
  • 使用spring data MongoDB对MongoDB进行简单CURD操作示例
                        其实我就是个萌新
springmongodbjava
                        
    本文章为作者个人学习笔记，仅作参考。1.application.properties配置spring.data.mongodb.database=[数据库名]spring.data.mongodb.host=localhost[主机名,本机：localhost]spring.data.mongodb.port=[数据库端口，默认:27017]2.根据数据库文档定义实体类：@RequiredArgs
    
                    
    • 
                    
  • 【Vue3笔记01】如何使用Vue3和Vite搭建前端项目的基础开发环境
                        Mr.小朱同学
Web前端笔记前端笔记vue.jsVue3Vite搭建项目环境
                        
    这篇文章，主要介绍如何使用Vue3和Vite搭建前端项目的基础开发环境【知识星球】。目录一、搭建项目环境1.1、前提条件1.2、开始搭建1.3、下载依赖1.4、启动工程一、搭建项目环境目前前端开发中，使用最多的就是Vue.js框架，目前Vue.js框架常用的有Vue2、Vue3两个版本，Vue3和Vue2在语法上还是存在很大的差异的，这里我将介绍如何搭建Vue3开发环境。1.1、前提条件在创建Vu
    
                    
    • 
                    
  • 【自学笔记】NFT基础知识点总览-持续更新
                        Long_poem
笔记区块链
                        
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录NFT（非同质化代币）基础知识点总览1.NFT简介2.NFT的应用场景3.NFT的工作原理4.NFT的创建和发行5.代码示例代码解释总结NFT（非同质化代币）基础知识点总览1.NFT简介NFT（Non-FungibleToken，非同质化代币）是一种基于区块链技术的独特数字资产，每个NFT都是唯一的、不可互换的。与同质化代币（
    
                    
    • 
                    
  • 《算法笔记》9.2小节——数据结构专题(2)-＞二叉树的遍历 问题 A: 复原二叉树（同问题 C: 二叉树遍历）
                        圣保罗的大教堂
《算法笔记》算法
                        
    题目描述小明在做数据结构的作业，其中一题是给你一棵二叉树的前序遍历和中序遍历结果，要求你写出这棵二叉树的后序遍历结果。输入输入包含多组测试数据。每组输入包含两个字符串，分别表示二叉树的前序遍历和中序遍历结果。每个字符串由不重复的大写字母组成。输出对于每组输入，输出对应的二叉树的后续遍历结果。样例输入DBACEGFABCDEFGBCADCBAD样例输出ACBFGEDCDAB分析：不建树直接找的方法。
    
                    
    • 
                    
  • 数据结构复习笔记5.2：二叉树
                        SGCGYU_Tan
数据结构笔记数据结构笔记c++
                        
    1.二叉树的概念⼆叉树是每个结点最多有两个⼦树的树结构。也就是说⼆叉树不允许存在度⼤于2的树。它有五种最基本的形态：⼆叉树可以是空集。根可以有空的左⼦树或者右⼦树；或者左右⼦树都是空。其中只有左⼦树或者右子树的叫做斜树。为何要重点研究每结点最多只有两个“叉”的树？二叉树的结构最简单，规律性最强；可以证明，所有树都能转为唯一对应的二叉树，不失一般性。普通树（多叉树）若不转化为二叉树，则运算很难实现。
    
                    
    • 
                    
  • 数学建模清风课程笔记——第二章 TOPSIS法
                        minpengyuanBITer
数学建模数学建模笔记
                        
    TOPSIS(TechniqueforOrderPreferencebySimilaritytoIdealSolution)可翻译为逼近理想解排序法，国内简称为优劣解距离法。TOPSIS法是一种常用的综合评价方法，其能充分利用原始数据的信息，其结果能够精确地反映各评价方案之间的差距。评价类问题1TOPSIS法TOPSIS法概念：TOPSIS法是一种常用的综合评价方法，能充分利用原始数据的信息，其结
    
                    
    • 
                    
  • JDK8 Stream 数据流效率分析，Java开发你需要了解的那些事
                        气质大叔
程序员后端面试java
                        
    此外还有一系列特化流，如IntStream，LongStream，DoubleStream等），Java8引入的的Stream主要用于取代部分Collection的操作，每个流代表一个值序列，流提供一系列常用的聚集操作，可以便捷的在它上面进行各种运算。集合类库也提供了便捷的方式使我们可以以操作流的方式使用集合、数组以及其它数据结构；作为阅读福利，小编也整理了一些Java学习笔记（包含面试真题+脑图
    
                    
    • 
                    
  • 计算机网络笔记、面试八股（二）—— HTTP协议
                        Your_Raymond
计算机网络http计算机网络面试
                        
    本章目录2.HTTP协议2.1HTTP协议简介2.2HTTP协议的优点2.3HTTP协议的缺点2.4HTTP协议属于哪一层2.5HTTP通信过程2.6常见请求方法2.7GET和POST的区别2.8请求报文与响应报文2.8.1HTTP请求报文2.8.2HTTP响应报文2.9响应状态码2.10HTTP1.0和1.1的区别2.10.1长连接2.10.2错误响应码2.10.3缓存处理2.10.4带宽的优化
    
                    
    • 
                    
  • linuxcentos6笔记
                        lnes，
linuxcentosvim
                        
    目录Linux笔记11目录结构51.1基本指令51.2Ls指令：51.3Pwd指令：61.4Cd指令：71.5mkdir指令：71.6touch指令：71.7cp指令：71.8mv指令：81.9rm指令：81.10vim指令：91.11输出重定向：91.12cat指令：102进阶指令102.1Df指令：102.2free指令：102.3head指令：112.4tail指令：112.5less指令：
    
                    
    • 
                    
  • 【考研计算机网络】课堂笔记1 第一章 概述
                        刘鑫磊up
#操作系统计算机网络计算机网络
                        
    文章目录：一：计算机网络的概述1.计算机网络的基本概念2.计算机网络的组成3.计算机网络的功能4.计算机网络的分类4.1分布范围分类4.2传输技术分类4.3按照拓扑结构分类4.4按照使用者分类4.5按照传输介质分类二：计算机网络的标准化工作及相关组织三：计算机网络的性能指标速率kb千Mb兆Gb吉Tb太的单位换算存储容量KBMBGBTB的单位换数四：网络分层五：计算机网络协议、接口、服务的概念1.协
    
                    
    • 
                    
  • 常用的pdf技术有哪些？--笔记
                        我不是彭于晏灬
pdf笔记
                        
    常用的pdf技术有哪些？1.iTextPDF：iText是著名的开放项目，是用于生成PDF文档的一个java类库。通过iText不仅可以生成PDF或rtf的文档，而且可以将XML、Html文件转化为PDF文件。Openoffice：openoffice是开源软件且能在windows和linux平台下运行，可以灵活的将word或者Excel转化为PDF文档。JasperReport：是一个强大、灵活
    
                    
    • 
                    
  • 计算机网络笔记再战——理解几个经典的协议HTTP章4
                        charlie114514191
计算机网络学习计算机网络笔记http学习网络协议网络
                        
    计算机网络笔记再战——理解几个经典的协议10HTTP章4确保Web安全的HTTPSHTTP是不安全的，它使用的是明文传递，这意味着潜在的报文纂改。这里我们将学习更加安全的HTTPS协议通信使用明文（不加密），内容可能会被窃听不验证通信方的身份，因此有可能遭遇伪装无法证明报文的完整性，所以有可能已遭篡改HTTP本身没有办法加密，但是可以跟SSL（SecureSocketLayer）或者是TLS（Tr
    
                    
    • 
                    
  • C++ 结构型设计模式
                        十七12138
C++c++设计模式
                        
    C++设计模式自己理解整理笔记结构型-适配器模式适配器模式（AdapterPattern）是一种结构型设计模式，它的主要作用是将一个类的接口转换成客户希望的另一个接口，使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。适配器模式主要有两种实现方式：类适配器模式和对象适配器模式。类适配器类适配器通过多重继承实现，这种方式利用了继承优点直接调用：由于适配器类继承了被适配类，所以可以直接调用被适
    
                    
    • 
                    
  • numpy学习笔记3：三维数组 np.ones((2, 3, 4)) 的详细解释
                        宁宁可可
#机器学习#Python基础与进阶numpy学习笔记
                        
    numpy学习笔记3：三维数组np.ones((2,3,4))的详细解释以下是关于三维数组np.ones((2,3,4))的详细解释：1.三维数组的形状形状(2,3,4)表示：最外层维度：2个“层”（或“块”）；中间维度：每个层有3行；最内层维度：每行有4个元素。可以类比为：2本书（外层），每本书有3页（中间层），每页有4行文字（内层）。2.创建全1三维数组代码示例：importnumpyasnp
    
                    
    • 
                    
  • Ts学习笔记
                        初学者7.
学习笔记typescript
                        
    一、Ts与Js区别TsJsJavaScript的超集，用于解决大型项目的代码复杂性一种脚本语言，用于创建动态网页。强类型，支持静态和动态类型动态弱类型语言可以在编译期间发现并纠正错误只能在运行时发现错误不允许改变变量的数据类型变量可以被赋予不同类型的值二、Ts基础类型：boolean,number,string,undefined,null,any,unknown,void，neverany,un
    
                    
    • 
                    
  • Qt爬坑笔记
                        klzed_
qtc++后端ui
                        
    1.自定义一个QWidget的派生类，将其作为子部件并设置样式表时，需要重写paintEvent事件，否则样式表可能无效，如下所示：voidCustomWidget::paintEvent(QPaintEvent*){QStyleOptionopt;opt.init(this);QPainterp(this);
    
                    
    • 
                    
  • LeetCode刷题笔记
                        小李李李李腊八
leetcode算法java
                        
    leetcode_01两数之和斐波那契数列三个数最大乘积反转链表x的平方根环形列表LeetCode随笔两数之和给定一个整数数组nums和一个整数目标值target，请你在该数组中找出和为目标值target的那两个整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。暴力法记录下数组第一个数值，对数组进行循环，将之后的值
    
                    
    • 
                    
  • numpy学习笔记2：ones = np.ones((2, 4)) 的详解
                        宁宁可可
#机器学习#Python基础与进阶numpypython开发语言
                        
    numpy学习笔记2：ones=np.ones((2,4))的详解np.ones()是NumPy中用于创建全1数组的核心函数，其用法和参数与np.zeros()类似，但生成的数组元素值全部为1。以下是详细解释：1、语法numpy.ones(shape,dtype=float,order='C')作用：生成一个指定形状和数据类型的全1数组。参数：shape：数组的形状，以元组形式传递（如(2,4)表
    
                    
    • 
                                
  • 遍历dom 并且存储（将每一层的DOM元素存在数组中）
                                    换个号韩国红果果
JavaScripthtml
                                    
    数组从0开始！！ 
 


var a=[],i=0;
for(var j=0;j<30;j++){
		a[j]=[];//数组里套数组，且第i层存储在第a[i]中
	}

function walkDOM(n){
	
			do{
			if(n.nodeType!==3)//筛选去除#text类型

			a[i].push(n);
			
			//con
    
                                
    • 
                                
  • Android+Jquery Mobile学习系列(9)-总结和代码分享
                                    白糖_
JQuery Mobile
                                    
    目录导航 
  
经过一个多月的边学习边练手，学会了Android基于Web开发的毛皮，其实开发过程中用Android原生API不是很多，更多的是HTML/Javascript/Css。 
  
个人觉得基于WebView的Jquery Mobile开发有以下优点： 
1、对于刚从Java Web转型过来的同学非常适合，只要懂得HTML开发就可以上手做事。 
2、jquerym
    
                                
    • 
                                
  • impala参考资料
                                    dayutianfei
impala
                                    
    记录一些有用的Impala资料 
  
1. 入门资料 
>>官网翻译： 
    http://my.oschina.net/weiqingbin/blog?catalog=423691 
  
2. 实用进阶 
>>代码&架构分析： 
    Impala/Hive现状分析与前景展望：http
    
                                
    • 
                                
  • JAVA 静态变量与非静态变量初始化顺序之新解
                                    周凡杨
java静态非静态顺序
                                    
    今天和同事争论一问题，关于静态变量与非静态变量的初始化顺序，谁先谁后，最终想整理出来！测试代码： 
import java.util.Map;

public class T {

	public static T t = new T();
	private Map map = new HashMap();
	public T(){
		System.out.println(&quo
    
                                
    • 
                                
  • 跳出iframe返回外层页面
                                    g21121
iframe
                                    
    在web开发过程中难免要用到iframe，但当连接超时或跳转到公共页面时就会出现超时页面显示在iframe中，这时我们就需要跳出这个iframe到达一个公共页面去。 
首先跳转到一个中间页，这个页面用于判断是否在iframe中，在页面加载的过程中调用如下代码： 
<script type="text/javascript">
//<!--
function
    
                                
    • 
                                
  • JAVA多线程监听JMS、MQ队列
                                    510888780
java多线程
                                    
    背景：消息队列中有非常多的消息需要处理，并且监听器onMessage（）方法中的业务逻辑也相对比较复杂，为了加快队列消息的读取、处理速度。可以通过加快读取速度和加快处理速度来考虑。因此从这两个方面都使用多线程来处理。对于消息处理的业务处理逻辑用线程池来做。对于加快消息监听读取速度可以使用1.使用多个监听器监听一个队列；2.使用一个监听器开启多线程监听。 
对于上面提到的方法2使用一个监听器开启多线
    
                                
    • 
                                
  • 第一个SpringMvc例子
                                    布衣凌宇
spring mvc
                                    
    第一步：导入需要的包； 
第二步：配置web.xml文件 
 
<?xml version="1.0" encoding="UTF-8"?> 
<web-app version="2.5" 
 xmlns="http://java.sun.com/xml/ns/javaee" 
 xmlns:xsi=
    
                                
    • 
                                
  • 我的spring学习笔记15-容器扩展点之PropertyOverrideConfigurer
                                    aijuans
Spring3
                                    
    PropertyOverrideConfigurer类似于PropertyPlaceholderConfigurer，但是与后者相比，前者对于bean属性可以有缺省值或者根本没有值。也就是说如果properties文件中没有某个bean属性的内容，那么将使用上下文（配置的xml文件）中相应定义的值。如果properties文件中有bean属性的内容，那么就用properties文件中的值来代替上下
    
                                
    • 
                                
  • 通过XSD验证XML
                                    antlove
xmlschemaxsdvalidationSchemaFactory
                                    
    1. XmlValidation.java 
package xml.validation;

import java.io.InputStream;

import javax.xml.XMLConstants;
import javax.xml.transform.stream.StreamSource;
import javax.xml.validation.Schem
    
                                
    • 
                                
  • 文本流与字符集
                                    百合不是茶
PrintWrite()的使用字符集名字 别名获取
                                    
    文本数据的输入输出; 
          输入;数据流,缓冲流 
  
      输出;介绍向文本打印格式化的输出PrintWrite(); 
  
package 文本流;

import java.io.FileNotFound
    
                                
    • 
                                
  • ibatis模糊查询sqlmap-mapping-**.xml配置
                                    bijian1013
ibatis
                                    
            正常我们写ibatis的sqlmap-mapping-*.xml文件时，传入的参数都用##标识，如下所示： 
<resultMap id="personInfo" class="com.bijian.study.dto.PersonDTO">
	<res
    
                                
    • 
                                
  • java jvm常用命令工具——jdb命令(The Java Debugger)
                                    bijian1013
javajvmjdb
                                    
            用来对core文件和正在运行的Java进程进行实时地调试，里面包含了丰富的命令帮助您进行调试，它的功能和Sun studio里面所带的dbx非常相似，但 jdb是专门用来针对Java应用程序的。 
        现在应该说日常的开发中很少用到JDB了，因为现在的IDE已经帮我们封装好了，如使用ECLI
    
                                
    • 
                                
  • 【Spring框架二】Spring常用注解之Component、Repository、Service和Controller注解
                                    bit1129
controller
                                    
    在Spring常用注解第一步部分【Spring框架一】Spring常用注解之Autowired和Resource注解（http://bit1129.iteye.com/blog/2114084）中介绍了Autowired和Resource两个注解的功能，它们用于将依赖根据名称或者类型进行自动的注入，这简化了在XML中，依赖注入部分的XML的编写，但是UserDao和UserService两个bea
    
                                
    • 
                                
  • cxf wsdl2java生成代码super出错,构造函数不匹配
                                    bitray
super
                                    
        由于过去对于soap协议的cxf接触的不是很多,所以遇到了也是迷糊了一会.后来经过查找资料才得以解决. 初始原因一般是由于jaxws2.2规范和jdk6及以上不兼容导致的.所以要强制降为jaxws2.1进行编译生成.我们需要少量的修改: 
 
我们原来的代码 
wsdl2java com.test.xxx -client http://..... 
修改后的代
    
                                
    • 
                                
  • 动态页面正文部分中文乱码排障一例
                                    ronin47

                                    
    公司网站一部分动态页面，早先使用apache+resin的架构运行，考虑到高并发访问下的响应性能问题，在前不久逐步开始用nginx替换掉了apache。 不过随后发现了一个问题，随意进入某一有分页的网页，第一页是正常的（因为静态化过了）；点“下一页”，出来的页面两边正常，中间部分的标题、关键字等也正常，唯独每个标题下的正文无法正常显示。 因为有做过系统调整，所以第一反应就是新上
    
                                
    • 
                                
  • java-54- 调整数组顺序使奇数位于偶数前面
                                    bylijinnan
java
                                    
    
import java.util.Arrays;
import java.util.Random;

import ljn.help.Helper;


public class OddBeforeEven {

	/**
	 * Q 54 调整数组顺序使奇数位于偶数前面
	 * 输入一个整数数组，调整数组中数字的顺序，使得所有奇数位于数组的前半部分，所有偶数位于数组的后半
    
                                
    • 
                                
  • 从100PV到1亿级PV网站架构演变
                                    cfyme
网站架构
                                    
    一个网站就像一个人，存在一个从小到大的过程。养一个网站和养一个人一样，不同时期需要不同的方法，不同的方法下有共同的原则。本文结合我自已14年网站人的经历记录一些架构演变中的体会。 1：积累是必不可少的 
架构师不是一天练成的。 
1999年，我作了一个个人主页，在学校内的虚拟空间，参加了一次主页大赛，几个DREAMWEAVER的页面，几个TABLE作布局，一个DB连接，几行PHP的代码嵌入在HTM
    
                                
    • 
                                
  • [宇宙时代]宇宙时代的GIS是什么？
                                    comsci
Gis
                                    
     
 
       我们都知道一个事实，在行星内部的时候，因为地理信息的坐标都是相对固定的，所以我们获取一组GIS数据之后，就可以存储到硬盘中，长久使用。。。但是，请注意，这种经验在宇宙时代是不能够被继续使用的 
 
 
         宇宙是一个高维时空
    
                                
    • 
                                
  • 详解create database命令
                                    czmmiao
database
                                    
    完整命令 
CREATE DATABASE mynewdb   USER SYS IDENTIFIED BY sys_password   USER SYSTEM IDENTIFIED BY system_password   LOGFILE GROUP 1 ('/u01/logs/my/redo01a.log','/u02/logs/m
    
                                
    • 
                                
  • 几句不中听却不得不认可的话
                                    datageek

                                    
    1、人丑就该多读书。 
2、你不快乐是因为：你可以像猪一样懒，却无法像只猪一样懒得心安理得。 
3、如果你太在意别人的看法，那么你的生活将变成一件裤衩，别人放什么屁，你都得接着。 
4、你的问题主要在于：读书不多而买书太多，读书太少又特爱思考，还他妈话痨。 
5、与禽兽搏斗的三种结局：(1)、赢了，比禽兽还禽兽。(2)、输了，禽兽不如。(3)、平了，跟禽兽没两样。结论：选择正确的对手很重要。 
6
    
                                
    • 
                                
  • 1 14:00 PHP中的“syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM”错误
                                    dcj3sjt126com
PHP
                                    
    原文地址：http://www.kafka0102.com/2010/08/281.html 
  
因为需要，今天晚些在本机使用PHP做些测试，PHP脚本依赖了一堆我也不清楚做什么用的库。结果一跑起来，就报出类似下面的错误：“Parse error: syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM in /home/kafka/test/
    
                                
    • 
                                
  • xcode6 Auto layout and size classes
                                    dcj3sjt126com
ios
                                    
    官方GUI 
  
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/Introduction/Introduction.html 
  
iOS中使用自动布局（一） 
  
http://www.cocoachina.com/ind
    
                                
    • 
                                
  • 通过PreparedStatement批量执行sql语句【sql语句相同，值不同】
                                    梦见x光
sql事务批量执行
                                    
    比如说：我有一个List需要添加到数据库中，那么我该如何通过PreparedStatement来操作呢？ 
public void addCustomerByCommit(Connection conn , List<Customer> customerList) 
{ 
   String sql = "inseret into customer(id 
    
                                
    • 
                                
  • 程序员必知必会----linux常用命令之十【系统相关】
                                    hanqunfeng
Linux常用命令
                                    
    一.linux快捷键 
Ctrl+C : 终止当前命令 
Ctrl+S : 暂停屏幕输出 
Ctrl+Q : 恢复屏幕输出 
Ctrl+U : 删除当前行光标前的所有字符 
Ctrl+Z : 挂起当前正在执行的进程 
Ctrl+L : 清除终端屏幕，相当于clear 
  
二.终端命令 
clear : 清除终端屏幕 
reset : 重置视窗，当屏幕编码混乱时使用 
time com
    
                                
    • 
                                
  • NGINX
                                    IXHONG
nginx
                                    
    pcre 编译安装 nginx 
conf/vhost/test.conf 
  
upstream admin { 
server 127.0.0.1:8080; 
} 
  
server { 
                listen       80; 
&
    
                                
    • 
                                
  • 设计模式--工厂模式
                                    kerryg
设计模式
                                    
    工厂方式模式分为三种： 
  1、普通工厂模式：建立一个工厂类，对实现了同一个接口的一些类进行实例的创建。 
 
  2、多个工厂方法的模式：就是对普通工厂方法模式的改进，在普通工厂方法模式中，如果传递的字符串出错，则不能正确创建对象，而多个工厂方法模式就是提供多个工厂方法，分别创建对象。 
 
  3、静态工厂方法模式：就是将上面的多个工厂方法模式里的方法置为静态，
    
                                
    • 
                                
  • Spring InitializingBean/init-method和DisposableBean/destroy-method
                                    mx_xiehd
javaspringbeanxml
                                    
    1.initializingBean/init-method 
实现org.springframework.beans.factory.InitializingBean接口允许一个bean在它的所有必须属性被BeanFactory设置后，来执行初始化的工作，InitialzingBean仅仅指定了一个方法。 
通常InitializingBean接口的使用是能够被避免的，（不鼓励使用，因为没有必要
    
                                
    • 
                                
  • 解决Centos下vim粘贴内容格式混乱问题
                                    qindongliang1922
centosvim
                                    
     
 
有时候，我们在向vim打开的一个xml，或者任意文件中，拷贝粘贴的代码时，格式莫名其毛的就混乱了，然后自己一个个再重新，把格式排列好，非常耗时，而且很不爽，那么有没有办法避免呢？  答案是肯定的，设置下缩进格式就可以了，非常简单：  在用户的根目录下 直接vi  ~/.vimrc文件 然后将set pastetoggle=<F9> 写入这个文件中，保存退出，重新登录，
    
                                
    • 
                                
  • netty大并发请求问题
                                    tianzhihehe
netty
                                    
    多线程并发使用同一个channel 
java.nio.BufferOverflowException: null 
at java.nio.HeapByteBuffer.put(HeapByteBuffer.java:183) ~[na:1.7.0_60-ea] 
at java.nio.ByteBuffer.put(ByteBuffer.java:832) ~[na:1.7.0_60-ea] 
    
                                
    • 
                                
  • Hadoop NameNode单点问题解决方案之一 AvatarNode
                                    wyz2009107220
NameNode
                                    
    我们遇到的情况 
Hadoop NameNode存在单点问题。这个问题会影响分布式平台24*7运行。先说说我们的情况吧。 
我们的团队负责管理一个1200节点的集群(总大小12PB)，目前是运行版本为Hadoop 0.20，transaction logs写入一个共享的NFS filer(注：NetApp NFS Filer)。 
经常遇到需要中断服务的问题是给hadoop打补丁。 DataNod
    
                                
    •