提高篇笔记

第四章：内联块（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

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;

遮罩弹窗：
标准浏览器透明度设置： 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 提升样式优先级或权重 

                            
                        
                    
                    
                    
                    
                    
                    
                
                
                    
                        
                        
                             
                        
                        
                        
                            
                        
                        
                        
                            
                        
                    
                
            
        
    
    
        你可能感兴趣的:(提高篇笔记)
        
            
                
                    10月|愿你的青春不负梦想-读书笔记-01
                        Tracy的小书斋

                        本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
                    
                    《投行人生》读书笔记
                        小蘑菇的树洞

                        《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好
                    
                    【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数
                        广龙宇
一起学Rust#Rust设计模式rust设计模式开发语言
                        提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
                    
                    git常用命令笔记
                        咩酱-小羊
git笔记
                        ###用习惯了idea总是不记得git的一些常见命令，需要用到的时候总是担心旁边站了人~~~记个笔记@_@，告诉自己看笔记不丢人初始化初始化一个新的Git仓库gitinit配置配置用户信息gitconfig--globaluser.name"YourName"gitconfig--globaluser.email"[email protected]"基本操作克隆远程仓库gitclone查看
                    
                    509. 斐波那契数(每日一题)
                        lzyprime

                        lzyprime博客(github)创建时间：2021.01.04qq及邮箱：2383518170leetcode笔记题目描述斐波那契数，通常用F(n)表示，形成的序列称为斐波那契数列。该数列由0和1开始，后面的每一项数字都是前面两项数字的和。也就是：F(0)=0，F(1)=1F(n)=F(n-1)+F(n-2)，其中n>1给你n，请计算F(n)。示例1：输入：2输出：1解释：F(2)=F(1)+
                    
                    拥有断舍离的心态，过精简生活--《断舍离》读书笔记
                        爱吃丸子的小樱桃

                        不知不觉间房间里的东西越来越多，虽然摆放整齐，但也时常会觉得空间逼仄，令人心生烦闷。抱着断舍离的态度，我开始阅读《断舍离》这本书，希望从书中能找到一些有效的方法，帮助我实现空间、物品上的断舍离。《断舍离》是日本作家山下英子通过自己的经历、思考和实践总结而成的，整体内涵也从刚开始的私人生活哲学的“断舍离”升华成了“人生实践哲学”，接着又成为每个人都能实行的“改变人生的断舍离”，从“哲学”逐渐升华成“
                    
                    四章-32-点要素的聚合
                        彩云飘过

                        本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
                    
                    高端密码学院笔记285
                        柚子_b4b4

                        高端幸福密码学院（高级班）幸福使者：李华第（598）期《幸福》之回归内在深层生命原动力基础篇——揭秘“激励”成长的喜悦心理案例分析主讲：刘莉一，知识扩充:成功=艰苦劳动+正确方法+少说空话。贪图省力的船夫，目标永远下游。智者的梦再美，也不如愚人实干的脚印。幸福早课堂2020.10.16星期五一笔记:1，重视和珍惜的前提是知道它的价值非常重要，当你珍惜了，你就真正定下来，真正的学到身上。2，大家需要
                    
                    Day17笔记-高阶函数
                        ~在杰难逃~
Python笔记python开发语言pycharm数据分析
                        高阶函数【重点掌握】函数的本质：函数是一个变量，函数名是一个变量名，一个函数可以作为另一个函数的参数或返回值使用如果A函数作为B函数的参数，B函数调用完成之后，会得到一个结果，则B函数被称为高阶函数常用的高阶函数：map(),reduce(),filter(),sorted()1.map()map(func,iterable)，返回值是一个iterator【容器，迭代器】func:函数iterab
                    
                    Day1笔记-Python简介&标识符和关键字&输入输出
                        ~在杰难逃~
Pythonpython开发语言大数据数据分析数据挖掘
                        大家好，从今天开始呢，杰哥开展一个新的专栏，当然，数据分析部分也会不定时更新的，这个新的专栏主要是讲解一些Python的基础语法和知识，帮助0基础的小伙伴入门和学习Python，感兴趣的小伙伴可以开始认真学习啦！一、Python简介【了解】1.计算机工作原理编程语言就是用来定义计算机程序的形式语言。我们通过编程语言来编写程序代码，再通过语言处理程序执行向计算机发送指令，让计算机完成对应的工作，编程
                    
                    node.js学习
                        小猿L
