zdc45625

前端学习-HTML-CSS

文章目录

一、前端

编辑器
HTML
标签
页面
常用标签
架构分析

二、CSS

选择器
css三种引入方式

一、前端

前端概念：
广义: 用户能看见并且交互的展示界面
狭义: 运行在浏览器上的页面

学习的语言：
html5 => (h5架构 + css3布局 + javascript逻辑)
网页编写 | 移动端应用编写 | 客户端编写
前后台分离 开发方式 => 通过接口完成数据交互 => 后台可以千千万，前端就是h5

编辑器

pycharm | sublime | Hbuild | webstrom | atom

HTML

学习html的目的: 完成页面结构的搭建(什么时候用什么标签)
    
html属于标记语言: 标记语言为非编程语言，不具备编程语言具备的程序逻辑
    
html三大组成：
标签：被尖括号包裹，由字母开头包含合法字符的，可以被浏览器解析的标记。eg：系统标签，自定义标签
指令：被尖括号包裹，由!开头的标记。eg：<!doctype html>
转义字符：被&与;包裹的特殊字母组合或#开头的十进制数。eg：< >

标签

#what
标签的概念：被<>包裹由字母开头，可以结合合法字符(-|数字)，能被浏览器解析的特殊符号
    
#why
标签具有特定的功能：换行 | 设置页面字符编码集 | 控制文本字体颜色与大小 | 加载图片与视频

注意：
标签都有头有尾，用/来标识标签的结束(用来标识尾)

示范：

123

<br>
abc

<meta charset="utf-8">
<hehe style="color: chartreuse;font-size: 300px">呵  呵hehe>
< > < >

页面


<html>
    <head>
        
        <meta charset="utf-8">
        
        <title>页面title>
        
    head>
    <body>
        
        
    body>
html>

示范：







<html>

<head>
    <meta charset="utf-8">
    <title>页面title>
head>

<body>
    
    呵呵
body>

html>

常用标签

学习的目的：使用标签的语义与功能 | 完成页面架构的搭建(div)

1.div："三无"，无语义，无功能，无样式，完成页面架构的搭建

2.h1：页面总标题，代表页面整体含义，出现一次即可

3.列表：ul>li*5

4.p：段落指标

5.img：图片标签，src(数据源)，alt(资源加载失败的文本提示)

6.a：超链接标签，href(超链接地址)，target(跳转方式_self|_blank)

7.常用的文本类标签：span i b

示范：


<html>
<head>
    <title>常用标签title>
    <meta charset="utf-8">
head>
<body>
    
    <h1 title="标题">一级标题h1>
    <h3 title="标题">三级标题h3>
    正常文本
    <h6>六级标签h6>

    
    <p>这是段落标签p>

    
    <span>文本标签span>
    <br>
    <i>斜体i> <em>斜体方式强调em>
    <br>
    <b>加粗b> <strong>加粗方式强调strong>
    <br>
    <sup>上角标sup> <sub>下角标sub>

    
    
    <div>div>

    
    
    
    
    <a href="https://www.baidu.com" target="_blank" title="鼠标悬浮提示">前往百度a>
    <a href="1.标签.html" target="_blank">标签页面a>

    
    <a name="top" id="top">a>
    <div style="height: 2000px">div>
    <a href="#top">返回Topa>
    

    
    
    
    
    <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1225352429,1220508458&fm=27&gp=0.jpg"
         alt="呵呵二哈"
         title="二哈哈"
         width="100"
    >

    
    
    
    <table border="10" width="500"
           cellspacing="0" rules="all" cellpadding="20">
        <caption>表格标题caption>
        <thead>
            <tr>
                
                <th>标题th>
                <th>标题th>
                <th>标题th>
            tr>
        thead>
        <tbody>
            
            <tr>
                <td>单元格td>
                <td>单元格td>
                <td>单元格td>
            tr>
            <tr>
            <td>单元格td>
            <td>单元格td>
            <td>单元格td>
            tr>
        tbody>
        <tfoot>
            
            <tr>
                <td>单元格td>
                <td>单元格td>
                <td>单元格td>
            tr>
        tfoot>
    table>

    
    <hr>

    
    <pre>
        呵    呵
    pre>

    
    
    <ur>
        <li>列表项li>
        <li>列表项li>
        <li>列表项li>
        <li>列表项li>
        <li>列表项li>
    ur>

    
    
    <ol start="10" type="I">
        <li>列表项li>
        <li>列表项li>
        <li>列表项li>
        <li>列表项li>
        <li>列表项li>
    ol>
