weixin_30546933

前端基础 - 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

转载于:https://www.cnblogs.com/april-aaa/p/11605352.html

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

Java朴实无华按天计划从入门到实战（强化速战版-66天）岫珩 Java 后端 java 开发语言学习 Java 时间安排学习计划
致敬读者感谢阅读笑口常开生日快乐⬛早点睡觉博主相关博主信息博客首页专栏推荐活动信息文章目录Java朴实无华按天计划从入门到实战（强化速战版-66天）1.基础（18）1.1JavaSE核心（5天）1.2数据库与SQL（5天）1.3前端基础（8天）2.进阶（17天）2.1JavaWeb核心（5天）2.2Mybatis与Spring全家桶（6天）2.3中间件入门（4天）2.4实践项目（2天）3.高阶（1
前端基础知识Vue3系列 - 04（Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同）
开始之前CompositionAPI可以说是Vue3的最大特点，那么为什么要推出CompositionApi，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点TypeScript支持有限以上通过使用CompositionApi都能迎刃而解正文一、OptionsApiOptionsAPI，即大家常说的选项API，即以vue
前端基础知识Vue系列 - 19（Vue常用的修饰符）
一、修饰符是什么在程序世界里，修饰符是用于限定类型以及类型成员的声明的一种符号在Vue中，修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理vue中修饰符分为以下五种：表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符二、修饰符的作用表单修饰符在我们填写表单的时候用得最多的是input标签，指令用得最多的是v-mode
前端基础知识HTTP系列 - 04（OSI七层模型）前端小白从0开始 http 网络协议网络
一、是什么OSI（OpenSystemInterconnect）模型全称为开放式通信系统互连参考模型，是国际标准化组织(ISO)提出的一个试图使各种计算机在世界范围内互连为网络的标准框架OSI将计算机网络体系结构划分为七层，每一层实现各自的功能和协议，并完成与相邻层的接口通信。即每一层扮演固定的角色，互不打扰二、划分OSI主要划分了七层，如下所示：应用层应用层位于OSI参考模型的第七层，其作用是通
前端基础知识Vue系列 - 25（SSR解决了什么问题）前端小白从0开始前端 vue.js javascript SSR
一、是什么Server-SideRendering我们称其为SSR，意为服务端渲染指由服务侧完成页面的HTML结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程先来看看Web3个阶段的发展史：传统服务端渲染SSR单页面应用SPA服务端渲染SSR传统web开发网页内容在服务端渲染完成，⼀次性传输到浏览器打开页面查看源码，浏览器拿到的是全部的dom结构单页应用SPA
前端基础知识Vue系列 - 17（vue中key的原理）
一、Key是什么开始之前，我们先还原两个实际工作场景当我们在使用v-for时，需要给单元加上key...用+newDate()生成的时间戳作为key，手动强制触发重新渲染那么这背后的逻辑是什么，key的作用又是什么？一句话来讲key是给每一个vnode的唯一id，也是diff的一种优化策略，可以根据key，更准确，更快的找到对应的vnode节点场景背后的逻辑当我们在使用v-for时，需要给单元加上
《前端基础核心知识笔记：HTML、CSS、JavaScript 及 BOM/DOM》萌新小白的逆袭前端笔记 html javascript
html前端三剑客的介绍：HTML:页面内容的载体Css：用来美化和指定页面的显示效果JavaScript：页面显示的过程中，可以动态改变页面的内容重点属性type="text"文本输入type="password"密码输入SerlvertC超链接type="radio"value="值"单选框type="checkbox"value="值"多选框在作用设置编码格式 action是跳转的界面met
从AI辅助编码到自动部署：前端开发提效全流程实践程序猿全栈の董（董翔）人工智能热门技术领域人工智能新兴领域热门技术
从AI辅助编码到自动部署：前端开发提效全流程实践**摘要本文结合ChatGPT、GitHubCopilot等AI工具，分享从需求分析、代码编写到自动化部署的全流程提效技巧。通过真实案例演示如何利用AI工具提升30%以上的开发效率，适合有一定前端基础的开发者阅读。一、引言：AI时代的前端开发变革现状：据StackOverflow2023调查，65%的开发者使用AI辅助工具，平均减少35%的调试时间。
web前端基础知识:表单标签黄昏终结者前端 html javascript
一.input系列标签语法:form表单用来收集用户信息的input输入type类型type属性值:text文本password密码框radio单选框checkbox多选框file选择文件submit提交按钮reset重置按钮button普通按钮1.input系列标签-text文本框属性:placeholder占位符文本输入框语法:昵称:2.input系列标签-password密码框属性:plac
【前端】一文快速回顾 Html+CSS+JS CoderSharry 前端前端 html css
文章目录前言Preface1.HTML快速回顾1.1基本结构1.2简单语法回顾2.CSS快速回顾2.1三种引入方式2.2选择器2.3布局2.3.1盒子模型2.3.2定位2.3.3浮动2.4简单练习3.JavaScript快速回顾3.1JavaScript引入方式3.2JavaScript基本语法3.2.1变量3.2.2函数与箭头函数3.3简单练习4.总结参考资料一文快速回顾前端基础三件套：HTML
前端基础知识JavaScript系列 - 25（Javascript本地存储）前端小白从0开始前端 javascript 开发语言
一、方式javaScript本地缓存的方法我们主要讲述以下四种：cookiesessionStoragelocalStorageindexedDBcookieCookie，类型为「小型文本文件」，指某些网站为了辨别用户身份而储存在用户本地终端上的数据。是为了解决HTTP无状态导致的问题作为一段一般不超过4KB的小型文本数据，它由一个名称（Name）、一个值（Value）和其它几个用于控制cooki
Java web%10 好学且牛逼的马 java 前端 AI编程
%10新路线Javawebai笔记阶段时长内容Web前端基础2天HTML、CSS、JS、Vue3、AjaxWeb后端基础4天Maven、HTTP协议、SpringIOC、DI、MySQL、JDBC、MybatisWeb后端实战6天Tlias案例（基于案例讲解web开发的核心知识）Web后端进阶2天SpringAOP、SpringBoot原理、自定义Starter、Maven高级前端web实战4天V
前端基础知识JavaScript系列 - 06（深拷贝浅拷贝）
一、数据类型存储前面文章我们讲到，JavaScript中存在两大数据类型：基本类型引用类型基本类型数据保存在在栈内存中引用类型数据保存在堆内存中，引用数据类型的变量是一个指向堆内存中实际对象的引用，存在栈中二、浅拷贝浅拷贝，指的是创建新的数据，这个数据有着原始数据属性值的一份精确拷贝如果属性是基本类型，拷贝的就是基本类型的值。如果属性是引用类型，拷贝的就是内存地址即浅拷贝是拷贝一层，深层次的引用类
前端基础知识CSS系列 - 13（响应式设计的基本原理）前端小白从0开始前端 css 响应式
一、是什么响应式网站设计（ResponsiveWebdesign）是一种网络页面设计布局，页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整描述响应式界面最著名的一句话就是“Contentislikewater”大白话便是“如果将屏幕看作容器，那么内容就像水一样”响应式网站常见特点：同时适配PC+平板+手机等标签导航在接近手持终端设备时改变为经典的抽
前端基础知识CSS系列 - 15（单行／多行文本溢出的省略样式）前端小白从0开始前端 css
一、前言在日常开发展示页面，如果一段文本的数量过长，受制于元素宽度的因素，有可能不能完全显示，为了提高用户的使用体验，这个时候就需要我们把溢出的文本显示成省略号对于文本的溢出，我们可以分成两种形式：单行文本溢出多行文本溢出二、实现方式单行文本溢出省略理解也很简单，即文本在一行内显示，超出部分以省略号的形式展现实现方式也很简单，涉及的css属性有：text-overflow：规定当文本溢出时，显示省
前端基础知识JavaScript系列 - 01（JavaScript中的数据类型？存储上的差别？）前端小白从0开始前端 javascript 开发语言
前言在JavaScript中，我们可以分成两种类型：基本类型复杂类型两种类型的区别是：存储位置不同一、基本类型基本类型主要为以下6种：NumberStringBooleanUndefinednullsymbolNumber数值最常见的整数类型格式则为十进制，还可以设置八进制（零开头）、十六进制（0x开头）letintNum=55//10进制的55letnum1=070//8进制的56lethexN
移动应用开发专业核心课程以及就业方向
移动应用开发专业聚焦移动端软件的设计、开发与测试，课程设置与产业需求紧密衔接，就业面向移动互联网高速增长的市场。以下是核心课程及就业方向的系统分析：一、核心课程体系专业基础课程：移动端UI设计：掌握应用界面布局、交互逻辑及用户体验优化，为原型设计奠基。网页设计与制作：学习HTML/CSS/JavaScript等前端基础，实现响应式Web开发。面向对象程序设计（Java/C#等）：培养编程思维与代码
阿里SUI 快速搭建手机WEB APP，路由挺好用企销客CRM web前端 web前端
链接：http://m.sui.taobao.org/SUIMobile是一套基于Framework7开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到iOS6.0+和Android4.0+，非常适合开发跨平台WebApp。轻量的UI库SUIMobile是非常轻量的，核心库压缩后的JS和CSS文件都只有110+K，却提供了20+个常用的组件。对于只有HTML&CSS
MFE微前端高级版：Angular + Module Federation + webpack + 路由（Route way）完整示例 crary,记忆 Angular 微前端-MFE angular.js 前端 webpack angular
在查看这篇文章之前，可以先简单预览一下这篇基础版的博客：MFE微前端基础版：Angular+ModuleFederation+webpack+路由（Routeway）完整示例-CSDN博客这篇Angular+ModuleFederation高级路由配置详解包括嵌套路由、路由守卫、懒加载策略和动态路由等高级功能。1.主应用(Shell)高级路由配置shell/src/app/app-routing.
Web前端基础之HTML
一、浏览器火狐浏览器、谷歌浏览器(推荐)、IE浏览器推荐谷歌浏览器原因：1、简洁大方,打开速度快2、开发者调试工具（右键空白处->检查，打开调试模式）二、开发工具核心IDE工具VisualStudioCode(VSCode)‌微软开发的免费跨平台编辑器，支持智能提示、Git集成、调试功能及丰富的扩展插件‌。轻量高效，适用于HTML/CSS/JavaScript及主流前端框架开发‌。WebStorm
从搬砖工到架构师，Java全栈知识体系（2025版）程序员岳彬 java 开发语言后端程序人生
文章目录一、前端技术体系1.前端基础2.前端框架与生态3.工程化工具4.跨端与性能优化二、后端Java技术体系1.Java核心基础2.后端Web开发3.持久层技术4.微服务与中间件三、运维与DevOps1.Linux服务器2.容器与集群3.持续集成/部署4.监控与日志四、AI算法与大模型集成1.基础算法2.大模型工程实践3.应用场景五、工程工具与最佳实践1.开发工具2.代码规范与质量3.架构设计六
微信小程序-功德木鱼（含设置面板功能） weixin_48077625 微信小程序前端小程序
基于微信小程序所开发的电子木鱼项目，十分适合作为微信小程序开发初学者在完成前端基础学习后进行练手学习项目。##功能亮点：计数器、敲击震动效果、设置面板（自定义漂浮文字内容、可选择文字颜色、可选择木鱼样式）一、界面展示二、功能介绍自动计数木鱼敲击动画文字上飘动画敲击震动设置面板自定义漂浮文字可选择字体颜色可选择木鱼样式三、核心代码setting(){this.setData({isSetting:t
前端基础知识ES6系列 - 03（数组新增了哪些扩展）前端小白从0开始前端 es6 ecmascript javascript html5
一、扩展运算符的应用ES6通过扩展元素符...，好比rest参数的逆运算，将一个数组转为用逗号分隔的参数序列console.log(...[1,2,3])//123console.log(1,...[2,3,4],5)//12345[...document.querySelectorAll('div')]//[,,]主要用于函数调用的时候，将一个数组变为参数序列functionpush(array
MFE微前端基础版：Angular + Module Federation + webpack + 路由（Route way）完整示例 crary,记忆微前端-MFE 前端 webpack 学习 angular
1.项目结构microfrontend-demo/├──shell/#主应用(Shell)├──mfe1/#微前端应用1├──mfe2/#微前端应用2└──shared/#共享库2.主应用(Shell)配置shell/webpack.config.jsconstModuleFederationPlugin=require("webpack/lib/container/ModuleFederatio
javascript常见100问|前端基础知识|13-14-options 请求Restful-API-method前端知识体系14-总结，软技能是否看过红宝书code review CR 检查什么学习记录wanxiaowan 前端八股文前端 javascript restful
14-options请求题目跨域为何需要options请求？跨域浏览器同源策略，默认限制跨域请求。跨域的解决方案jsonpCORS//CORS配置允许跨域（服务端）response.setHeader("Access-Control-Allow-Origin","http://localhost:8011")//或者'*'response.
2024年网络安全最全什么情况，听说网络安全工程师已经没落？_网络工程师现在废了 2401_84264536 web安全网络安全
数据库基础基础阶段的最后一部分，可以来接触一些数据库的基础知识了。这个阶段主要学一些理论知识，重点掌握库、表、索引等概念，然后学习SQL的编写，学会增删改查数据。暂时不用编程来操作数据库。青铜（筑基期）度过了石器时代，你已经储备了一些计算机的基础知识：操作系统的使用，网络协议，前端基础，数据库初识，但这距离做网络安全还不够，在第二个青铜阶段，你还需要再进一步学习基础，在第一阶段之上，难度会开始慢慢
TCP和UDP协议之间的区别，前端基础面试题天渺工作室网络知识 TCP和UDP tcp udp
前端基础面试题,TCP和UDP协议之间的区别tcp和udp作为传输层的两个协议,主要区别:1，tcp是面向链接的,（http协议握手）就类似打电话要先建立拨号，在进行链接。而udp在发送前不需要建立链接，直接发送（不在乎接收端是否完全接收到）。2，tcp可传输可靠服务,能保证数据传输的无差错，不丢失，不重复，且按序到达。而udp只是尽最大努力进行传输，不能保证传输是否可靠。3，基于上面两条的原因，
Python就业方向有哪些？ IT-博通哥 python 开发语言
Python作为一门通用、易学且功能强大的编程语言，在多个领域都有广泛的应用，因此就业方向也非常多样化。以下是Python主要的就业方向及相关技能要求。1.Web开发岗位：PythonWeb开发工程师、后端工程师、全栈工程师技术栈：框架：Django、Flask、FastAPI数据库：PostgreSQL、MySQL、MongoDB前端基础：HTML/CSS/JavaScript（配合Vue/Re
前端基础入门三大核心之JS篇 —— JavaScript编写油猴脚本：让浏览器做你的私人定制助手【含代码示例】 DTcode7 HTML网站开发 #前端基础入门三大核心之JS 前端 javascript 开发语言
前端基础入门三大核心之JS篇——JavaScript编写油猴脚本：让浏览器做你的私人定制助手【含代码示例】油猴脚本：浏览器的魔法外挂安装油猴创建你的第一个脚本基础概念：@match与用户脚本元数据实战演练：给网页添加个性化问候目标代码示例不同角度的使用思路实战技巧与问题排查遇到问题怎么办？结语：你的创意，无界延伸在前端开发的广袤宇宙里，JavaScript（简称JS）是我们手中最闪耀的光剑。而当这
【前端基础】正则表达式详解前端自习室前端基础前端正则表达式
文章目录一、什么是正则表达式？二、为什么要使用正则表达式？三、正则表达式的基本语法与核心概念1.普通字符(LiteralCharacters)2.元字符(Metacharacters)3.字符集合(CharacterSets)4.预定义字符类(PredefinedCharacterClasses/Shorthands)5.量词(Quantifiers)6.分组与捕获(GroupingandCapt
iOS http封装 374016526 ios 服务器交互 http 网络请求
程序开发避免不了与服务器的交互，这里打包了一个自己写的http交互库。希望可以帮到大家。内置一个basehttp，当我们创建自己的service可以继承实现。 KuroAppBaseHttp *baseHttp = [[KuroAppBaseHttp alloc] init]; [baseHttp setDelegate:self]; [baseHttp
lolcat ：一个在 Linux 终端中输出彩虹特效的命令行工具 brotherlamp linux linux教程 linux视频 linux自学 linux资料
那些相信 Linux 命令行是单调无聊且没有任何乐趣的人们，你们错了，这里有一些有关 Linux 的文章，它们展示着 Linux 是如何的有趣和“淘气” 。在本文中，我将讨论一个名为“lolcat”的小工具 – 它可以在终端中生成彩虹般的颜色。何为 lolcat ? Lolcat 是一个针对 Linux，BSD 和 OSX 平台的工具，它类似于 cat 命令，并为 cat
MongoDB索引管理（1）——[九] eksliang mongodb MongoDB管理索引
转载请出自出处：http://eksliang.iteye.com/blog/2178427 一、概述数据库的索引与书籍的索引类似，有了索引就不需要翻转整本书。数据库的索引跟这个原理一样，首先在索引中找，在索引中找到条目以后，就可以直接跳转到目标文档的位置，从而使查询速度提高几个数据量级。不使用索引的查询称
Informatica参数及变量 18289753290 Informatica 参数变量
下面是本人通俗的理解，如有不对之处，希望指正 info参数的设置：在info中用到的参数都在server的专门的配置文件中（最好以parma）结尾下面的GLOBAl就是全局的，$开头的是系统级变量，$$开头的变量是自定义变量。如果是在session中或者mapping中用到的变量就是局部变量，那就把global换成对应的session或者mapping名字。 [GLOBAL] $Par
python 解析unicode字符串为utf8编码字符串酷的飞上天空 unicode
php返回的json字符串如果包含中文，则会被转换成\uxx格式的unicode编码字符串返回。在浏览器中能正常识别这种编码，但是后台程序却不能识别，直接输出显示的是\uxx的字符，并未进行转码。转换方式如下 >>> import json >>> q = '{"text":"\u4
Hibernate的总结永夜-极光 Hibernate
1.hibernate的作用,简化对数据库的编码,使开发人员不必再与复杂的sql语句打交道做项目大部分都需要用JAVA来链接数据库，比如你要做一个会员注册的页面，那么获取到用户填写的基本信后，你要把这些基本信息存入数据库对应的表中，不用hibernate还有mybatis之类的框架，都不用的话就得用JDBC，也就是JAVA自己的，用这个东西你要写很多的代码，比如保存注册信
SyntaxError: Non-UTF-8 code starting with '\xc4' 随便小屋 python
刚开始看一下Python语言，传说听强大的，但我感觉还是没Java强吧！写Hello World的时候就遇到一个问题，在Eclipse中写的，代码如下 ''' Created on 2014年10月27日 @author: Logic ''' print("Hello World!"); 运行结果 SyntaxError: Non-UTF-8
学会敬酒礼仪不做酒席菜鸟 aijuans 菜鸟
俗话说，酒是越喝越厚，但在酒桌上也有很多学问讲究，以下总结了一些酒桌上的你不得不注意的小细节。细节一：领导相互喝完才轮到自己敬酒。敬酒一定要站起来，双手举杯。细节二：可以多人敬一人，决不可一人敬多人，除非你是领导。细节三：自己敬别人，如果不碰杯，自己喝多少可视乎情况而定，比如对方酒量，对方喝酒态度，切不可比对方喝得少，要知道是自己敬人。细节四：自己敬别人，如果碰杯，一
《创新者的基因》读书笔记 aoyouzi 读书笔记《创新者的基因》
创新者的基因创新者的“基因”，即最具创意的企业家具备的五种“发现技能”：联想，观察，实验，发问，建立人脉。第一部分破坏性创新，从你开始第一章破坏性创新者的基因如何获得启示：发现以下的因素起到了催化剂的作用：(1) -个挑战现状的问题；(2)对某项技术、某个公司或顾客的观察；(3) -次尝试新鲜事物的经验或实验；(4)与某人进行了一次交谈，为他点醒
表单验证技术百合不是茶 JavaScript DOM对象 String对象事件
js最主要的功能就是验证表单,下面是我对表单验证的一些理解,贴出来与大家交流交流 ,数显我们要知道表单验证需要的技术点, String对象,事件,函数一:String对象;通常是对字符串的操作; 1,String的属性; 字符串.length;表示该字符串的长度; var str= "java"
web.xml配置详解之context-param bijian1013 java servlet web.xml context-param
一.格式定义： <context-param> <param-name>contextConfigLocation</param-name> <param-value>contextConfigLocationValue></param-value> </context-param> 作用：该元
Web系统常见编码漏洞（开发工程师知晓） Bill_chen sql PHP Web fckeditor 脚本
1.头号大敌：SQL Injection 原因：程序中对用户输入检查不严格，用户可以提交一段数据库查询代码，根据程序返回的结果，获得某些他想得知的数据，这就是所谓的SQL Injection，即SQL注入。本质: 对于输入检查不充分，导致SQL语句将用户提交的非法数据当作语句的一部分来执行。示例： String query = "SELECT id FROM users
【MongoDB学习笔记六】MongoDB修改器 bit1129 mongodb
本文首先介绍下MongoDB的基本的增删改查操作，然后，详细介绍MongoDB提供的修改器，以完成各种各样的文档更新操作 MongoDB的主要操作 show dbs 显示当前用户能看到哪些数据库 use foobar 将数据库切换到foobar show collections 显示当前数据库有哪些集合 db.people.update，update不带参数，可
提高职业素养，做好人生规划白糖_ 人生
培训讲师是成都著名的企业培训讲师，他在讲课中提出的一些观点很新颖，在此我收录了一些分享一下。注：讲师的观点不代表本人的观点，这些东西大家自己揣摩。 1、什么是职业规划：职业规划并不完全代表你到什么阶段要当什么官要拿多少钱，这些都只是梦想。职业规划是清楚的认识自己现在缺什么，这个阶段该学习什么，下个阶段缺什么，又应该怎么去规划学习，这样才算是规划。
国外的网站你都到哪边看？ bozch 技术网站国外
学习软件开发技术，如果没有什么英文基础，最好还是看国内的一些技术网站，例如：开源OSchina，csdn，iteye,51cto等等。个人感觉如果英语基础能力不错的话，可以浏览国外的网站来进行软件技术基础的学习，例如java开发中常用的到的网站有apache.org 里面有apache的很多Projects,springframework.org是spring相关的项目网站,还有几个感觉不错的
编程之美-光影切割问题 bylijinnan 编程之美
package a; public class DisorderCount { /**《编程之美》“光影切割问题” * 主要是两个问题： * 1.数学公式（设定没有三条以上的直线交于同一点）： * 两条直线最多一个交点，将平面分成了4个区域； * 三条直线最多三个交点，将平面分成了7个区域； * 可以推出：N条直线 M个交点，区域数为N+M+1。
关于Web跨站执行脚本概念 chenbowen00 Web 安全跨站执行脚本
跨站脚本攻击(XSS)是web应用程序中最危险和最常见的安全漏洞之一。安全研究人员发现这个漏洞在最受欢迎的网站,包括谷歌、Facebook、亚马逊、PayPal,和许多其他网站。如果你看看bug赏金计划,大多数报告的问题属于 XSS。为了防止跨站脚本攻击,浏览器也有自己的过滤器,但安全研究人员总是想方设法绕过这些过滤器。这个漏洞是通常用于执行cookie窃取、恶意软件传播,会话劫持,恶意重定向。在
[开源项目与投资]投资开源项目之前需要统计该项目已有的用户数 comsci 开源项目
现在国内和国外,特别是美国那边,突然出现很多开源项目,但是这些项目的用户有多少,有多少忠诚的粉丝,对于投资者来讲,完全是一个未知数,那么要投资开源项目,我们投资者必须准确无误的知道该项目的全部情况,包括项目发起人的情况,项目的维持时间..项目的技术水平,项目的参与者的势力,项目投入产出的效益.....
oracle alert log file（告警日志文件） daizj oracle 告警日志文件 alert log file
The alert log is a chronological log of messages and errors, and includes the following items: All internal errors (ORA-00600), block corruption errors (ORA-01578), and deadlock errors (ORA-00060)
关于 CAS SSO 文章声明 denger SSO
由于几年前写了几篇 CAS 系列的文章，之后陆续有人参照文章去实现，可都遇到了各种问题，同时经常或多或少的收到不少人的求助。现在这时特此说明几点： 1. 那些文章发表于好几年前了，CAS 已经更新几个很多版本了，由于近年已经没有做该领域方面的事情，所有文章也没有持续更新。 2. 文章只是提供思路，尽管 CAS 版本已经发生变化，但原理和流程仍然一致。最重要的是明白原理，然后
初二上学期难记单词 dcj3sjt126com english word
lesson 课 traffic 交通 matter 要紧；事物 happy 快乐的，幸福的 second 第二的 idea 主意；想法；意见 mean 意味着 important 重要的，重大的 never 从来，决不 afraid 害怕的 fifth 第五的 hometown 故乡，家乡 discuss 讨论；议论 east 东方的 agree 同意；赞成 bo
uicollectionview 纯代码布局, 添加头部视图 dcj3sjt126com Collection
#import <UIKit/UIKit.h> @interface myHeadView : UICollectionReusableView { UILabel *TitleLable; } -(void)setTextTitle; @end #import "myHeadView.h" @implementation m
N 位随机数字串的 JAVA 生成实现 FX夜归人 java Math 随机数 Random
/** * 功能描述随机数工具类<br /> * @author FengXueYeGuiRen * 创建时间 2014-7-25<br /> */ public class RandomUtil { // 随机数生成器 private static java.util.Random random = new java.util.R
Ehcache（09）——缓存Web页面 234390216 ehcache 页面缓存
页面缓存目录 1 SimplePageCachingFilter 1.1 calculateKey 1.2 可配置的初始化参数 1.2.1 cach
spring中少用的注解@primary解析 jackyrong primary
这次看下spring中少见的注解@primary注解，例子 @Component public class MetalSinger implements Singer{ @Override public String sing(String lyrics) { return "I am singing with DIO voice
Java几款性能分析工具的对比 lbwahoo java
Java几款性能分析工具的对比摘自：http://my.oschina.net/liux/blog/51800 在给客户的应用程序维护的过程中，我注意到在高负载下的一些性能问题。理论上，增加对应用程序的负载会使性能等比率的下降。然而，我认为性能下降的比率远远高于负载的增加。我也发现，性能可以通过改变应用程序的逻辑来提升，甚至达到极限。为了更详细的了解这一点，我们需要做一些性能
JVM参数配置大全 nickys jvm 应用服务器
JVM参数配置大全 /usr/local/jdk/bin/java -Dresin.home=/usr/local/resin -server -Xms1800M -Xmx1800M -Xmn300M -Xss512K -XX:PermSize=300M -XX:MaxPermSize=300M -XX:SurvivorRatio=8 -XX:MaxTenuringThreshold=5 -
搭建 CentOS 6 服务器(14) - squid、Varnish rensanning varnish
（一）squid 安装 # yum install httpd-tools -y # htpasswd -c -b /etc/squid/passwords squiduser 123456 # yum install squid -y 设置 # cp /etc/squid/squid.conf /etc/squid/squid.conf.bak # vi /etc/
Spring缓存注解@Cache使用 tom_seed spring
参考资料 http://www.ibm.com/developerworks/cn/opensource/os-cn-spring-cache/ http://swiftlet.net/archives/774 缓存注解有以下三个： @Cacheable @CacheEvict @CachePut
dom4j解析XML时出现"java.lang.noclassdeffounderror: org/jaxen/jaxenexception"错误 xp9802
java.lang.NoClassDefFoundError: org/jaxen/JaxenExc 关键字: java.lang.noclassdeffounderror: org/jaxen/jaxenexception 使用dom4j解析XML时，要快速获取某个节点的数据，使用XPath是个不错的方法，dom4j的快速手册里也建议使用这种方式执行时却抛出以下异常： Exceptio

按字母分类： 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 其他