node.jsnode.js学习vim
                        node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
                    
                    数据仓库——维度表一致性
                        墨染丶eye
背诵数据仓库
                        数据仓库基础笔记思维导图已经整理完毕，完整连接为：数据仓库基础知识笔记思维导图维度一致性问题从逻辑层面来看，当一系列星型模型共享一组公共维度时，所涉及的维度称为一致性维度。当维度表存在不一致时，短期的成功难以弥补长期的错误。维度时确保不同过程中信息集成起来实现横向钻取货活动的关键。造成横向钻取失败的原因维度结构的差别，因为维度的差别，分析工作涉及的领域从简单到复杂，但是都是通过复杂的报表来弥补设计
                    
                    【Git】常见命令(仅笔记)
                        好想有猫猫
GitLinux学习笔记git笔记elasticsearchlinuxc++
                        文章目录创建/初始化本地仓库添加本地仓库配置项提交文件查看仓库状态回退仓库查看日志分支删除文件暂存工作区代码远程仓库使用`.gitigore`文件让git不追踪一些文件标签创建/初始化本地仓库gitinit添加本地仓库配置项gitconfig-l#以列表形式显示配置项gitconfiguser.name"ljh"#配置user.namegitconfiguser.email"[email protected]
                    
                    为什么你总是对下属不满意?
                        ZhaoWu1050

                        【ZhaoWu的听课笔记】大多数公司，都存在两种问题。我创业四年，更是体会深切。这两种问题就是：老板经常不满意下属的表现；下属总是不知道老板想要什么；虽然这两种问题普遍存在，其实解决方法并不复杂。这节课，我们再聊聊第一个问题：为什么老板经常不满意下属表现?其实，这背后也是一条管理常识。管理学家德鲁克先生早就说过：管理者的任务，不是去改变人。*来自《卓有成效的管理者》只是大多数老板和我一样，都是一边
                    
                    母亲节如何做小红书营销
                        美橙传媒

                        小红书的一举一动引起了外界的高度关注。通过爆款笔记和流行话题，我们可以看到“干货”类型的内容在小红书中偏向实用的生活经验共享和生活指南非常受欢迎。根据运营社的分析，这种现象是由小红书用户心智和内容社区背后机制共同决定的。首先，小红书将使用“强搜索”逻辑为用户提供特定的“搜索场景”。在“我必须这样生活”中，大量使用了满足小红书站用户喜好和需求的内容。内容社区自制的高质量内容也吸引了寻找营销新途径的品
                    
                    读书笔记|《遇见孩子，遇见更好的自己》5
                        抹茶社长

                        为人父母意味着放弃自己的过去，不要对以往没有实现的心愿耿耿于怀，只有这样，孩子们才能做回自己。985909803.jpg孩子在与父母保持亲密的同时更需要独立，唯有这样，孩子才会成为孩子，父母才会成其为父母。有耐心的人生往往更幸福，给孩子留点余地。认识到养儿育女是对耐心的考验。为失败做好心理准备，教会孩子控制情绪。了解自己的底线，说到底线，有一点很重要，父母之所以发脾气，真正的原因往往在于他们自己，
                    
                    基于Python给出的PDF文档转Markdown文档的方法
                        程序媛了了
pythonpdf开发语言
                        注：网上有很多将Markdown文档转为PDF文档的方法，但是却很少有将PDF文档转为Markdown文档的方法。就算有，比如某些网站声称可以将PDF文档转为Markdown文档，尝试过，不太符合自己的要求，而且无法保证文档没有泄露风险。于是本人为了解决这个问题，借助GPT（能使用GPT镜像或者有条件直接使用GPT的，反正能调用GPT接口就行）生成Python代码来完成这个功能。笔记、代码难免存在
                    
                    语文主题教学学习笔记之87
                        东哥杂谈

                        “语文主题教学”学习笔记之八十七（0125）今天继续学习小学语文主题教学的实践样态。板块三：教学中体现“书艺”味道。作为四大名著之一的《水浒传》，堪称我国文学宝库之经典。对从《水浒传》中摘选的单元，教师就要了解其原生态，即评书体特点。这也要求教师要了解一些常用的评书行话术语，然后在教学时适时地加入一些，让学生体味其文本中原有的特色。学生也要尽可能地通过朗读的方式，而不单是分析讲解的方式进行学习。细
                    
                    Armv8.3 体系结构扩展--原文版
                        代码改变世界ctw
