菜鸟要飞飞飞
菜鸟要飞飞飞

“曾经”html基础笔记

1

<！DOCTYPE html.>标题头部（超文本语言）

标签

注释

 

文字编码常用

文字出现乱码原因：代码内容为<meta name="content-type" content="text/html; charset=UTF-8">charset选择的是UTF-8文件选择的并不是utf-8所以乱码（右键文件选择更改）

GB2312

GBK

UTF-8

国外

UTF-16

ISO8859-1

...

<.title>题目

主体

<.hl>小标题2/3/4/由大到小以此类推(本身加粗0)。。。。。。。。。，。跟本身文字的差不多大

,.

注释

<.P>段落


行及标签占一行中的一小块

<.strong<.em>.

块及标签占一整行

特殊标签<.br./>

贯穿线

倾斜

加粗

文本操作标签：

-<.h2>,<.p><.hr>

W3c标准

1结构化标准语言（xhtml,xml）

2保险标准语言

3行为标准语言

图片

图片路径:相对路径，网页上的图片；绝对路径，硬盘上的图片。

同级目录直接写文件名字”” alt=(图片加载失败时显示的文字)”   ”title=（鼠标指向图片时显示的内容）”>

 空格

Shift+空格=空格  半角字符切换全角字符

<小于号<；如果时间>晚上六点，就坐车回家

>大于号>

引号（“）"

版权©

插入图像标签

