april_aaa

前端基础 - HTML&CSS

前端的东西学了有一阵子了，感觉都是比较零碎的东西，属于一学就会，一放下就忘的类型。所以就回看了视频做了笔记，对零碎的点做了梳理，方便日后自己需要的时候回看。

1. HTML - head

标签大多成对出现（主动标签），标签只允许出现一对。不成对出现的标签成为自闭合标签，如
标签中可以定义属性
标签中 80% 的信息不能被看到。（title 看得到）
标签用来写 css 样式。
能在 head 中写 javascript 代码。
引入 css 的标签

2. HTML - body

➡️ 段落
➡️ 标题，1代表一级标题，数字支持 1-6
行内标签，span 是白板标签，能被 css 随意修饰。与行内标签对应的是块级标签
➡️ 换行
块级标签

常用属性：
另外，type 分为：checkbox (checked="checked"), text, password, button, radio (单选框)
radio 的使用：两个 input 的 name 相同时，radio 选择互斥
重要的属性：name="username", name 用来与后段交互，对应后端的 key（username 只是举例）
通过 value 属性拿到输入值
button 和 submit，button 无任何效果，submit 与 form 表单联用

与关联使用（通过 id）

1 <label for="user">label> 
2 <input id="user">

- 以上操作会把 username 和 password 当作参数放在 URL
< ➡️ 左尖括号
> ➡️ 右尖括号
➡️ 空格

➡️ 多行文本

<textarea> 多行文本默认信息 textarea>

➡️ 下拉框，搭配以下内容一起用：

1 <select name="city">
2     <option value="1">济南option>
3     <option value="2">青岛option>
4 select>

1 <select name="city">
2     <optgroup label="山东省"> 
3         <option>济南option> 
4         <option>青岛option> 
5     optgroup>
6 select>

➡️ 超链接标签

<a href="http://www.baidu.com" target="_blank">百度a>
<a href="#demo">铆点，跳转到 id=“demo” 的标签处 a>

➡️ 图片

<img src="图片出处" title="鼠标悬浮文字" alt="加载失败时显示的文字">

➡️ 表格

 1 <table>
 2     <thead> /*表头*/
 3         <th>idth>
 4         <th>请求方式th>
 5     thead>
 6     <tbody> /*表体*/
 7         <tr> /*行*/
 8             <td> 1 td>
 9             <td> get td>
10         tr>
11     tbody>
12 table>

需合并单元格的时候，横向合并只需在相应标签中添加 colspan="2" 的属性，2 为单元格的个数；

竖向合并时，rowspan=“2”，相应被合并的单元格就不必添加对应内容了

ul li

 1 <ul>  //无序列表
 2     <li> 狮子座♌️ li>
 3     <li> 白羊座♈️ li>
 4 ul>
 5 
 6 <ol>  //有序列表
 7     <li> 狮子座♌️ li>
 8     <li> 白羊座♈️ li>
 9 ol>
10 
11 <dl>  //缩进格式
12     <dt> 狮子座♌️ dt>
13     <dd> 白羊座♈️ dd>
14 dl>

3. CSS

css 选择器

<body>
    <div id="id1">div>
    <div class="class1">div>
    <div>
        <span>span>
    div>
    <div id="id2">
        <span>今天span>
    div>
    <div id="id3" class="..." april="april">div>
body>

id 选择器

#id1{
    width: 100px;
    background: blue;
}

class 选择器

.class1{
    width: 100%;
    height: 100px;
}

标签选择器

div{
    width: 100%;
    height: 100px;
}

- 层级选择器（还可以使用 id 层级选择器、class 层级选择器，将 div 改为"#id1" 或 ".class1"）
  - ```
  div span{
      width: 100%;
      height: 100px;
  }
```
- 属性选择器
  - ```
  div[april="april"]{
      width: 100%;
      height: 100px;
  }
```
- css 的样式，可以写在三个地方：div 的 style 属性中、标签中、文件引用。顺序为：离哪个近优先用哪个。

字体：

.c1{
    font-size: larger;
    font-weight: bolder;
}

边框：
- border: 1px red solid;
居中：
- text-align: center; //水平居中
- line-height: 100px; //这里的100px为边框的高度
float

float：left/right（可以实现块级标签在一行内展示）

