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%;
}

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

前端学习路线：从零基础到初级工程师的完整指南（2025最新版）超浪的晨前端学习
前言作为连接设计与技术的核心岗位，前端开发在数字化时代持续释放强大生命力。本路线图专为初学者设计，通过「渐进式学习路径」+「实战项目驱动」的模式，助你系统掌握现代前端开发技能体系。一、基础筑基阶段（4-6周）三大核心基石HTML5语义化标签（）表单验证与多媒体支持SEO基础与无障碍访问CSS3Flex/Grid布局（重点掌握）动画与过渡（@keyframes+transition）响应式设计（媒体
前端学习网站大全洪布斯
CSDN-专业IT技术社区：https://www.csdn.net/GitHub：https://github.com/jQuery插件库-收集最全最新最好的jQuery插件：http://www.jq22.com/Iconfont-阿里巴巴矢量图标库：https://www.iconfont.cn/菜鸟教程-学的不仅是技术，更是梦想!：https://www.runoob.com/Animat
什么是解释型语言？什么又是编译型语言？ Aress" web前端开发学习 html 前端编译器编程语言
什么是解释型语言？什么又是编译型语言？前言一、源代码的执行方式二、编译器三、执行原理二者的区别编译型语言解释型语言前言本文章主要知识来自于Python编程基础的“编译型语言和解释型语言的区别”一节，原文来自C语言中文网网上的相关描述已经够多了，本文作为前端学习系列专题的一个知识拓展只是为了宝贝们在该专题进行知识查阅时更为方便示例代码示例代码：我是解释型语言helloworld！例：.html或.h
你好，我是冴羽，我写了一套《前端大佬成长之路》
你好，我是冴羽。这么正式的开头说明我有了一个大动作。是的，我创建了自己的知识星球：“冴羽·前端大佬成长之路”。重点一：新的一年，我会在知识星球更新一套“前端大佬成长之路”的课程。包含目标规划篇、学习方法篇、前端学习篇、个人管理篇、职场发展篇、面试技巧篇、健康养生篇共7大篇章、40节文章。总结了我近十年的工作生活经验，让大家少走一些弯路，节省一些时间。重点二：但是帮助你全面成长，一套课程是不够的，必
前端学习——CSS+JS实现进度条动画 younger_LF 前端（HTML+CSS+JS）CSS JS 进度条动画
CSS+JS实现进度条动画之前学习了导航条，那现在就来学习一下进度条。本次的学习试着写了两种风格的进度条，一种是圆点，一种是传统的条状。如下图：简单介绍一下，点击按钮之后，圆点的效果是蓝色部分从零开始变大，到充满了整个父标签，从左向右进行；传统条状的效果就单纯的从左向右进行。由于有光晕的效果，父标签应该允许溢出部分显示。再次点击按钮就重置为原来的样子。话不多说，直接开始。HTML部分HTML部分很
前端学习——CSS3实现时钟效果 younger_LF 前端（HTML+CSS+JS）CSS动画时钟效果
CSS3实现时钟效果最近想开始认真学习，然后想把学习记录下来，就写在博客这里了。最先是用CSS实现的是一个时钟的效果，如下图：实现效果1.圆盘说到时钟，肯定最先想到的是一个圆，所以就从一个圆开始。先写一个div，然后给相关的样式.clock{position:absolute;width:250px;height:250px;left:50%;top:50%;transform:translate
前端学习——css照片墙野生小米椒三大基础语言
照片墙案例body{background-color:gray;/*背景色*/text-align:center;/*照片居中*/}img{width:12%;/*设置高度*/padding:10px;/*设置内边距*/background-color:white;/*设置照片背景色*/transform:rotate(-10deg);/*设置倾斜角度*/margin:20px;/*设置内边距*/
前端学习——CSS W起名有点难学习笔记前端学习 css
CSSCSS（CascadingStyleSheets）级联样式表语法选择器全局选择器元素选择器类选择器ID选择器合并选择器选择器的优先级字体属性字体颜色背景属性background-color属性background-image属性background-repeat属性background-size属性background-position属性文本属性text-aligntext-decorat
大事件开发 - 前端学习笔记我只是什么都不会而已前端学习笔记
1.环境准备1.1创建Vue项目使用vite创建Vue3工程。目录结构调整，确保清晰的项目结构。1.2安装依赖npminstallaxioselement-plussassElement-Plus：UI组件库Axios：HTTP请求库Sass：CSS预处理器2.前后端连接（以注册功能为例）2.1搭建注册页面使用Element-Plus组件搭建注册表单。（就是前端一些样式和组件的代码可以从Eleme
前端入门HTML篇 JackHell. 前端学习前端 html
前端学习HTML篇[W3school：https://www.w3school.com.cn/html/index.asp]HTML是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言，经常用来创建web页面。html是制作网页的基础，我们在网络营销中讲的静态网页，就是以html为基础制作的网页。//src为属性名"photo.jpg"为属性值页面标题一级标题二级标题段落内容标签是什
前端学习——HTML W起名有点难学习笔记前端学习 html
VSCode常用快捷键代码格式化：Shift+Alt+F向上或向下移动一行：Alt+Up或Alt+Down快速复制一行代码：Shift+Alt+Up或者Shift+Alt+Down快速替换：Ctrl+HHTML标签文本标签定义着重文字定义粗体文字定义斜体文字加重语气删除字无特定含义列表标签1、有序列表//type可以改变列表项目标签//1：用数字标号；A：用大写字母标号；a：用小写字母标号；i：小
前端学习资料集合 mdnbnb 前端
针对前端的学习，不同阶段采用的方式是不一样的。本文把前端的学习分为入门、实战、进阶三个阶段。下面分开来说一、入门阶段入门阶段的目标是学会前端的基本语法和知识，能够解决一些简单的问题。这个阶段不建议看书学习，效率太慢。这个阶段不追求知识广度，只要求能够快速上手就行。建议直接找一些介绍前端的基础知识的视频课程来看。推荐一个比较经典的课程。前端基础班就业班实战项目全套课程聊聊前端开发的基础知识4小时带你
你好，我是冴羽，我写了一套《前端大佬成长之路》
你好，我是冴羽。这么正式的开头说明我有了一个大动作。是的，我创建了自己的知识星球：“冴羽·前端大佬成长之路”。重点一：新的一年，我会在知识星球更新一套“前端大佬成长之路”的课程。包含目标规划篇、学习方法篇、前端学习篇、个人管理篇、职场发展篇、面试技巧篇、健康养生篇共7大篇章、40节文章。总结了我近十年的工作生活经验，让大家少走一些弯路，节省一些时间。重点二：但是帮助你全面成长，一套课程是不够的，必
前端学习Day4 CSS基础笔记 Yukukiii 前端 css 学习
目标能够说出什么是CSS能够使用CSS基础选择器能够设置字体样式能够设置文本样式能够说出CSS的三种引入方式能够使用Chrome调试工具调试样式CSS:层叠样式表(Cascadingstylesheets)语法：写在head里面p{color:brown;//文字变色font-size:30px;//字变大background-color:blue;//背景色为蓝色width:400px;heig
2022年9月前端学习笔记早日退休！前端学习 html5 前端
目录2022.09.011、overflow:auto;2、封装通用axios返回值类型3、vite构建的vue3项目适配移动端4、使用vue3+vite+TypeScript搭建新项目1.新建项目2.配置vue-router43.配置vuex45、深拷贝和浅拷贝1.浅拷贝2.深拷贝2022.09.021、同步与异步2、事件循环eventloop3、遇到的坑：vue中给点击事件@click使用三元
【前端学习笔记】Vue3 咔叽布吉前端学习前端学习笔记
一、Vue3新变化Vue3相比于Vue2做了很多改进，不仅提升了性能，还引入了一些新的功能，使得开发更加高效、灵活。1.性能提升Vue3在性能方面做了大量的优化，尤其是在渲染和更新方面，主要通过以下几个方式提升：更快的虚拟DOM：Vue3的虚拟DOM实现进行了优化，减少了不必要的渲染和更新，提高了性能。TreeShaking：Vue3在构建时支持更好的TreeShaking（摇树优化），即只打包你
【前端学习笔记】Vite 咔叽布吉前端学习前端学习笔记
1.ViteVite是一个现代前端构建工具，旨在通过提供快速的开发体验和高效的构建性能来解决传统构建工具（如Webpack）在开发过程中的瓶颈。Vite的核心思想是通过利用浏览器原生的模块系统（ESModules）以及对构建过程进行优化，从而大大提升开发和构建的效率。Vite详细解读Vite是一个现代前端构建工具，旨在通过提供快速的开发体验和高效的构建性能来解决传统构建工具（如Webpack）在开
github项目推荐：少儿图形化编程启蒙游戏橙狮科技 github 大前端 typescript javascript 前端框架
介绍codeABC是一个少儿编程启蒙项目，包括6个编程主题，每个主题包括超过20个关卡，typescript编写，基于Phaser游t戏引擎（https://github.com/photonstorm/phaser）,不错的前端学习项目。纯web开发，可以发布为网页或APP。github仓库https://github.com/techtogood/CodeABC在线体验ffmagic.com/
web前端学习7-css动画过渡修罗_ web前端新手必看16篇 css3 css
学习7-css动画过渡css使用过渡p{/*初始属性*/width:100px;height:100px;background-color:#00FFFF;}p:hover{/*间接过渡法-鼠标经过区域会显示为以下属性*/width:200px;height:200px;background-color:#FF0000;transition-delay:1s;/*1秒后执行过渡*/transiti
前端学习-事件委托（三十） marshalVS 学习
目录前言课前思考for循环注册事件语法事件委托1.事件委托的好处是什么?2.事件委托是委托给了谁，父元素还是子元素3.如何找到真正触发的元素示例代码总结前言才子佳人，自是白衣卿相课前思考1.如果同时给多个元素注册事件，我们怎么做的?for循环注册事件语法constlis=document.querySelectorAll('ulli');for(leti=0;iDocument.highligh
【前端学习路线】- 简呀啊~~ 前端学习 react.js vue.js 前端框架 javascript
前端学习路线1.前端开发概述1.1前端的定义与重要性1.2前端技术的演变历程1.3前端开发的核心技能要求2.前端框架总览2.1什么是前端框架？2.2前端框架的分类2.3选择框架时的考虑因素3.主流前端框架及其特点3.1React3.2Vue4.前端开发工具与技术栈4.1开发工具4.2构建工具4.3包管理工具4.4版本控制4.5自动化与CI/CD4.6API请求与数据管理5.前端开发学习路线5.1初
前端学习：Axios Http请求库入门与实战应用 Landy_Jay http 网络协议网络
什么是Promise？Promise是一个表示异步操作最终完成或失败的对象。它允许你更优雅地处理异步操作，避免回调地狱（CallbackHell）。特点：异步性：Promise代表一个异步操作的最终完成或失败。不可更改：一旦Promise的状态确定为成功（resolved）或失败（rejected），它就不会再改变。链式调用：可以将多个异步操作按顺序排列，形成链式调用。Promise的基本状态一个
前端学习-事件解绑，mouseover和mouseenter的区别(二十九) marshalVS 前端学习
目录前言解绑事件语法鼠标经过事件的区别鼠标经过事件示例代码两种注册事件的区别总结前言人道洛阳花似锦，偏我来时不逢春解绑事件on事件方式，直接使用null覆盖就可以实现事件的解绑语法btn.onclick=function(){alert('点击了')}btn.onclick=null;constben=document.querySelector('button');ben.addEventLis
前端学习-环境this对象以及回调函数（二十七） marshalVS 学习 javascript 前端
目录前言目标环境对象作用环境对象this是什么？判断this指向的粗略规则是什么？回调函数目标常见的使用场景综合案例：Tab任务栏切换总结前言男儿何不带吴钩，收取关山五十州目标能够分析判断函数运行在不同环境中this所指代的对象环境对象指的是函数内部特殊的变量this，它代表当前函数运行时所处的环境作用弄清楚this的指向，可以使代码更简洁函数的调用方式不同，this所指代的对象不同[谁调用，th
免费开源的后端API服务-supabase安装和使用-简直是前端学习者福音前端三评 strapi Ajax 工具开源前端 supabase
文章目录它是什么安装和部署关于安装关于部署1、注册用户2、创建组织3、创建项目创建数据库表（填充内容）填充数据库表使用postman联调API它是什么一个开源免费的后端框架，firebase的替代品。可以简单理解类似于headlesscms，但是不仅仅只提供内容，它还集成了服务订阅、即时API，用户身份认证（包括第三方身份认证，比如使用github、Google等账号实现快速登录和注册）、边缘函数
小白WEB前端学习（七） Sun ᥫᩣ涵 WEB前端前端学习
续：小白WEB前端学习（六）继续学习CSS（五）8.响应式布局：响应式布局意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式1.响应式布局介绍：优点:面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点:兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长手机:76899212482.media媒体查询HTML标签字号手机屏幕大小不同，分辨率不同如何设置不同的htm
小白WEB前端学习（五） Sun ᥫᩣ涵 WEB前端前端学习
续：小白WEB前端学习（四）继续正式学习CSS（三）6.float布局！主要用于左右做图片，右文字的题目标准流标准流也叫文档流，指的是标签在页面中默认的排布规则，使⼀个元素脱离标准文档流有三种方式1.浮动2.绝对定位3.固定定位例如:块元素独占一行，行内元素可以一行显示多个。浮动作用：让块元素水平排列属性名：float属性值：left和right浮动后会脱离标准流，等于开了一个新的页面，内容在的话
Web前端学习重点笔记 HeHolly 前端学习笔记
第一章：Web前端开发技术综述第二章：HTML基础第三章：格式化文本与段落标记：标题字标记：大——小字体标记：水平线标记：段落缩进标记：默认5个字符位置拼音标记：何(he)原样显示标记：特殊符号：显示结果说明符号代码空格 >大于号>加粗倾斜删除线下划线上标下标加粗倾斜变小字号变大字号第四章：列表有序列表……type="1(默认)|A|a|i|I"无序列表……type="disc(默
前端-从入门到入土
前端学习路线基础部分（HTML+CSS+JS入门）快速了解，能够进行简单的页面布局，交互JS部分，可以写一些小demo来熟悉常见的API推荐教程：https://www.bilibili.com/video/BV1BT4y1W7Aw/?spm_id_from=333....框架部分这里推荐Vue框架，相对React会更容易上手，并且中文文档也相对友好推荐教程：https://www.bilibil
HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
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 其他