<.img  src =”(file://代表根目录找文件0）ff(:英文)（盘符）/(..返回上级目录)（目录名/图片名）’’alt=’’  ’’提示加载失败文字）（width=”200”宽度）（height=’’100’’/高度）title=”（鼠标指向图片时显示的内容）”>

插入视频

 

插入音频

    

    

  

 

单位：

px像素

Mm毫米Cm厘米

In英寸

Pt镑

pc派卡

 例子 ：单元格的对齐方式改为水平右对齐，垂直底端对齐

”500” cellpading(单元格内文字与边框的距离)=’’0’’cellspacing=”0”border（边框）=”1”>   

 

 

超链接

超链接

http://

Href:链接地址

代表当前页面

Target：是否在新页面打开

-black新页面打开

-self在本页面打开

锚链接：

返回顶部

 

字的外部链接：外网页面百度

点击图片，会打开新页面:

 

 

功能性链接

发送邮件

JPG 压缩会改变颜色

PNG 支持透明

GIF 动图

BMP 保留图片原色

例子；

      <.title>  第一个网页<./title.>

     <.body>

网页<./h1

.......

         

2有序列表

                    

  1. fergds

 无序列表

    ,
  • list列表

    定义列表

                 

    小标题

                   

    内容,,

            表格：

    行

       

                                

    单元格 1 单元格 2

     

    表格对齐方式：默认对齐，居中对齐align=center,左对齐，右对齐

    单元格对齐方式：水平对齐方式，垂直对齐方式，

    Align(水平对齐方式）row:行，column列，cell单元格，spacing间距，border边框，width宽度，height高度，padding填充valign垂直对齐

    Left

    左对齐

    Center

    居中对齐

    Right

    右对齐

     

     

    Valign垂直对齐方式

    top

    顶端对齐

    middle

    居中对齐

    bottom

    底端对齐

    baseline

    基线对齐

     

    html里表格概念：

    高度

    行中的一列

    行

    代表表格

     

    跨列

    跨行

     

    valign

     

     

    3（选择value,name都写，文本框写name）

    开始

    ”地址” method=”get/post”/>

    结束：

     

    用户名”text” name”” maxlength=”10” placeholder=”用户名2~6位数”/>

    maxlength几位数的限制

    密码”password” name=””/>

    ”submit” value=”提交”/>

    性别：”radio” name=”” value=”boy” id=”zz” checked=”checked(默认被选中)”/>”zz”>男

    ”radio” name=”” value=”girl” id=”ss”/>”ss”>女点击字依旧能选择在男女的<>里加id=””名字，后面加”>女

    checked=”checked(默认被选中)”只能在checkbox,radio中用；

    type单选

    兴趣爱好（多选）”checkbox” name=”” value=”eat”/>按时吃饭

    checkbox多选

     <form>

      上传文字：<input type=”file” name=”upload” hidden=”hidden”(隐藏属性)/><br/>

    所在城市：<select name="ciry"><selected=”selected”>默认被选中

     

    <option value="qd" selected=”selected”(默认选中)>青岛

    <option value="yt">烟台

    <option value="jn">济南

    <option value="jd">胶东

    select><br>

    简介:<textarea rows="3" cols="5" name="jianjie" readonly=”readonly”>我是textarea><br/>

    disabled="disabled" 禁止使用 readonly只读

    <input type="reset" value="重置">

       

    ”hidden” name=”blank-num” value=”k123”>

    邮箱：”email” name=””>

    年龄：”number” name=”age” min=”1” max=”99” step=”1”>

        生日：年

    月

     

    min最小值；max最大值；step

    Css

    该改段落里面的个别字体

    内部样式

    必须在前面添加

    {color：#00 00 00}

    颜色变化(查颜色rgb)：#00（red） 00(green) 00(blue)

    {color#000/#rgb（rgb泛指代码）}

    十六进制

    Ctrl+shift+/

    Ctrl+shift+\：消除
    /

    字体风格{font-style：italic(倾斜)}

    Normal(垂直)

    Font-weight字体粗细{font-weight:700px;}

    normal标准字体

    font-size改字体大小{font-size:90px}

    字体类型{font-family：隶书}

    {Border：10px solid red}；border边框 solid实现

    在一串文字中添加所有属性Font:1.style 2.weight 3.size 4.family

    行内样式；分别变化

    标签

    样式位置：1行内标签（最大）:标签内,单独添加

    ”color:green;”>

     

    2内部（改所有）：<style type="text/css">

    p{color:green;

    font-size:14px;}

    style>

    head>

    3外部（插入）<link rel="stylesheet" type="text/css" href="新路径.css"/>

    选择器：span圈字

    A.行内(最大)<style type="text/css">

    p{color:green;

    font-size:14px;}

    style>

     

    B.类选择器:（挑不同的标签）

    插入<p class="aaa">疑是银河落九天.p>

    <span class="bb">我是你在你以为举不俊

    span一行中仅一块变色

       <h4 class="aaa">生活</h4>

    C.ID选择器（不能重）：只能管第一个，就加一个，

    <p id="myid">飞流直下三千尺,p>

    超链接上＋颜色

    a{color:red;}

    <a href="https://daohang.qq.com/?fr=hmpage">慈文传媒集团a>

    层次选择器

    1. 后代选择器：E F
    2. 子代选择器：E>F（选中儿子辈的）
    3. 紧邻兄弟选择器（同辈，紧跟在后面）：（类选择器+F)
    4. 通用兄弟选择器（只能选中后面的兄弟）：E~F（类选择器~F）
    5. 交集：（E类选择器）
    6. 并集：（E，类选择器）
    7. 结构伪类选择器
    1. Ul li:first-child{}
    2. Ul li Last-child{}

    3.nth-child(n):例子p:nth-child(2){}先数个数，在看类型

    4. (body p:first-of-type{}先数类型,在数第几个

    5.  body p:last-of-type{}

    6. body p:nth-of-type(n){})

    1. 属性选择器：a【id】

    a【id=img】=具体

    a[id^=img]^表看开始的单词

    a[id$=img]$表看结尾的单词

    a[id*=img]*表看中间的单词

    美化页面

    1.Font-weight字体粗细{font-weight:700px;}

    normal标准字体bold加粗，bolder更粗lighter更细

    2.字体风格{font-style：italic(倾斜)}

    normal(垂直)

    3.字体类型{font-family：隶书}

    {Border：10px solid red} border边框 solid实现

    1. 在一串文字中添加所有属性Font:1.style 2.weight 3.size 4.family
    2. 文本{text-align:cente r;justify(文本两端对齐)

    Text-decoration（文本装饰）:underline

    (下划线)line-through;(中间线)overline;(上划线)

     

    Text-indent:40px;(首行缩进)

    Line-height(行高):10px（em）;}

    • 去掉超链接中下划线ａ｛Text-decoration；none;｝
    • {Color:rgba(a控制透明不透明)（255,0,0,1）;}
    • Img{vertical(垂直)-align:middle、top、bottom’;}

     

    文本阴影：

    {text-shadow:color x(+10px) y(-10px) 0.5px(阴影模糊半径)}

    伪类样式

    选择器：伪类名{样式；}

    hover当鼠标指向时变样式,a:hover{}

    改变列表样式

    ul{List-style-type:square(方块);decimal（数字）;circle（空心圆）;disc（实心圆）；none（无标记）;/*控制黑点样式*/}

    背景色{background-color:red;}

    背景图

    {background-image:url(“”);

    Background-repeat( 背 景 图 重 复 ） :no-repeat(repeat-x/repeat-y);

    Background-position(背景图位置):150px（x右正左负） 150px（上负下正）;

    Background-size:cover(覆盖)；percentage（百分比）;contain

    线性渐变

    {background:-webkit-（搜狗内核前缀）linear-gradient（left （ 起 点）,blue,white）；}

    Background:-webkit-linear-gradient(left,white,blue)IE浏览器是Trident内核，加前缀：-ms-

    Chrome浏览器是Webkit内核，加前缀：-webkit-

    Safari浏览器是Webkit内核，加前缀：-webkit-

    Opera浏览器是Blink内核，加前缀：-o-

    Firefox浏览器是Mozilla内核，加前缀：-moz-

     

    盒子

     

    1. div{i.border:1px solid blue;

    ii.分部写border-top-width:5px;

    border-top-color:red上边框颜色

    iii.border-style:double双实线；solid实dashed虚（上右下左看对门

    （border-bottom:1px solid blue;）

    1. {margin外填充-top:0px}

    {img src=”img/manor-2.jpg”}

    图片填充img {margin-left:0px auto；margin-top:10px;}

    {text-align:center;}

    1. padding内填充
    2. 控制弧度左1顺时针排列border-radius: 20px  10px  50px  30px;

    圆{border-radius:50%;}

    5.控制盒子的大小box-sizing：content-box （可变动） |  border-box  （不变）|  inherit;

    6.box-shadow:inset(上往下)/ 10px(x轴) 10px 5px black;

    第七章

    display

    display:inline;不换行，没有原来的体积

    inline-block;不换行，没有原来的体积，使块元素排在一行

    none不会显示

    display:none；隐藏   

    Block换行

    float浮动

    {float:left;  |right;  |none;不变}

    {Clear:清除浮动}

    left

    在左侧不允许浮动元素

    right

    在右侧不允许浮动元素

    both

    在左、右两侧不允许浮动元素

    none

    默认值。允许浮动元素出现在两侧

     

    {overflow溢出：scroll滚动/hidden隐藏}

     

    <li><button>登录button>li>

      <li><button id="btn2">开通超级会员button>a>li>

    button按钮

    移动图片位置Position

    {Position:relative/*相对自己的位移，不会脱离文档*/

    absolute；/*绝对位移，会脱离文档流*/(若自己当前最近父级盒子没定位，找他定位；若他进行了定位，相对浏览器定位}

    {Position:relative；left:10px;top:20px;}

    控制透明度{Opacity:0.5px;}数值越小，透明度越高

    覆盖z-index:3/2/1大的覆盖小的

    第九章

    设置变形函数，可以是一个，也可以是多个，中间以空格分开；

     

    {transform:translate(230,230) scale(2); }

    平移函数Translate；

    缩放Scale（2）（x,y）

    x即表示宽度的缩放量，y轴即高度的缩放量

    旋转Rotate（250deg）

    倾斜Skew（x,y）

    X即x轴的倾斜程度，y即y轴的倾斜程度

    过渡Transition:all/（过渡或动态模拟的CSS属性

    ）  transition-duration（完成过渡所需要的时间

    ）  transition-timing-function（指定过渡函数

    ）   transition-delay（过渡开始出现的延迟时间

    ）

    类举：div:hover{

    transform:skew(20deg);

    transition:all 0.6s linear;

    }

     

     

    ease：速度由快到慢（默认值）

    linear：速度恒速（匀速运动）

    ease-in：速度越来越快（渐显效果）

    ease-out：速度越来越慢（渐隐效果）

    ease-in-out：速度先加速再减速（渐显渐隐效果）

     

    动画

       定义：@keyframes aaa {

    0% {width:0;}

       33% {width:23px;}

       66% {width:46px;}

       100% {width:69px;}

     }

    Img{animation:aaa 3s ease forwards;}

    {animation:name  动画时间

    动画方式  延迟时间 动画的播放次数 的播放方向 动画的播放状态

     动画开始之前和结束之后发生的操作;}

    动画的播放方向（animation-direction）

    normal，动画每次都是循环向前播放

    alternate，动画播放为偶数次则向前播放

    动画的播放状态（animation-play-state）

    running将暂停的动画重新播放

    paused将正在播放的元素动画停下来

     

    你可能感兴趣的:(“曾经”html基础笔记)

    • swagger访问路径 igotyback swagger
      Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
    • html 中如何使用 uniapp 的部分方法 某公司摸鱼前端 htmluni-app前端
      示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
    • 四章-32-点要素的聚合 彩云飘过
      本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
    • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
      ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
    • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
      ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
    • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
      Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
    • 似乎，发生了很多事情 阿皮Ponder
      似乎，有很多事情正在发生。今天，我跟夫人陪着孩子走进来幼儿园，人生头一回以孩子家长的身份参加了小小的班级家长会。在幼儿园，遇见老同学。从2017年开始失联，因为对方遇到了一些事情，跟大家都失去了联系，今日再见面，分外激动，他拉着我一直聊，一直聊。感谢我们的孩子。孩子有点咳嗽，去医院做了检查。叔叔家的两个妹妹开始了高中生活，新的开始。过去看望，遇到一位老师，很是面熟。咨询之下，果然，曾经初中母校的老
    • 烟花美，但瞬间即逝的样子像极了爱情。 胡萝卜很甜
      我见过烟花在天上绽放时绚烂的模样也目睹过爱情消逝曾经相爱的两人变冷漠的样子其实我特别喜欢烟花绽放的艳丽大年初一凌晨的烟花手机拍的没有眼睛看到的美但是烟花虽美，稍纵即逝，眼睛刚记录下它的美好，就转眼消失不见。天空又恢复一片黑。烟花的样子像极了爱情啊……不论曾经多么山盟海誓，海枯石烂。只要吵架或者分手。就变得那么冷漠，那么陌生。你甚至开始怀疑你有过爱情么？真正的爱情到底是什么样子。来的快去的也快么？对
    • 数据仓库——维度表一致性 墨染丶eye 背诵数据仓库
      数据仓库基础笔记思维导图已经整理完毕，完整连接为：数据仓库基础知识笔记思维导图维度一致性问题从逻辑层面来看，当一系列星型模型共享一组公共维度时，所涉及的维度称为一致性维度。当维度表存在不一致时，短期的成功难以弥补长期的错误。维度时确保不同过程中信息集成起来实现横向钻取货活动的关键。造成横向钻取失败的原因维度结构的差别，因为维度的差别，分析工作涉及的领域从简单到复杂，但是都是通过复杂的报表来弥补设计
    • 心有蓝天白云，爱情便会晴空万里，然后有花香有鸟鸣有美好的未来 曹十二吖
      丁南的婚姻，来自于一场她对生命的对比。她曾经说过，当她最爱的母亲用生命去逼迫她结婚的时候，她曾一度不理解到愤怒，甚至于想过用轻生来对抗母亲的不理智。庆幸的是，丁南是一个自我调节能力非常强的人，她想如果我连死亡都不怕，还怕不能经营好一段婚姻吗？抱着这样的念头，24年没有谈过恋爱的她，用短短三个月的时间，完成了少女到女人的蜕变。她曾经说过：“我要把自己最珍贵的东西留给自己命中注定的那个人。”闺蜜几人中
    • 【穿过丛林看见你】2015年在《诗歌报》读诗日记（一） 快快_ce70
      写完《三月的领土》和《手握一把锄头，在翻动诗歌的春天》之后，安稳的睡了个好觉，这是从2013年的五月之后，第一次睡的如此安稳和香甜。其实这对于我来说，也没有什么特别的意义和变故，就像我现在的生活在人人忙着踏青、写生、拍照的春天。在我脚下，没有领土的完整，也没有加剧的破碎。我曾经和现在都是个辛勤的“蜂农”，在这样一个角色里，尽管有人盗走了我所有的蜜，但不妨碍我对甜蜜的不懈追求和喜爱。翻开最近的阅读笔
    • 读书为什么这么难，听拆书帮赵周怎么说。 董小萌读书
      赵周的《这样读书就够了》提炼了成年人读书难的三个问题。问题一：没时间、没精力这是压力与学习的矛盾问题二：看不懂、记不住这是搞错了学习主体其实，我们大多数人在学习主体是谁的问题一直都很模糊。问题三：看不下去这是学习目的不明确，说白了就是不知道为啥而看。也许你会觉得这话有点一竿子打死一片的劲头。不急着反驳，可以回忆一下，哪本书，哪类书，是你曾经读完了，并在脑海中至今还留下痕迹的？是的。成年人的读书，是
    • 99分的A和60分的B以及…… MG12357
      前几天聊天，麦苗说起A和B，A在世人眼中过的不错，他自己却整天焦虑各种烦恼；B过的不算好，看着倒是没什么烦恼很开心。其实这个现象也不奇怪，还记得我上学那会儿就有这种体会。A同学明明考了99分，还是伤心难过不能自已，还找人抱怨，同学安慰她的时候心里还会默默说一句“学婊，花样炫耀啊”。而B同学可能才考60分，就欢天喜地甚至喜极而泣，很多同学可能还会不屑的在心里想“这点出息”。也许我曾经也是这样想的，现
    • 到现在才发现自己有病 骑着大脑去南极
      原来人们真的喜欢对某一概念设限的，为什么这么说的，如果说工作，你可能在脑子浮现出的工作的大概印象就是被动的干着不喜欢的活，被动拿着那些微薄的工资的场景。但是也不排除可能把工作想成成长的样子的人，只是这种物种很少吧。就比如像病这个概念，大部分可能仅仅就把他局限在身体上出现的异常不舒服状况称之为病，直到近代才把病拓展到精神层面。。。最近才发现原来在精神层面上是有病的，原来曾经认为自己是一个无比健康的小
    • 改变的魔力 墨泉书院
      我的师父王金宪教导我说：“我们总是在努力创造一个自己所认为的世界。”昨天下午紫羽轩会员课前，有一个妈妈满脸幸福的给我们分享了她改变，老公跟着改变的故事。她说她跟老公特别相爱，但是在教育孩子的问题上分歧不断，他认为做为父亲，老公就应该成为孩子的榜样，晚上下班回到家，不能看电视，而是去学习读书，提升自己，让孩子看到自己的爸爸是一个多么积极向上的人，这样子当爸爸才合格么。听了她的分享，我在心里说，曾经我
    • 自由职业态 2017/12/15 jojovicky
      比较适合我个人成长与发展期。为什么这么说，从小，家庭给予我相对自由的成长空间，长大后在学业与职业上也是给予自由。除了商科专业是家长提供建议外，其它专业是建立在个人兴趣与需要基础上。这是自己成为自由职业态与心态的由来。在各专业中不仅结识了同学朋友甚至成为今天的合作小伙伴。这也是奠定了自由职业态的基石。曾经为了平衡家庭孩子以及工作，我选择了进入学校当一名老师，特此感谢我的老板（伯乐）和先生以及家人给予
    • 你会在哪里？ 紫墨是个小疯子呀
      留恋初始的你，想念现在的你，憧憬未来还有你。图片发自App离别不过三言两语，内心却是千言万语，再好的甜言蜜语也似荒唐可笑的话语。曾经以为，分开是多大一点儿事，可真到了那一天，还是会发现自己是格外的幼稚。幼稚到突然微笑，想念你的怀抱；幼稚到突然的无理取闹，怀念你的味道。即便相隔这么久，还是依然清晰的记得你的容貌，还是会时不时的想起你的过往；即便相隔如此久，还始终清醒的知道很爱你，还是会时刻牢记你的小
    • 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython
      目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
    • 详解：如何设计出健壮的秒杀系统？ 夜空_2cd3
      作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
    • 第二十五辑-安尘乱物 wallowed
      1、《劳犁》作犁耕土解炎林，劳碌秋丰四两金。挥汗佝偻衣褴褛，卖得如洗衬寒贫。春种南山锄造力，傍老倚仗体民心。颗籽无收黍稷尘，农田饥劬苦疫病。牛羊冷炙食蚕桑，丁壮耒耜宿闲勤。归来未已开红豆，篱落花稀麦苗青。米贵征徭生柴火，荒草凄清渐鸡鸣。谷雨时节方期许，择日又是复曾经。2、《忘言》久别似相识，对酒客长安。嘘唏一仗夜，临行却忘言。江雪空投岸，梨花淡云烟。若问有缘人，相窥两不厌。莫作酒魂归，窗台结生寒。
    • 误落尘网中，一去三十年 不会功夫的谭大侠
      图片发自App图片发自App图片发自App《财富自由之路》中开篇就讲述了财富自由的目的是为了时间自由，高中觉得每个月一千块是财富自由，大学觉得每个月两千块是财富自由，毕业时觉得每个月五千是财富自由，现在感觉每个月一万都不一定自由。思来想去，货币贬值也没有这么快，还是自己欲望太大了，欲壑难填。大学有一个梦想去西藏，当时觉得两千块就能去，现在感觉有一万都不够。膨胀了啊！曾经想过时间自由了干什么，我就半
    • 当一个人熬过了所有…… 爱记录的伍陆柒
      前几天在知乎上见到有人发问：“生活中那些不如意的事，为什么每次都只让我一个人来承受？”下面一条点赞量最高的回答是：“你要知道，每一个学会游泳的人，依靠的，都不是他人的扶持。同样，世间苦，只可自渡。”曾经有人说：就算我熬过了这场暴风雨又怎样呢？雨停了，我还要面对这场暴风雨留下来的满地泥泞。是啊，生活就是这样，永远都是问题叠着问题，但是这又怎么样呢？那些让你头疼的泥泞，那些让你忍住的眼泪，和那些你以为
    • 愿你无病无灾，余生由我宠你 沐眠_a1fa
      01愿你无病无灾，余生由我宠你图片来源网络，侵权联系删图曾经在书中看到这样一段话：人老了就活成‘大孩子’了，需要你像当初他拉扯你长大一样去拉扯他了。”以前没有什么感触。但是这段时间，生病后到现在，我明显感觉你就是一个‘大孩子’，我们不许，你偏要，我们说你，你也会闹脾气，就活生生像一个三岁小孩。有时候，我真的很烦，很想对您发火，但是最后还是不了了之，因为看到那样的您，我真的不知道该如何开口。在几个月
    • 有心栽花花不发，无心插枝枝发芽 幽默静好
      今年的倒春寒来势凶猛，仿佛一夜之间，开得热热闹闹的迎春花，便像是使完了力气，结束了一年一度的花期。小区里的园丁是勤劳的，将那些开败了的枝条进行精心修剪，我散步路过，看见堆在地上的不少，便随手捡了几枝。记不得曾经在哪里看过，说迎春花很好种植，只要捡略粗的枝条，随便插在花盆里，按时浇浇水就能成活。我也想试一试。回家找了个小花盆，将捡来的枝条剪成几小节，将盆插满。放在了阳台的一个角落里。说实话，我没太在
    • 《海思沧海诗集》（2022年）如果没有你（170） 海思沧海
      如果没有你文/海思沧海或许我还没有去认真去想过，只是早已经习惯你的一切就像我们在不自觉中遇见，在不自觉中走过那么多年又到雨季，或许我们还会想起曾经的雨季或许生活只是平平常常，只是守候着曾经的那份甜蜜就像每一次你告诉我梦中的故事，或许一辈子时间并不是很长一切还没来得及感受，好像错过很多很多。就在阴雨连绵的雨季也许还可以记得曾经的古镇，那音乐穿过的夜空如果所有的恋情都是因为那份喜欢，永远无法改变的感觉
    • 斟一小组鸡血视频 和自己一起成长
      http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa
    • 正常化的同理 迷你旅客
      郑璐宜昌焦点网络中级七期原创持续分享第214天SBFT的同理方式除了反应来访者的感受之外，更会暗示事情有其他可能性的存在，以试图动摇来访者的负面感受，改变她的自我觉知。其原则包括：1、将来访者所说的内容以“过去式”的动词（如：加上“曾经”）进行回应，暗示现在的负向可以成为过去。2、把来访者所用的含绝对性、强烈性的字眼，换为严重程度较低或发生比例较少的用字。例如，来访者说：“每天总是觉得快要发疯了。
    • Dockerfile命令详解之 FROM 清风怎不知意 容器化java前端javascript
      许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用
    • 【诗歌】虾皮汤·想念 九月咖胖糖
      虾皮坠入开水的柔情焦灼了自己艰苦的曾经舀起一口黄昏的思念记忆的支离拨动了自己淡然的神经童年的下水道子依然囚禁着天空木梯子拐角的蜘蛛网又织着谁的苍老那碗热气腾腾的虾皮汤是否在某个瞬间微漾着你的鹤发童颜图片发自App
    • 《HTML 与 CSS—— 响应式设计》 陈在天box htmlcss前端
      一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
    • 开发者关心的那些事 圣子足道 ios游戏编程apple支付
      我要在app里添加IAP，必须要注册自己的产品标识符（product identifiers）。产品标识符是什么？ 产品标识符（Product Identifiers）是一串字符串，它用来识别你在应用内贩卖的每件商品。App Store用产品标识符来检索产品信息，标识符只能包含大小写字母（A-Z）、数字（0-9）、下划线（-）、以及圆点(.)。你可以任意排列这些元素，但我们建议你创建标识符时使用
    • 负载均衡器技术Nginx和F5的优缺点对比 bijian1013 nginxF5
              对于数据流量过大的网络中，往往单一设备无法承担，需要多台设备进行数据分流，而负载均衡器就是用来将数据分流到多台设备的一个转发器。         目前有许多不同的负载均衡技术用以满足不同的应用需求，如软/硬件负载均衡、本地/全局负载均衡、更高
    • LeetCode[Math] - #9 Palindrome Number Cwind javaAlgorithm题解LeetCodeMath
      原题链接：#9 Palindrome Number   要求： 判断一个整数是否是回文数，不要使用额外的存储空间   难度：简单   分析： 题目限制不允许使用额外的存储空间应指不允许使用O(n)的内存空间，O(1)的内存用于存储中间结果是可以接受的。于是考虑将该整型数反转，然后与原数字进行比较。 注：没有看到有关负数是否可以是回文数的明确结论，例如
    • 画图板的基本实现 15700786134 画图板
       要实现画图板的基本功能，除了在qq登陆界面中用到的组件和方法外，还需要添加鼠标监听器，和接口实现。 首先，需要显示一个JFrame界面： public class DrameFrame extends JFrame {              //显示
    • linux的ps命令 被触发 linux
      Linux中的ps命令是Process Status的缩写。ps命令用来列出系统中当前运行的那些进程。ps命令列出的是当前那些进程的快照，就是执行ps命令的那个时刻的那些进程，如果想要动态的显示进程信息，就可以使用top命令。 要对进程进行监测和控制，首先必须要了解当前进程的情况，也就是需要查看当前进程，而 ps 命令就是最基本同时也是非常强大的进程查看命令。使用该命令可以确定有哪些进程正在运行
    • Android 音乐播放器 下一曲 连续跳几首歌 肆无忌惮_ android
      最近在写安卓音乐播放器的时候遇到个问题。在MediaPlayer播放结束时会回调 player.setOnCompletionListener(new OnCompletionListener() { @Override public void onCompletion(MediaPlayer mp) { mp.reset(); Log.i("H
    • java导出txt文件的例子 知了ing javaservlet
      代码很简单就一个servlet,如下： package com.eastcom.servlet; import java.io.BufferedOutputStream; import java.io.IOException; import java.net.URLEncoder; import java.sql.Connection; import java.sql.Resu
    • Scala stack试玩, 提高第三方依赖下载速度 矮蛋蛋 scalasbt
      原文地址： http://segmentfault.com/a/1190000002894524 sbt下载速度实在是惨不忍睹, 需要做些配置优化 下载typesafe离线包, 保存为ivy本地库 wget http://downloads.typesafe.com/typesafe-activator/1.3.4/typesafe-activator-1.3.4.zip 解压r
    • phantomjs安装(linux，附带环境变量设置) ，以及casperjs安装。 alleni123 linuxspider
      1. 首先从官网 http://phantomjs.org/下载phantomjs压缩包，解压缩到/root/phantomjs文件夹。 2. 安装依赖 sudo yum install fontconfig freetype libfreetype.so.6 libfontconfig.so.1 libstdc++.so.6 3. 配置环境变量 vi /etc/profil
    • JAVA IO FileInputStream和FileOutputStream，字节流的打包输出 百合不是茶 java核心思想JAVA IO操作字节流
      在程序设计语言中，数据的保存是基本，如果某程序语言不能保存数据那么该语言是不可能存在的，JAVA是当今最流行的面向对象设计语言之一，在保存数据中也有自己独特的一面，字节流和字符流 1，字节流是由字节构成的，字符流是由字符构成的 字节流和字符流都是继承的InputStream和OutPutStream ,java中两种最基本的就是字节流和字符流   类 FileInputStream
    • Spring基础实例（依赖注入和控制反转） bijian1013 spring
      前提条件：在http://www.springsource.org/download网站上下载Spring框架，并将spring.jar、log4j-1.2.15.jar、commons-logging.jar加载至工程1.武器接口 package com.bijian.spring.base3; public interface Weapon { void kil
    • HR看重的十大技能 bijian1013 提升能力HR成长
          一个人掌握何种技能取决于他的兴趣、能力和聪明程度，也取决于他所能支配的资源以及制定的事业目标，拥有过硬技能的人有更多的工作机会。但是，由于经济发展前景不确定，掌握对你的事业有所帮助的技能显得尤为重要。以下是最受雇主欢迎的十种技能。 　　一、解决问题的能力 　　每天，我们都要在生活和工作中解决一些综合性的问题。那些能够发现问题、解决问题并迅速作出有效决
    • 【Thrift一】Thrift编译安装 bit1129 thrift
      什么是Thrift The Apache Thrift software framework, for scalable cross-language services development, combines a software stack with a code generation engine to build services that work efficiently and s
    • 【Avro三】Hadoop MapReduce读写Avro文件 bit1129 mapreduce
      Avro是Doug Cutting(此人绝对是神一般的存在）牵头开发的。 开发之初就是围绕着完善Hadoop生态系统的数据处理而开展的（使用Avro作为Hadoop MapReduce需要处理数据序列化和反序列化的场景）,因此Hadoop MapReduce集成Avro也就是自然而然的事情。 这个例子是一个简单的Hadoop MapReduce读取Avro格式的源文件进行计数统计，然后将计算结果
    • nginx定制500，502，503，504页面 ronin47 nginx　错误显示
      server { listen 80; error_page 500/500.html; error_page 502/502.html; error_page 503/503.html; error_page 504/504.html; location /test {return502;}} 配置很简单，和配
    • java-1.二叉查找树转为双向链表 bylijinnan 二叉查找树
      import java.util.ArrayList; import java.util.List; public class BSTreeToLinkedList { /* 把二元查找树转变成排序的双向链表 题目： 输入一棵二元查找树，将该二元查找树转换成一个排序的双向链表。 要求不能创建任何新的结点，只调整指针的指向。 10 / \ 6 14 / \
    • Netty源码学习-HTTP-tunnel bylijinnan javanetty
      Netty关于HTTP tunnel的说明： http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/socket/http/package-summary.html#package_description 这个说明有点太简略了 一个完整的例子在这里： https://github.com/bylijinnan
    • JSONUtil.serialize(map)和JSON.toJSONString(map)的区别 coder_xpf jqueryjsonmapval()
       JSONUtil.serialize(map)和JSON.toJSONString(map)的区别   数据库查询出来的map有一个字段为空   通过System.out.println()输出 JSONUtil.serialize(map)： {"one":"1","two":"nul
    • Hibernate缓存总结 cuishikuan 开源sshjavawebhibernate缓存三大框架
      一、为什么要用Hibernate缓存？ Hibernate是一个持久层框架，经常访问物理数据库。 为了降低应用程序对物理数据源访问的频次，从而提高应用程序的运行性能。 缓存内的数据是对物理数据源中的数据的复制，应用程序在运行时从缓存读写数据，在特定的时刻或事件会同步缓存和物理数据源的数据。   二、Hibernate缓存原理是怎样的？ Hibernate缓存包括两大类：Hib
    • CentOs6 dalan_123 centos
      首先su - 切换到root下面1、首先要先安装GCC GCC-C++ Openssl等以来模块：yum -y install make gcc gcc-c++ kernel-devel m4 ncurses-devel openssl-devel2、再安装ncurses模块yum -y install ncurses-develyum install ncurses-devel3、下载Erang
    • 10款用 jquery 实现滚动条至页面底端自动加载数据效果 dcj3sjt126com JavaScript
        无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术，它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果，改变了一直以来只能通过点击下一页来翻页这种常规做法。 无限滚动自动翻页技术的鼻祖是微博的先驱：推特(twitter)，后来必应图片搜索、谷歌图片搜索、google reader、箱包批发网等纷纷抄袭了这一项技术，于是靠滚动浏览器滚动条
    • ImageButton去边框&Button或者ImageButton的背景透明 dcj3sjt126com imagebutton
      在ImageButton中载入图片后，很多人会觉得有图片周围的白边会影响到美观，其实解决这个问题有两种方法 一种方法是将ImageButton的背景改为所需要的图片。如：android:background="@drawable/XXX" 第二种方法就是将ImageButton背景改为透明，这个方法更常用 在XML里；    <ImageBut
    • JSP之c:foreach eksliang jspforearch
      原文出自：http://www.cnblogs.com/draem0507/archive/2012/09/24/2699745.html <c:forEach>标签用于通用数据循环，它有以下属性 属 性 描 述 是否必须 缺省值 items 进行循环的项目 否 无 begin 开始条件 否 0 end 结束条件 否 集合中的最后一个项目 step 步长 否 1
    • Android实现主动连接蓝牙耳机 gqdy365 android
      在Android程序中可以实现自动扫描蓝牙、配对蓝牙、建立数据通道。蓝牙分不同类型，这篇文字只讨论如何与蓝牙耳机连接。 大致可以分三步： 一、扫描蓝牙设备： 1、注册并监听广播： BluetoothAdapter.ACTION_DISCOVERY_STARTED BluetoothDevice.ACTION_FOUND BluetoothAdapter.ACTION_DIS
    • android学习轨迹之四：org.json.JSONException: No value for hyz301 json
      org.json.JSONException: No value for items  在JSON解析中会遇到一种错误，很常见的错误   06-21 12:19:08.714 2098-2127/com.jikexueyuan.secret I/System.out﹕ Result:{"status":1,"page":1,&
    • 干货分享：从零开始学编程 系列汇总 justjavac 编程
      程序员总爱重新发明轮子，于是做了要给轮子汇总。 从零开始写个编译器吧系列 (知乎专栏) 从零开始写一个简单的操作系统 (伯乐在线) 从零开始写JavaScript框架 (图灵社区) 从零开始写jQuery框架 (蓝色理想 ) 从零开始nodejs系列文章 (粉丝日志) 从零开始编写网络游戏 
    • jquery-autocomplete 使用手册 macroli jqueryAjax脚本
      jquery-autocomplete学习 一、用前必备 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ 当前版本：1.1 需要JQuery版本：1.2.6 二、使用 <script src="./jquery-1.3.2.js" type="text/ja
    • PLSQL-Developer或者Navicat等工具连接远程oracle数据库的详细配置以及数据库编码的修改 超声波 oracleplsql
      　　在服务器上将Oracle安装好之后接下来要做的就是通过本地机器来远程连接服务器端的oracle数据库，常用的客户端连接工具就是PLSQL-Developer或者Navicat这些工具了。刚开始也是各种报错，什么TNS:no listener;TNS:lost connection;TNS:target hosts...花了一天的时间终于让PLSQL-Developer和Navicat等这些客户
    • 数据仓库数据模型之：极限存储--历史拉链表 superlxw1234 极限存储数据仓库数据模型拉链历史表
      在数据仓库的数据模型设计过程中，经常会遇到这样的需求： 1. 数据量比较大; 2. 表中的部分字段会被update,如用户的地址，产品的描述信息，订单的状态等等; 3. 需要查看某一个时间点或者时间段的历史快照信息，比如，查看某一个订单在历史某一个时间点的状态，    比如，查看某一个用户在过去某一段时间内，更新过几次等等; 4. 变化的比例和频率不是很大，比如，总共有10
    • 10点睛Spring MVC4.1-全局异常处理 wiselyman spring mvc
      10.1 全局异常处理 使用@ControllerAdvice注解来实现全局异常处理; 使用@ControllerAdvice的属性缩小处理范围 10.2 演示 演示控制器 package com.wisely.web; import org.springframework.stereotype.Controller; import org.spring