块级标签和行内标签的转换、display 属性

display: inline; //块转行
display: block; //行转块

display: inline-bllock; //既是行内也是块，因为行内标签不支持使用宽高属性
display: none; //隐藏属性

外边距、内边距

margin-top: 10px;    //外边框的意思显而易见，不多做解释。margin: 10px 表示四周的边距，支持各个方向的边距

padding-top: 10px;    //内边距是指，以边框为准，向自身内侧扩充

分层（position）

position: fixed; 关于绝对定位的思考：div 是块级标签，如果不加 position 属性，两个 div 不会重叠，加了绝对定位，就会重合，为了防止遮挡内容，给下面的 div 增加外边框

<style>
    .c1{
        height: 48px;
        width: 100%;
        color: blue;
    }
    .temp{
        color: red;
        margin-top: 48px;
    }
    .c2{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
    }
style>

<body>
    <div class="c1 c2">div>
    <div class="temp">div>
body>

相对定位（外层：position: relative; 内层：position: absolute;）

 1 <style>
 2     .c1{  
 3         postion: relative;
 4         border: 1px red solid;
 5         height: 500px;
 6         width: 500px;
 7     }
 8     .c2{
 9         height: 80px;
10         width: 80px;
11         color: blue;
12         position: absolute;
13     }
14 style>
15 <body>
16     <div class="c1"> //外边框，以下四个方块
17         <div class="c2">div> //默认在左上
18         <div class="c2" style="right:0;top:0; color:green">div>
19         <div class="c2" style="right:0;bottom:0; color:red">div>
20         <div class="c2" style="left:0;bottom:0; color:yellow">div>
21     div>
22 body>

分层时的展示优先级（z-index，优先展示 z-index 值大的）

鼠标悬浮属性（鼠标悬浮时显示小）

<input type="button" value="Login" style="cursor:pointer">

图片填充（不做任何处理时，边框和图片默认从左上排列）

<style>
    .c1{
        height: 100px;
        width: 100px;
        border: 1px red solid;
        overflow: auto; //自适应，超出边框大小时有 scoll
        // overfllow: scoll; (不管是否超出边框都展示 scoll）
        // overflow: hidden; （裁剪）
    }
    .c2: hover{
        background-color:blue;    //鼠标悬浮变色
    }
style>
<body>
    <div class="c1">
        <img src="...">
    div>   
    <div class="c2">    //悬浮变色
    div>
body>

鼠标悬浮变色（如上）

背景图

 1 <style>
 2     .c3{
 3         width: 100px;
 4         height: 100px;
 5         background-img: url("...");
 6         background-repeat: repeat-x; //横向堆叠
 7         // repeat-y (竖向堆叠)
 8         // repeat:none(不堆叠)
 9     }
10 style>
11 <body>
12     <div class="c3">div>
13 body>

background-repeat: repeat; //平铺

背景图的位置展示

 1 <style>
 2     .c1{
 3         width:100px;
 4         height: 100px;
 5         background-img: url("...");
 6         background-position: 0 0;    // 0 0 分别代表 xy 轴
 7     }
 8 style>
 9 <body>
10     <div class="c1">div>
11 body>

此种方式的处理方式：减少网络 IO

日后的查漏补缺模块：

1. css文件的引用方式为

你可能感兴趣的:(前端基础 - HTML&CSS)