ARM-TEE-Androidarmv8嵌入式arm架构安全架构芯片TrustzoneSecureboot
                        快速链接:.ARMv8/ARMv9架构入门到精通-[目录]付费专栏-付费课程【购买须知】:个人博客笔记导读目录(全部)TheArmv8.3architectureextensionTheArmv8.3architectureextensionisanextensiontoArmv8.2.Itaddsmandatoryandoptionalarchitecturalfeatures.Somefeat
                    
                    springboot+vue项目实战一-创建SpringBoot简单项目
                        苹果酱0567
面试题汇总与解析springboot后端java中间件开发语言
                        这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
                    
                    阅读《认知觉醒》读书笔记
                        就看看书

                        本周阅读了周岭的《认知觉醒开启自我改变的原动力》，启发较多，故做读书笔记一则，留待学习。全书共八章，讲述了大脑、潜意识、元认知、专注力、学习力、行动力、情绪力及成本最低的成长之道。具体描述了大脑、焦虑、耐心、模糊、感性、元认知、自控力、专注力、情绪专注、学习专注、匹配、深度、关联、体系、打卡、反馈、休息、清晰、傻瓜、行动、心智宽带、单一视角、游戏心态、早起、冥想、阅读、写作、运动等相关知识点。大脑
                    
                    阅读笔记：阅读方法中的逻辑和转念
                        施吉涛

                        聊聊一些阅读的方法论吧，别人家的读书方法刚开始想写，然后就不知道写什么了，因为作者写的非常的“精致”我有一种乡巴佬进城的感觉，看到精美的摆盘，精致的食材不知道该如何下口也就是《阅读的方法》，我们姑且来试一下强劲的大脑篇，第一节：逻辑通俗的来讲，也就是表达的排列和顺序，再进一步就是因果关系和关联实际上书已经看了大概一遍，但直到打算写一下笔记的时候，才发现作者讲的推理更多的是阅读的对象中呈现出的逻辑也
                    
                    《转介绍方法论》学习笔记
                        小可乐的妈妈

                        一、高效转介绍的流程：价值观---执行----方案一）转介绍发生的背景：1、对象：谁向谁转介绍？全员营销，人人参与。①员工的激励政策、客户的转介绍诱因制作客户画像：a信任；支付能力；意愿度；便利度（根据家长具备四个特征的个数分为四类）B性格分类C职业分类D年龄性别②执行：套路，策略，方法，流程2、诱因：为什么要转介绍？认同信任；多方共赢；传递美好；零风险承诺打动人心，超越期待。选择做教育，就是选择
                    
                    JAVA学习笔记之23种设计模式学习
                        victorfreedom
Java技术设计模式androidjava常用设计模式
                        博主最近买了《设计模式》这本书来学习，无奈这本书是以C++语言为基础进行说明，整个学习流程下来效率不是很高，虽然有的设计模式通俗易懂，但感觉还是没有充分的掌握了所有的设计模式。于是博主百度了一番，发现有大神写过了这方面的问题，于是博主迅速拿来学习。一、设计模式的分类总体来说设计模式分为三大类：创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。结构型模式，共七种：适配器
                    
                    解决Obsidian写笔记中的＜img＞标签无法显示图片的问题
                        全能全知者