body>
html>

架构分析


<html>
<head>
    <title>架构分析title>
    <meta charset="utf-8">
head>
<body>


<div class="wrapper">
    
    <div class="header">div>
    
    <div class="nav">div>
    
    <div class="main">
        <div class="main-left">div>
        <div class="main-center">div>
        <div class="main-right">div>
    div>
    
    <div class="footer">
        <div class="footer-top">div>
        <div class="footer-bottom">div>
    div>
div>



<div>
    <h2>领先的 Web 技术教程 - 全部免费h2>
    <p>在 w3school，你可以找到你所需要的所有的网站建设教程。p>
    <p>从基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP 和 ASP.NET。p>
    <h3>从左侧的菜单选择你需要的教程！h3>
div>


<div class="main-left">
    <h3>标题 标题 标题h3>
    
    <ul>
        <li>test test testli>
        <li>test test testli>
        <li>test test testli>
    ul>
    <h3>标题 标题 标题h3>
    <ul>
        <li>test test testli>
        <li>test test testli>
        <li>test test testli>
    ul>
div>
    
<div class="main-right">
    <div>
        <h3>标题 标题 标题h3>
        
        <ul>
            <li>test test testli>
            <li>test test testli>
            <li>test test testli>
        ul>
    div>
    <div>
        <h3>标题 标题 标题h3>
        <ur>
            <li>test test testli>
            <li>test test testli>
            <li>test test testli>
        ur>
    div>
div>
body>
html>

二、CSS

学习CSS的目的：完成页面布局(还原设计稿)

三大组成部分：
1.选择器：由标签、类、id单独或组合出现
2.作用域：一组大括号包含的区域
3.样式块：满足css连接语法的众多样式

选择器

what：用来将css与html建立关联的桥梁，称之为css选择器

why: 将原来出现在标签内部的样式分离开来，可以用一个个选择器加以管理，达到页面与样式的解耦合目的，从而提高代码的复用性与开发效率

本质: 就是页面标签的某种名字

css三种引入方式

1.行间式
1.写在标签的style属性中
2.属性与属性值间用:赋值
3.属性与属性之间用;隔开

2.内联式
1.写在style标签中(style标签一般出现在head标签中)
2.用选择器与html建立连接
3.样式块书写在作用域内

3.外联式
1.css样式完全与html文件脱离，形成单独的.css文件，样式书写在.css文件中
2.用选择器与html建立连接
3.样式块书写在作用域内
4.要将.css文件与.html文件建立关联  => <link rel="stylesheet" href="css文件的相对路径"

注: 选择器的应用场景在内联式和外联式

总结：
开发：最常用的是外联式，内联与行间辅助样式布局
测试：内联式，可读性最强，且解耦有复用性
行间的应用场景：最简单粗暴，js操作的样式都是行间式

示范：


<html>
<head>
    <meta charset="utf-8">
    <title>样式导入title>
    <style>
        /*css注释: 书写在style标签内部的要采用css语法*/

        /*
        p：选择器
        {}：作用域
        宽高背景颜色：样式块
        */
        p {
            width: 150px;
            height: 150px;
            background-color: yellow;
        }
        h2 {
            width: 50px;
            height: 150px;
            background-color: red;
        }
    style>
    <link rel="stylesheet" href="css/test.css">