前端基础面试题·第三篇——JavaScript（其二） DT—— 前端面试 javascript 面试
1.深浅拷贝1.浅拷贝浅拷贝会创建一个新的对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝就是改引用类型的地址。//常见的浅拷贝1.Object.assign({},obj)//对象浅拷贝assign⽅法可以⽤于处理数组，不过会把数组视为对象，⽐如这⾥会把⽬标数组视为是属性为0、1、2的对象，所以源数组的0、1属性的值覆盖了⽬标对
VUE3学习路线蜡笔小新星 Vue 学习 vue 经验分享
以下是一份详细的Vue3学习路线，涵盖从基础到进阶的各个方面，以帮助你系统掌握Vue3开发。第一阶段：基础知识理解前端基础HTML:了解文档结构，常用标签，语义化HTML。CSS:学习选择器、布局、Flexbox和Grid，基本的样式应用。JavaScript:理解基本语法、DOM操作、事件处理、异步编程（Promises,async/await），以及ES6+特性（如箭头函数、解构赋值、模块化）
前端基础知识点 der.. html css javascript
本人现在是一名准大二计算机系的学生，准备开始写博客，一方面是想在csdn留下自己的足迹，另一方面是想通过写博客来提高自己的能力。以后会分享一些学习心得，程序代码，以及我的一些学习计划，还有每天学习后的知识总结。如果你和我一样，不甘于平凡，那么，就请给我点一个关注，我们互相交流，共同进步。--------------------------------------------------------
前端基础面试题·第三篇——JavaScript（其四） DT—— 前端面试 javascript 前端开发语言
highlight:atom-one-dark1.JSON.stringifyJSON.stringify()方法将一个JavaScript值（对象或者数组）转换为一个JSON字符串，如果指定了一个replacer函数，则可以替换值。语法：JSON.stringify(value,replacer,space)参数value：要转换的值。replacer：替换值，可以是一个函数或者数组。（这个参数
前端基础面试题·第二篇——CSS（其一） DT—— 前端面试前端 css
1.伪类与伪元素伪类，是用来描述元素的一个状态，比如第一个元素，元素被鼠标覆盖等等状态，写法为：伪元素，用于设置一个元素的特殊状态的一部分，写法为::伪元素于伪类：伪元素：::before::after::first-line伪类：:hover:active:focus:nth-child(n)2.单位px:像素，绝对单位em:相对单位，相对于父元素字体大小rem:相对单位，相对于根元素html的
前端基础面试题·第二篇——CSS（其二） DT—— 前端面试前端 css
1.CSS选择器的优先性：！important-强制生效样式-有即生效行内样式-有即生效权重：1000id选择器权重：100类选择器，伪类，属性选择器权重：10元素选择器，伪元素选择器，权重：1通配符，兄弟，后代，子代，权重：02.CSS继承性1.继承属性：1.字体系列属性font,font-family,font-weight,font-size,font-style,font-variant等
web前端基础——第八章 ZiminLi 技术栈笔记前端 javascript
目录八十五、对象的简介和基本操作八十六、属性名和属性值八十七、基本数据类型和引用数据类型八十八、对象字面量八十九、函数的简介九十、函数的参数九十一、函数的返回值九十二、实参可以是任何值九十三、返回值的类型九十四、立即执行函数九十五、方法九十六、枚举对象中的属性九十七、作用域（Scope）全局作用域变量的声明提前函数作用域九十八、this九十九、使用工厂方法创建对象一百、构造函数一百零一、原型对象一
python前端开发基础 GRKF15 python-前端 python 前端
1.Python前端基础教程概述Python作为一门多用途的编程语言，近年来在前端开发领域也展现出了其独特的优势。以下是对Python前端基础教程的概述，包括主要概念、工具和实践方法。1.1Python在前端开发中的应用Python在前端开发中的应用主要体现在以下几个方面：自动化测试：使用Python编写自动化测试脚本，提高测试效率。Web开发框架：利用Flask和Django等框架快速搭建Web
350页前端校招面试题直击大厂：前端基础、前端核心、计算机基础、项目、Hr面 2401_86400095 前端
**1.HTML2.CSS3.前端基础4.前端核心5.前端进阶6.移动端开发7.计算机基础8.算法与数据结构9.设计模式10.项目11.职业发展12.Hr面**正文HTML1.浏览器页面有哪三层构成，分别是什么，作用是什么?2.HTML5的优点与缺点？3.Doctype作用?严格模式与混杂模式如何区分？它们有何意义?4.HTML5有哪些新特性、移除了哪些元素？5.你做的网页在哪些浏览器测试过,这些
盘点简洁好用的8款静态网站搭建框架，小白易上手 AI码上来 AI 工具搭建网站前端
后台有个小伙伴最近接了一个私活，找了一个开源的静态网站框架，给一个小公司做了一个官网，部署到服务器上，顺手就赚了几千块钱。你眼红不？相对动态网站，静态网站不需要和后端的交互逻辑，所以只要有点前端基础都可以搞定。即使没有任何前端基础，也没问题，咱不是有GPT么？今天，就先给大家来盘点一下那些年简洁好用的静态网站框架。后续看情况给大家展示下：如何借助GPT+静态网站框架，搭建并部署一个网站。1.Wor
前端知识HTML&CSS 啵啵薯条前端前端 html css
目录1.前端开发介绍1.1认识前端开发1.2web标准2.HTML&CSS2.1HTML快速入门2.1.1操作2.1.2总结2.2开发工具2.3基础标签&样式2.3.1标题实现2.3.1.1标题排版2.3.1.1.1分析2.3.1.1.2标签2.3.1.1.2实现2.3.1.2标题样式2.3.1.2.1CSS引入方式2.3.1.2.2颜色表示2.3.1.2.3标题字体颜色2.3.1.2.4CSS选
前端基础入门三大核心之HTML篇：深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南 DTcode7 HTML网站开发 #前端基础入门三大核心之html HTML5 前端 web 前端三大核心网页开发
前端基础入门三大核心之HTML篇：深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南基础概念与作用说明PNG8PNG16PNG24PNG32代码示例与使用场景PNG8示例PNG24示例PNG32示例性能优化与最佳实践防范漏洞提示结语与讨论在网页设计与前端开发中，选择合适的图像格式是至关重要的一步，它直接关系到页面加载速度、视觉效果乃至用户体验。PNG作为一种广泛应用的图像格式
前端基础整理 | require / exports / import / export 格致匠心
一、模块规范一句话总结：CommonJs用于服务端Node.js中，AMD和CMD是针对客户端的规范，为了不让引入依赖阻塞了代码进行，使用了异步加载模块。1.CommonJs：适用区域：用于服务端。导入：require导出：module.exports，exports。exports与module.exportsexports是module.exports的引用，varexports=module
【前端基础篇】JavaScript之jQuery介绍 Trouvaille ~ 前端基础前端 javascript jquery 事件选择器 css html
文章目录前言JQuery基本介绍和使用方法引入依赖jQuery语法jQuery选择器jQuery事件操作元素获取/设置元素内容获取/设置元素属性获取/返回css属性添加元素删除元素总结：常用的jQuery方法-详细解释与示例事件处理拓展-详细解释与示例其他拓展内容前言在阅读过程中可以把代码片复制到vscode上去浏览器看实际效果，更易理解喔JQuery基本介绍和使用方法W3C标准给我们提供了⼀系列
后端程序员的前端基础-前端三剑客之JavaScript yinying293 后端程序员的前端路线 Java #JavaWeb javascript 前端 java
后端程序员工作中需要用的前端技术，内容精简极致，目标核心掌握即可本模块分三部分，另外两篇请戳→后端程序员的前端基础-前端三剑客之一：HTML后端程序员的前端基础-前端三剑客之二:CSS后端程序员的前端基础-前端三剑客之三:本篇文章目录1JavaScript简介1.1JavaScript简介1.2JavaScript组成部分1.3JavaScript发展史2JavaScript基本语法2.1JS的引
前端基础知识六毛的毛前端基础前端
Web标准：由W3C（万维网联盟）制定HTML:超文本标记语言，负责网页结构（页面元素和内容）CSS：层叠样式表，负责网页的表现（页面元素的外观，位置等）JavaScript：负责网页的行为（交互效果）
【前端基础篇】JavaScript之BOM介绍 Trouvaille ~ 前端基础前端 javascript microsoft BOM Window html css
文章目录浏览器对象模型（BOM）介绍1.什么是BOM？2.Window对象2.1弹出框2.1.1警告框2.1.2确认框2.1.3提示框2.2定时事件2.2.1延时器2.2.2定时器2.3Window对象其他常用属性与方法2.3.1获取窗口尺寸2.3.2打开新窗口与关闭窗口2.3.3移动与调整窗口大小3.Navigator对象3.1判断浏览器类型3.2navigator对象及方法详细解释：4.Loc
如何学好uni-app 梨园猫 uni-app 开发语言青少年编程
学习uni-app需要掌握以下技能：1.前端基础：熟悉HTML、CSS和JavaScript等前端开发技术，了解基本的前端框架如Vue.js。2.Vue.js：因为uni-app是基于Vue.js构建的，所以需要对Vue.js有深入的理解。可以先通过官方文档或者一些在线课程来学习Vue.js的基础知识。3.uni-app官方文档：阅读并理解uni-app的官方文档是非常重要的，它包含了所有关于un
前端基础：CSS字体属性曹莓奶昔 CSS css css3 vscode visual studio code 前端
目录1.字体系列2.字体大小3.字体粗细4.字体样式5.字体复合属性6.字体属性总结cssfonts（字体）属性用于字体系列、大小、粗细、文字样式（如斜体）。1.字体系列css使用font-family属性定义字体。P{font-family:"微软雅黑/MicrosoftYaHei";}各个字体之间必须用英文的逗号隔开空格隔开的多个单词组成的字体，加引号尽量使用系统默认字体，保证在任何用户的浏览
前端基础部分习题琼花霰 html css js vue 小程序
1/HTML1.DOCTYPE的作用是什么？标准模式与兼容模式各有什么区别?声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。!DOCTYPE是一种标准通用标记语言的文档类型声明，它的目的是要告诉浏览器它应该使用什么样的文档类型定义（DTD）来解析文档。标准模式，浏览器按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。标准模式
一起来使用node.js制作一个视频吧
theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe今天为大家介绍FFCreator，项目
一起来使用node.js制作一个视频吧
theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe今天为大家介绍FFCreator，项目
SpringBootWeb学习笔记——12万字大合集扶摇| java j2ee springboot spring boot intellij-idea
0.写在前面注：这套笔记是根据黑马程序员B站2023-3-21的视频学习的成果，其中省略了前端基础部分、Maven部分和数据库基础部分，详情可见目录。注注：目前文章内结尾处多幅图片加载不出来，因为图片还存在本地没被传上来，过段时间再改~所有的Spring项目都基于SpringFrameworkSpringFramework配置繁琐，入门难度大文章目录0.写在前面1.SpringBootWeb入门简
前端八股文 ╰゛Maud 前端
前端八股文通常包含一系列问题，涉及HTML、CSS、JavaScript等前端基础知识。以下是一些常见问题及其简要答案：HTML八股文什么是HTML？HTML（HypertextMarkupLanguage）是一种用于创建网页结构的标记语言。了解详细...HTML5有哪些新特性？包括语义化标签（如、等）、音视频支持、本地存储、Canvas绘图等特性。了解详细...CSS八股文什么是盒模型？盒模型指
前端基础 03、JavaScript 入门 yjtuuige
一、什么是JavaScript1.概述JavaScript是世界上最流行的脚本语言；JavaScript是运行在浏览器中的，解释型的编程语言；JavaScript≠Java；只用了10天设计完成；后端人员，必须要精通JavaScript；在Web世界里，只有JavaScript能跨平台、跨浏览器，驱动网页，与用户交互；2.JavaScript历史1995年，网景公司凭借Navigator浏览器，成
前端基础(五)_运算符(算术运算符、赋值运算符、比较运算符、逻辑运算符、三目运算符、运算符优先级和结合性、数据类型的隐式转换) 六卿 #前端基础（JS）前端 javascript 运算符
一、算术运算符算术运算符即：加（+）减（-）乘（*）除（/）取余（%）加加（++）减减（–）算术运算符里比较特殊的是+，它即可以是字符串连接，也可以是加法运算。大致规则是：如果两边都是数字，则就是普通的数学计算如果有一边是字符串，则另一边也转成字符串，变成字符串的拼接如果没有字符串，则调用Number方法，转成数字，再进行相加如果有一边是对象，则对象调用toString得到字符串表示，再进行计算例
（代码示例）css实现等高布局的三种方式 PHP9年架构师
本篇文章给大家带来的内容是关于css实现等高布局的三种方式（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。本文讲的等高布局是在不手动设置元素高度的情况下，使用纯css实现各个元素高度都相当的效果。如图：首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟
JS逆向手记01__前端基础跃上青空 spider 爬虫
系列文章目录系列手记占位文章目录系列文章目录前言一、js自执行函数语法二、js变量类型的转换（与字符串相加）三、浏览器环境（BOM）四、html渲染环境（DOM）五、html发起请求（表单form）六、js两种访问对象属性的方法总结前言会带着记录些反爬相关的前端基础。一、js自执行函数语法js加载的时候会自动运行!(function(){...})()这函数也可以命名二、js变量类型的转换（与字符
2019-03-21 樊小勇
web前端记录1.第一次尝试写这个文档，这个文档将记录我对一些东西的总结和运用。2.首先在这里列一个大纲web前端基础学习技术大纲1.html基础常用标签2.css基础常用标签3.less的引入4.盒子模型5.reset重置样式的引用6.pc、移动端公共样式7.pc端浮动、定位8.div+flex移动端布局9.BFC10.阿里图标的使用
vue3初识余识- vue vue3 前端 node npm
目录一、前言二、主观感受三、vue3初探原文以及该系列教程文章后续可点击这里查看：vue初识一、前言Vue.js是一款流行的前端框架，最初由尤雨溪（EvanYou）于2014年创建，非常的年轻。官网为vue3，但要注意，vue框架本身是基于前端基础知识之上的，所以学习vue的前提是，你已经理解、并能够熟练的使用html、css、JavaScript这三大前端基石去开发基本的网页应用了。如果你对这些
JAVA中的Enum 周凡杨 java enum 枚举
Enum是计算机编程语言中的一种数据类型---枚举类型。在实际问题中，有些变量的取值被限定在一个有限的范围内。例如，一个星期内只有七天我们通常这样实现上面的定义： public String monday; public String tuesday; public String wensday; public String thursday
赶集网mysql开发36条军规 Bill_chen mysql 业务架构设计 mysql调优 mysql性能优化
(一)核心军规 (1)不在数据库做运算 cpu计算务必移至业务层； (2)控制单表数据量 int型不超过1000w，含char则不超过500w；合理分表；限制单库表数量在300以内； (3)控制列数量字段少而精，字段数建议在20以内
Shell test命令 daizj shell 字符串 test 数字文件比较
Shell test命令 Shell中的 test 命令用于检查某个条件是否成立，它可以进行数值、字符和文件三个方面的测试。数值测试参数说明 -eq 等于则为真 -ne 不等于则为真 -gt 大于则为真 -ge 大于等于则为真 -lt 小于则为真 -le 小于等于则为真实例演示： num1=100 num2=100if test $[num1]
XFire框架实现WebService(二) 周凡杨 java webservice
有了XFire框架实现WebService(一)，就可以继续开发WebService的简单应用。 Webservice的服务端(WEB工程)：两个java bean类： Course.java package cn.com.bean; public class Course { private
重绘之画图板朱辉辉33 画图板
上次博客讲的五子棋重绘比较简单，因为只要在重写系统重绘方法paint（）时加入棋盘和棋子的绘制。这次我想说说画图板的重绘。画图板重绘难在需要重绘的类型很多，比如说里面有矩形，园，直线之类的，所以我们要想办法将里面的图形加入一个队列中，这样在重绘时就
Java的IO流西蜀石兰 java
刚学Java的IO流时，被各种inputStream流弄的很迷糊，看老罗视频时说想象成插在文件上的一根管道，当初听时觉得自己很明白，可到自己用时，有不知道怎么代码了。。。每当遇到这种问题时，我习惯性的从头开始理逻辑，会问自己一些很简单的问题，把这些简单的问题想明白了，再看代码时才不会迷糊。 IO流作用是什么？答：实现对文件的读写，这里的文件是广义的； Java如何实现程序到文件
No matching PlatformTransactionManager bean found for qualifier 'add' - neither 林鹤霄
java.lang.IllegalStateException: No matching PlatformTransactionManager bean found for qualifier 'add' - neither qualifier match nor bean name match! 网上找了好多的资料没能解决，后来发现：项目中使用的是xml配置的方式配置事务，但是
Row size too large (> 8126). Changing some columns to TEXT or BLOB aigo column
原文：http://stackoverflow.com/questions/15585602/change-limit-for-mysql-row-size-too-large 异常信息： Row size too large (> 8126). Changing some columns to TEXT or BLOB or using ROW_FORMAT=DYNAM
JS 格式化时间 alxw4616 JavaScript
/** * 格式化时间 2013/6/13 by 半仙 [email protected] * 需要 pad 函数 * 接收可用的时间值. * 返回替换时间占位符后的字符串 * * 时间占位符:年 Y 月 M 日 D 小时 h 分 m 秒 s 重复次数表示占位数 * 如 YYYY 4占4位 YY 占2位<p></p> * MM DD hh mm
队列中数据的移除问题百合不是茶队列移除
队列的移除一般都是使用的remov();都可以移除的,但是在昨天做线程移除的时候出现了点问题,没有将遍历出来的全部移除, 代码如下; // package com.Thread0715.com; import java.util.ArrayList; public class Threa
Runnable接口使用实例 bijian1013 java thread Runnable java多线程
Runnable接口 a. 该接口只有一个方法：public void run(); b. 实现该接口的类必须覆盖该run方法 c. 实现了Runnable接口的类并不具有任何天
oracle里的extend详解 bijian1013 oracle 数据库 extend
扩展已知的数组空间，例： DECLARE TYPE CourseList IS TABLE OF VARCHAR2(10); courses CourseList; BEGIN -- 初始化数组元素，大小为3 courses := CourseList('Biol 4412 ', 'Psyc 3112 ', 'Anth 3001 '); --
【httpclient】httpclient发送表单POST请求 bit1129 httpclient
浏览器Form Post请求浏览器可以通过提交表单的方式向服务器发起POST请求，这种形式的POST请求不同于一般的POST请求 1. 一般的POST请求，将请求数据放置于请求体中，服务器端以二进制流的方式读取数据，HttpServletRequest.getInputStream()。这种方式的请求可以处理任意数据形式的POST请求，比如请求数据是字符串或者是二进制数据 2. Form
【Hive十三】Hive读写Avro格式的数据 bit1129 hive
1. 原始数据 hive> select * from word; OK 1 MSN 10 QQ 100 Gtalk 1000 Skype 2. 创建avro格式的数据表 hive> CREATE TABLE avro_table(age INT, name STRING)STORE
nginx+lua+redis自动识别封解禁频繁访问IP ronin47
在站点遇到攻击且无明显攻击特征，造成站点访问慢，nginx不断返回502等错误时，可利用nginx+lua+redis实现在指定的时间段内，若单IP的请求量达到指定的数量后对该IP进行封禁，nginx返回403禁止访问。利用redis的expire命令设置封禁IP的过期时间达到在指定的封禁时间后实行自动解封的目的。一、安装环境： CentOS x64 release 6.4(Fin
java-二叉树的遍历-先序、中序、后序（递归和非递归）、层次遍历 bylijinnan java
import java.util.LinkedList; import java.util.List; import java.util.Stack; public class BinTreeTraverse { //private int[] array={ 1, 2, 3, 4, 5, 6, 7, 8, 9 }; private int[] array={ 10,6,
Spring源码学习-XML 配置方式的IoC容器启动过程分析 bylijinnan java spring IOC
以FileSystemXmlApplicationContext为例，把Spring IoC容器的初始化流程走一遍： ApplicationContext context = new FileSystemXmlApplicationContext ("C:/Users/ZARA/workspace/HelloSpring/src/Beans.xml&q
[科研与项目]民营企业请慎重参与军事科技工程 comsci 企业
军事科研工程和项目并非要用最先进，最时髦的技术，而是要做到“万无一失” 而民营科技企业在搞科技创新工程的时候，往往考虑的是技术的先进性，而对先进技术带来的风险考虑得不够，在今天提倡军民融合发展的大环境下，这种“万无一失”和“时髦性”的矛盾会日益凸显。。。。。。所以请大家在参与任何重大的军事和政府项目之前，对
spring 定时器-两种方式 cuityang spring quartz 定时器
方式一：间隔一定时间运行 <bean id="updateSessionIdTask" class="com.yang.iprms.common.UpdateSessionTask" autowire="byName" /> <bean id="updateSessionIdSchedule
简述一下关于BroadView站点的相关设计 damoqiongqiu view
终于弄上线了，累趴，戳这里http://www.broadview.com.cn 简述一下相关的技术点前端：jQuery+BootStrap3.2+HandleBars，全站Ajax（貌似对SEO的影响很大啊！怎么破？），用Grunt对全部JS做了压缩处理，对部分JS和CSS做了合并（模块间存在很多依赖，全部合并比较繁琐，待完善）。后端：U
运维 PHP问题汇总 dcj3sjt126com windows2003
1、Dede(织梦)发表文章时,内容自动添加关键字显示空白页解决方法：后台>系统>系统基本参数>核心设置>关键字替换（是/否），这里选择“是”。后台>系统>系统基本参数>其他选项>自动提取关键字，这里选择“是”。 2、解决PHP168超级管理员上传图片提示你的空间不足网站是用PHP168做的，反映使用管理员在后台无法
mac 下安装php扩展 - mcrypt dcj3sjt126com PHP
MCrypt是一个功能强大的加密算法扩展库，它包括有22种算法，phpMyAdmin依赖这个PHP扩展，具体如下：下载并解压libmcrypt-2.5.8.tar.gz。在终端执行如下命令： tar zxvf libmcrypt-2.5.8.tar.gz cd libmcrypt-2.5.8/ ./configure --disable-posix-threads --
MongoDB更新文档 [四] eksliang mongodb Mongodb更新文档
MongoDB更新文档转载请出自出处：http://eksliang.iteye.com/blog/2174104 MongoDB对文档的CURD，前面的博客简单介绍了，但是对文档更新篇幅比较大，所以这里单独拿出来。语法结构如下： db.collection.update( criteria, objNew, upsert, multi) 参数含义参数
Linux下的解压，移除，复制，查看tomcat命令 y806839048 tomcat
重复myeclipse生成webservice有问题删除以前的，干净 1、先切换到：cd usr/local/tomcat5/logs 2、tail -f catalina.out 3、这样运行时就可以实时查看运行日志了 Ctrl+c 是退出tail命令。有问题不明的先注掉 cp /opt/tomcat-6.0.44/webapps/g
Spring之使用事务缘由(3-XML实现) ihuning spring
用事务通知声明式地管理事务事务管理是一种横切关注点。为了在 Spring 2.x 中启用声明式事务管理，可以通过 tx Schema 中定义的 <tx:advice> 元素声明事务通知，为此必须事先将这个 Schema 定义添加到 <beans> 根元素中去。声明了事务通知后，就需要将它与切入点关联起来。由于事务通知是在 <aop:
GCD使用经验与技巧浅谈啸笑天 GC
前言 GCD(Grand Central Dispatch)可以说是Mac、iOS开发中的一大“利器”，本文就总结一些有关使用GCD的经验与技巧。 dispatch_once_t必须是全局或static变量这一条算是“老生常谈”了，但我认为还是有必要强调一次，毕竟非全局或非static的dispatch_once_t变量在使用时会导致非常不好排查的bug，正确的如下： 1
linux（Ubuntu）下常用命令备忘录1 macroli linux 工作 ubuntu
在使用下面的命令是可以通过--help来获取更多的信息1,查询当前目录文件列表：ls ls命令默认状态下将按首字母升序列出你当前文件夹下面的所有内容，但这样直接运行所得到的信息也是比较少的，通常它可以结合以下这些参数运行以查询更多的信息： ls / 显示/.下的所有文件和目录 ls -l 给出文件或者文件夹的详细信息 ls -a 显示所有文件，包括隐藏文
nodejs同步操作mysql qiaolevip 学习永无止境每天进步一点点 mysql nodejs
// db-util.js var mysql = require('mysql'); var pool = mysql.createPool({ connectionLimit : 10, host: 'localhost', user: 'root', password: '', database: 'test', port: 3306 });
一起学Hive系列文章 superlxw1234 hive Hive入门
[一起学Hive]系列文章目录贴，入门Hive，持续更新中。 [一起学Hive]之一—Hive概述，Hive是什么 [一起学Hive]之二—Hive函数大全-完整版 [一起学Hive]之三—Hive中的数据库(Database)和表(Table) [一起学Hive]之四-Hive的安装配置 [一起学Hive]之五-Hive的视图和分区 [一起学Hive
Spring开发利器：Spring Tool Suite 3.7.0 发布 wiselyman spring
Spring Tool Suite(简称STS)是基于Eclipse，专门针对Spring开发者提供大量的便捷功能的优秀开发工具。在3.7.0版本主要做了如下的更新：将eclipse版本更新至Eclipse Mars 4.5 GA Spring Boot(JavaEE开发的颠覆者集大成者，推荐大家学习)的配置语言YAML编辑器的支持(包含自动提示，

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他