笔记
                        Obsidian中写md笔记如果使用标签会显示不出图案，后来才知道因为Obsidian的问题导致只能用绝对路径定位。所以我本人写了一个py插件，将md笔记里的img标签批量替换成Obsidian能够读取的形式。安装FixObsImgDpy:pipinstallFixObsImgDpy安装完成后在需要修复的md文件的父目录下运行命令:FixObsImgDpy就会自动修复父目录以下的全部md文件 仓库
                    
                    2021年周总结 03
                        Ruby之家

                        这周的生活过得也是比较快，因为暂时住的离公司有点距离，所以通勤时间相对较长一点，而在地铁上的一个半小时如何充分利用起来，则是我最近一直在思考的问题，2021年想让自己的生活都运行在计划中。(有时候自己想干一件事情就总是给自己找很多借口，想着以后怎么怎么样？然而哪有那么多的以后，能够方便当下的工作生活就立马执行就OK，这仅仅只是我此时想到背的很重的老人机笔记本电脑，也算是陪伴我快8年的—当时买的时候
                    
                    2021-12-11
                        人生导演

                        今天读到佛学书籍的一段话：初学者很难直接体验到无我，但可以经常提醒自己：一切事物都是无我的。不断强化这个观念，也会相当有帮助。比如生病了我们一般会说：“我不舒服！我很痛！我很惨！”这时候如果我们提醒自己：没有我，只是这个肉体的某些部分、某些功能出了问题，不舒服、疼痛也只是一时的感受，而感受随时在变化。仅仅是知道没有一个实存的我在生病、在受苦。然后把“一切事物都是无我的”这句话，记到笔记上，并且朗读
                    
                    新能源汽车 BMS 学习笔记篇—BMS 基本定义及分类
                        WPG大大通
其他笔记汽车BMS经验分享新能源电池
                        一、BMS定义1、概念：BMS（BatteryManagementSystem）即电池管理系统，其管理对象是二次电池（充电电池或蓄电池），其主要目的是电池的利用率，防止电池出现过度充电和过度放电，可应用于电动汽车、电瓶车、机器人、无人机等图片来源：腾讯网https://new.qq.com《标准普尔警告，电动汽车电池生产面临供应链和地缘政治风险》2、四大功能①感知和测量：检测电池的电压、电流、温度
                    
                    机器学习-聚类算法
                        不良人龍木木
机器学习机器学习算法聚类
                        机器学习-聚类算法1.AHC2.K-means3.SC4.MCL仅个人笔记，感谢点赞关注！1.AHC2.K-means3.SC传统谱聚类：个人对谱聚类算法的理解以及改进4.MCL目前仅专注于NLP的技术学习和分享感谢大家的关注与支持！
                    
                    LeetCode github集合，附CMU大神整理笔记
                        Wesley@
LeetCodegithub
                        GithubLeetCode集合本人所有做过的题目都写在一个java项目中，同步到github中了，算是见证自己的进步。github目前同步的题目是2020-09-17日之后写的题。之前写过的题会陆续跟新到github中。目前大概400个题目Github项目链接：https://github.com/sunliancheng/leetcode_github附上一份优秀的教材整合：这是卡内基梅隆(C
                    
                                遍历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
                                
                
            
        
    


    
        
            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他
        
    


    
        
            首页 -
            关于我们 -
            站内搜索 -
            Sitemap -
            侵权投诉
        
        版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.

提高篇笔记

第四章：内联块（inlineblock）

块元素的特征：

内联元素的特征：

Inline-block的特点：

第五章：浮动（float）

float

清除浮动：

1.clear

2.加高度

3.父级浮动

4.inline-block 清浮动方法：

5.空标签清除浮动

6.br清除浮动

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

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

第六章：定位（position）

position:relative; 相对定位

position:absolute; 绝对定位

position:fixed； 固定定位

第七章：表格表单（tableform）

表格标签：

表格样式重置

单元格合并

表单

第八章：兼容性讲解

fuckIE（一）

fuckIE（二）

fuckIE（三）

-

margin兼容性问题： 1.margin-top传递给父级 解决方案：触发BFC，haslayout 2.上下margin叠加 解决方案：尽量使用同一方向的margin，比如都设置top或者bottom

fuckIE（四）

fuckIE（五）

fuckIE（六）

fuckIE（七）

fuckIE（八）

fuckIE（九）

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

position:fixed；固定定位

margin兼容性问题：
1.margin-top传递给父级
解决方案：触发BFC，haslayout
2.上下margin叠加
解决方案：尽量使用同一方向的margin，比如都设置top或者bottom