head>
<body>
    
    
    <div style="width: 100px;height: 100px;background-color: yellowgreen">div>
    <div style="width: 100px;height: 100px;background-color: yellowgreen">div>

    
    
    <p>p>
    <p>p>
    <h2>h2>
    <h2>h2>

    
    
    <h3>h3>
    <h3>h3>
body>
html>
==============================test.css================================
/*书写语法与内联式一致:

选择器 {
    样式块;
}

*/
h3 {
    width: 80px;
    height: 80px;
    background-color: darkgreen;
    border-radius: 50%;
}

你可能感兴趣的:(前端学习)

HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
前端学习之三种css样式写法 MissPSTime
选择器/*内嵌式样式书写*/-->，不使用-->后代选择器标签选择器标签选择器标签选择器
一个正经的前端学习开源仓库(第1天）掘金-我是哪吒 java vue html css js
低调务实优秀中国好青年(简介)&&附加答案https://github.com/webVueBlog/Leetcode√-“三十年河东，三十年河西，莫欺少年穷”一个☝️正经的前端学习开源仓库，启发来自淘宝大佬@冴羽，初心做一个真正能帮助到大家的仓库。（非常口语化的，手写总结）：我是哪吒：如果你所学的东西处于喜欢才会有强大的动力支撑。交流讨论&&如何学习&&转载声明第一：你可以直接在本仓库阅读即可，
【微信小程序】制作个人信息页面 m0_67393593 面试学习路线阿里巴巴 android 前端后端
题外：也许前端学习也应包括审美。在我学习前端路上，以前模仿视频内容，现在模仿别人成品…我曾想过作为前端是不是也应学习UI设计方向的美术知识，再不济也应具备页面布局的审美。但这个想法被一位大佬否定了，所以这个想法也只好放在心里成为另一种可能。分享一个今天才学会的CSDN写文章的技巧~正题：先上成品图1.架构进行编程前，我们要架构。对整体项目叫架构，对一个页面而言不如说叫整理思路以本图为例，除去底部t
CSS前端学习（online tuorials）憨憨憨憨憨到不行的程序员 CSS学习（online tuorials）前端 css 学习
index.htmlDocument憨憨憨憨憨程序员学的前端例子~憨憨憨憨憨程序员学的前端例子~//监听鼠标移动事件，当鼠标在页面上移动时，触发parallax函数document.addEventListener('mousemove',parallax);//定义一个名为parallax的函数，用于处理视差效果functionparallax(e){//使用querySelectorAll选择
CSS前端学习（online tuorials）旋转动画憨憨憨憨憨到不行的程序员 CSS学习（online tuorials）前端 css 学习
index.htmlcourse2style.css*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0e2223;}.loader{position:relative;width:1
前端学习：如何将数据存储到chrome浏览器localStorage中（详细） Dorable_Wander JavaScript 浏览器 json 前端 javascript 缓存 chrome
localStorage的基本操作——存储、读取、删除、JSON格式数据的处理知识调用核心干货知识调用文章中可能用到的知识点前端学习：浏览器缓存方式有哪些（cookielocalstoragesessionstorage）如何查看Chrome浏览器的页面缓存内容【详细教程】如何清除浏览器缓存（快捷键+手动）cookie、sessionStorage和localStorage的区别（一）cookie
60 个前端 Web 开发流行语你都知道哪些？ web18224617243 面试学习路线阿里巴巴 android 前端后端
??个人网站:【海拥】【摸鱼小游戏】??风趣幽默的前端学习课程：??28个案例趣学前端??想寻找共同学习交流的小伙伴，请点击【全栈技术交流群】??免费且实用的计算机相关知识题库：??进来逛逛给大家安利一个免费且实用的前端刷题（面经大全）网站，??点击跳转到网站。不想在你朋友讨论Web前端开发时感到一头雾水？今天海海给大家带来了60个Web前端开发的术语，看看你知道的有多少。以下列表是按照字母顺序排
WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站 html5网页设计 web前端期末大作业期末网页设计作业前端网页设计与制作 html静态网页 html期末大作业
精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干
【前端学习——js篇】7.函数缓存笔下无竹墨下有鱼前端学习前端学习 javascript
具体见：https://github.com/febobo/web-interview7.函数缓存函数缓存，就是将函数运算过的结果进行缓存本质上就是用空间（缓存存储）换时间（计算过程）常用于缓存数据计算结果和缓存对象。其实现主要通过闭包、柯里化和高阶函数。下面主要介绍下柯里化：①柯里化柯里化（currying)是一种函数式编程的概念，指的是将一个带有多个参数的函数转换成一系列只接受一个参数的函数的
前端学习day8--CSS（定位，堆叠，CSS精灵，字体图标，过渡/修饰属性） cuier520 前端学习学习 css 前端
目录定位：功能：使用方式：相对定位：相对定位的特点：绝对定位：绝对定位的特点：定位居中：固定定位：编辑定位总结：堆叠层级：编辑CSS精灵：使用方法：字体图标：下载字体：使用字体：字体图标特有矢量图的上传：垂直对齐方式vertical-align：过渡transition：透明度opacity：光标类型cursor：定位：功能：可以使两个标签压在一起显示。在于灵活的改变标签的位置。使用方式：定位有两
【网页设计】web前端期末大作业html+css web学生网页设计 web前端 css dreamweaver html html5期末作业
精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干
前端究竟怎么学？最全的学习方法和路径大公开！ WEB前端含光
眼看着金九银十的黄金面试季又到了，如何学好前端才能在日渐竞争激烈的前端面试中脱颖而出？其实不论是小白程序员还是有了工作经验的成熟程序员，不同阶段的人对前端学习和职业发展总有自己的迷茫，简单汇总了下，发现大家出现的问题主要是3种：1、行业竞争变大，初级前端工程师泛滥，发展预冷；2、部分有技术追求和热情的中级工程师，工作了几年也开始接触管理岗，但做了才发现，技术积累不够，不仅跟不上节奏，在工作中只能是
【JAVA WEB】JavaScript(WebAPI)--DOM基本概念 && 获取元素 && 点击事件 && 键盘事件 lzb_kkk 前端 javascript 开发语言
目录什么是WebAPIDOM的基本概念DOM是什么DOM树获取元素querySelectorquerySelectorAll事件事件初识基本概念事件三要素点击事件键盘事件什么是WebAPI前端学习的JS分成三个大的部分ECMAScript：基础语法部分DOMAPI：操作页面结构BOMAPI：操作浏览器WebAPI就包含了DOM+BOM。DOM的基本概念DOM是什么DOM全程为DocunmentOb
前端学习的笔记第二篇 fly in the sky ! 前端前端学习笔记
vscode如何快速生成代码!+Tab效果：解析：:指定当前html版本5。:lang=>language，en=>english。指定当前页面内容是英文的。:浏览器解码规则，按照UTF-8的格式进行解码。:设计的页面，既要在浏览器打开，又想要在手机端打开，就涉及到移动端适配。html里的常见标签标题标签&&段落标签&&换行标签注释标签目的：提高代码的可读性，使程序猿能够更轻松地理解和掌握代码。示
前端学习路线沐白star
路要一步一步的走，饭要一口一口的吃，今天我来给大家整理下前端的学习路线。初级阶段（静态网页制作、JS编程入门）1.Photoshop入门图像处理基础知识、图像处理基础知识、分辨率、图像的色彩模式、常用的图像文件格式。Photoshop工作界面的介绍、文件操作、图像的显示效果、图像和画布尺寸的调整、绘制和编辑选区、选区的操作技巧、渐变工具和油漆桶工具。图像合成、图层、蒙版、配色、切图、色彩搭配原则。
web前端学习教程：JS的作用域链 Eric_V
我们都知道js是一个基于对象的语言，系统内置各种对象。而window作为一个天然存在的全局对象，它承担了所有全局资源的存储。我们使用的任何全局变量，都是window下的。也就是说，在js中，实际上没有任何对象、方法是可以独立的，它们必须依赖于某个对象才可以被访问或执行。就像alert()，它的完整写法是window.alert()parseInt(),完整写法是window.parseInt()所
2019web前端学习路线，教你认识HTML 强哥科技兴
近两年来，前端开发工程师越来越火了，薪资待遇也快接近后端开发工程师了。2019年已经到来了，很多准备入行前端开发工程师的小伙伴们，不知道准备得怎么样了呢？有的朋友在想方设法的学习，争取在年后的金三银四能靠实力找到一份满意的工作！有的小伙伴很迷茫，想学前端，却没有方向！今天来给大家讲讲，在2019年，我们学习前端开发，如何才能高效学会前端开发？HTML基础学习目标1、本专业介绍、HTML相关概念，
【前端学习】网络是如何工作的 Jiye@ roadmapsh 前端学习网络
互联网是一组通过标准化协议相互连接的全球计算机网络，它们通过这些协议进行通信。网络是如何工作的作为开发者，了解互联网是什么以及它是如何运作的是至关重要的。这是大多数现代软件应用程序构建的基础。为了构建有效、安全和可扩展的应用程序和服务，您需要深入了解互联网的工作原理，以及如何利用其强大的能力和连接性。在本文中，我们将介绍互联网的基础知识，包括它是什么以及它是如何运作的，一些基本概念、术语，以及一些
【前端学习】什么是HTTP Jiye@ roadmapsh 前端学习 http
HTTP是什么HTTP本身依赖于TCP/IP，在客户端和服务器之间获取请求和响应。默认情况下，使用TCP端口80，但也可以使用其他端口。HTTPS使用端口443。三次握手三次握手在其最简单的形式中是指，所有TCP连接都以三次握手开始，即在客户端和服务器开始共享应用程序数据之前，它们共享一系列数据包。SYN-客户端选择一个随机数，假设为x，并将其发送到服务器。SYNACK-服务器通过向客户端发送一个
人力资源智能化管理项目（day04:组织架构）我是如此相信ᯤ⁶⁶ᴳ 人力资源智能化管理项目 vue.js javascript 前端
学习源码可以看我的个人前端学习笔记(github.com):qdxzw/humanResourceIntelligentManagementProject觉得有帮助的同学，可以点心心支持一下哈树组件应用depts:[{name:'传智教育',children:[{name:'总裁办'},{name:'行政部'},{name:'人事部',children:[{name:'财务核算部'},{name:
人力资源智能化管理项目（day03:主页模块）我是如此相信ᯤ⁶⁶ᴳ 人力资源智能化管理项目前端
学习源码可以看我的个人前端学习笔记(github.com):qdxzw/humanResourceIntelligentManagementProject觉得有帮助的同学，可以点心心支持一下哈主页权限验证(permission.js)importrouterfrom'@/router'importnprogressfrom'nprogress'//进度条import'nprogress/nprog
面试官当面撕程序员简历：大专生我们不收！秋风_bdfd
每个人都有过求职的经历，这个过程也是很痛苦的，因为求职不可能会让你一帆风顺的，经常会使你碰壁。即便是被拒绝了之后，想想自己的哪些方面的不足，在下一次面试的时候做好准备，也没什么抱怨的。但是总有一些面试官的做法却让人感到愤怒。这里还是要推荐下小编的web前端学习群:687958461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份最新的web前端资料和0基础入门教程，欢迎
关于前端学习路线的一些建议陌染007
前言对于刚开始学习前端的伙伴俩说，问得最多的问题就是——前端技术现在如此繁杂，我到底应该如何学习。这个话题太大了，几句话回答不好；也由于这个问题确实困扰了很多前端开发人员，所以我也就着手系统的输出这篇文章。虽然这篇文章花了很长时间，肯定也有其局限性；希望各位不吝指出。入题我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一，所以对我们提出的要求也就越来越高。所以我们需要学的也就不仅仅只是C
前端学习之路(6) npm详解星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧ 前端前端学习 npm
npm是什么？npm（nodepackagemanager）：node.js的包管理器，用于node插件管理（包括安装、卸载、管理依赖等），npm是随同node.js一起安装的包管理工具，能解决node.js代码部署上的很多问题，常见的使用场景有以下几种：允许用户从npm服务器下载别人编写的第三方包到本地使用。允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或
Web前端学习笔记 jusw123456 前端学习 javascript
文章目录HTML+CSS系列学习笔记①之拨云见日1、什么是HTML、CSS？2、VSCode编译器（宇宙第一编译器）3、五大浏览器4、深入了解网站开发5、web前端的三大核心技术6、HTML基本结构和属性7、HTML初始代码8、HTML注释9、标题与段落10、文本修饰标签11、引入文件的地址路径12、图片标签13、跳转链接14、跳转锚点15、特殊符号16、列表标签17、表格标签18、表格属性19、
个人前端学习知识（javaScript）（保持更新） Natural-9 javascript 前端学习
JavaScript2022年8月1日一.javascript的组成1.ECMAScript:定义了javascript的语法规范，描述了语言的基本语法和数据类型2.BOM(BrowerObjectModel):浏览器对象模型，有一套成熟的可以操作浏览器的方法，通过BOM可以操作浏览器，比如：弹出对话框，跳转页面，获取分辨率等3.DOM(DocumentObjectModel）：文档对象模型，有一
【融职培训】Web前端学习第2章网页重构11 HTML5新增标签 lmonkey_01
一、html5概述html5是超文本标记语言（html）的第五次重大修改，可以简单的理解为是html的第五个大版本。我们平时所说的html5其实是包含了html5，css3的新特性，以及新增的JavaScript接口。本节的主要内容是讲解html5中新增加的布局标签和媒体标签。二、html5布局标签在此前我们学习的内容中，网页布局一直都是使用div作为容器，html5新标准中，为了让容器元素有语义
目前最全的前端开发面试题及答案 jooner
https://github.com/HerbertKarajan/Fe-Interview-questions在GitHub上收集的最全的前端资源汇总（包括前端学习、前端开发资源、前端求职面试等）react面试题https://www.cnblogs.com/wangking/p/9354368.htmlvue面试题https://www.cnblogs.com/wangking/p/95988
前端学习之路(4) vue2和vue3的区别星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧ 前端前端学习 vue.js
一.根节点不同vue2中必须要有根标签vue3中可以没有根标签，会默认将多个根标签包裹在一个fragement虚拟标签中，有利于减少内存。二.组合式API和选项式API在vue2中采用选项式API，将数据和函数集中起来处理，将功能点切割了当逻辑复杂的时候不利于代码阅读。在vue3中采用组合式API，将同一个功能的代码集中起来处理，使得代码更加有序，有利于代码的书写和维护。三.生命周期的变化创建前：
Enum 枚举 120153216 enum 枚举
原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： public static final int APPLE_FUJI = 0
Java8简明教程 bijian1013 java jdk1.8
Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。一.允许在接口中有默认方法实现 Java 8 允许我们使用default关键字，为接口声明添
Oracle表维护快速备份删除数据 cuisuqiang oracle 索引快速备份删除
我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备
java多态内存分析麦田的设计者 java 内存分析多态原理接口和抽象类
“ 时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心
Xshell实现Windows上传文件到Linux主机被触发 windows
经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛；我是怎么操作的： 1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo
类的加载ClassLoader 肆无忌惮_ ClassLoader
类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。其中重要的方法为findClass(String name)。如何写一个自己的类加载器呢？首先写一个便于测试的类Student
html5写的玫瑰花知了ing html5
<html> <head> <title>I Love You!</title> <meta charset="utf-8" /> </head> <body> <canvas id="c"></canvas>
google的ConcurrentLinkedHashmap源代码解析矮蛋蛋 LRU
原文地址： http://janeky.iteye.com/blog/1534352 简述 ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 http://code.google.com/p/concurrentlinke
webservice获取访问服务的ip地址 alleni123 webservice
1. 首先注入javax.xml.ws.WebServiceContext, @Resource private WebServiceContext context; 2. 在方法中获取交换请求的对象。 javax.xml.ws.handler.MessageContext mc=context.getMessageContext(); com.sun.net.http
菜鸟的java基础提升之道——————>是否值得拥有百合不是茶
1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员 java组成：
通过修改Linux服务自动启动指定应用程序 bijian1013 linux
Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下: chkconfig 功能说明：检查，设置系统的各种服务。语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level <</SPAN>
spring拦截器的一个简单实例 bijian1013 java spring 拦截器 Interceptor
Purview接口 package aop; public interface Purview { void checkLogin(); } Purview接口的实现类PurviesImpl.java package aop; public class PurviewImpl implements Purview { public void check
[Velocity二]自定义Velocity指令 bit1129 velocity
什么是Velocity指令在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令自定义指令(Directive)的一般步骤 &nbs
【Hive十】Programming Hive学习笔记 bit1129 programming
第二章 Getting Started 1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.
nginx有选择性进行限制 ronin47 nginx 动静　限制
http { limit_conn_zone $binary_remote_addr zone=addr:10m; limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;... server {... location ~.*\.(gif|png|css|js|icon)$ {
java-4.-在二元树中找出和为某一值的所有路径 . bylijinnan java
/* * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it. * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
Netty学习笔记 bylijinnan java netty
本文是阅读以下两篇文章时： http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 我的一些笔记 ===
js获取项目路径 cngolon js
//js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){ //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp var curWwwPath=window.document.locati
oracle 的性能优化 cuishikuan oracle SQL Server
在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。 1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！
Shell变量和数组使用详解 daizj linux shell 变量数组
Shell 变量定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： your_name="w3cschool.cc" 注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则：首个字符必须为字母（a-z，A-Z）。中间不能有空格，可以使用下划线（_）。不能使用标点符号。不能使用ba
编程中的一些概念，KISS、DRY、MVC、OOP、REST dcj3sjt126com REST
KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。（2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。（3）OOP 即Object-Orie
[Android]设置Activity为全屏显示的两种方法 dcj3sjt126com Activity
1. 方法1：AndroidManifest.xml 里，Activity的 android:theme 指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例: <application
solrcloud 部署方式比较 eksliang solrCloud
solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo
Java synchronized关键字详解 gqdy365 synchronized
转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。同步机制可以使用synchronized关键字实现。当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。当s
js实现登录时记住用户名 hw1287789687 记住我记住密码 cookie 记住用户名记住账号
在页面中如何获取cookie值呢? 如果是JSP的话,可以通过servlet的对象request 获取cookie,可以参考:http://hw1287789687.iteye.com/blog/2050040 如果要求登录页面是html呢?html页面中如何获取cookie呢? 直接上代码了页面:loginInput.html 代码: <!DOCTYPE html PUB
开发者必备的 Chrome 扩展 justjavac chrome
Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
算法机试题李亚飞 java 算法机试题
在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。这道题大致意思是：输入一个数，比如4,。这时会输出： &n
正确配置Linux系统ulimit值字符串 ulimit
在Linux下面部署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进
hibernate调用返回游标的存储过程 Supanccy2013 java DAO oracle Hibernate jdbc
注：原创作品，转载请注明出处。上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 1，创建oracle中的包，并在该包中创建的游标类型。 ---创建oracle的程
Spring 4.2新特性-更简单的Application Event wiselyman application
1.1 Application Event Spring 4.1的写法请参考10点睛Spring4.1-Application Event 请对比10点睛Spring4.1-Application Event 使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低; 1.2 示例包依赖 <p

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