Banana_junn
Banana_junn

【前端学习】 html学习笔记

这段时间在学前端，跟着一个up主的视频边学边敲，整理了一下笔记。

感觉学前端难的不是知识的深度，而是背单词，像在学英语一样……

废话不说，切入正题。

目录：

    • 一、html基本元素
    • 二、html列表元素
    • 三、html表单元素
    • 四、html表格元素
    • 五、html动画、过渡实例
    • 六、html嵌入视频
    • 七、html嵌入图片与创建分区响应图

一、html基本元素

      
      

<head>            
    <meta charset="UTF-8">       
    <title>Titletitle>         
head>

<body>
<a href="" target="_blank">徐大虾nba>         

<h1>我的第一个标题h1>        

<p>我的第一个段落p>        

<b>徐大虾nbb>                  
<strong>徐大虾nbstrong>

<i>徐大虾nbi>                  
<em>徐大虾nbem>

<u>徐大虾nbu>               

<s>徐大虾nbs>              
<del>徐大虾nbdel>

这个是<sup>上标sup>        

这个是<sub>下标sub>        

<br/>       
<hr/>       
body>

html>

二、html列表元素







<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表元素title>
head>
<body>
    
<ol>
    <li>ali>
    <li>ali>
    <li>ali>
ol>
    
<ol reversed>         
    <li>ali>
    <li>ali>
    <li>ali>
ol>
    
<ol type="a">       
    <li>ali>
    <li>ali>
    <li>ali>
ol>
    
<ol type="I">       
    <li>ali>
    <li>ali>
    <li>ali>
ol>
    
<ol>
    <li>题目li>
    <ol type="a">             
        <li>ali>
        <li>ali>
        <li>ali>
        <li>ali>
    ol>
ol>
    
<ul>                 
    <li>ali>
    <li>ali>
    <li>ali>
    <li>ali>
ul>
    
body>
html>

三、html表单元素




<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>

<body>
<form>
    <input type="text">            
    <br/><br/>                 
    <input type="text" value="梅乃丹nb">       
    <br/><br/>
    <input type="text" placeholder="徐大虾nb">      
    <br/><br/>
    <input type="text" placeholder="徐大虾nb" maxlength="9">      
    <br/><br/>
    <input type="text" placeholder="徐大虾nb" size="50">       
    <br/><br/>
    <input type="text" value="徐大虾nb" readonly>            
    <br/><br/>
    <input type="password" placeholder="请输入密码">            
    <br/><br/>

    <textarea>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaatextarea>       
    <br/><br/>
    <textarea rows="20">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaatextarea>      
    <br/><br/>
form>

<form>
    <input type="button" value="按钮">         
    <button>按钮button>            
    <input type="submit" value="提交">        
    <br/><br/>

    <input type="range" min="-100" max="100">       
    <br/><br/>
    <input type="range" min="-100" max="100" step="20" value="-100">    
    <br/><br/>
    <input type="number" min="-100" max="100" value="0">      
    <br/><br/>
    <input type="checkbox">选择        
    <input type="radio">选择         
    <br/><br/>

    <input type="radio" name="a" checked>选择        
    <input type="radio" name="a">选择
    <input type="radio" name="a">选择
    <br/><br/>

    你最喜欢的水果是啥？
    <select>                             
        <option>苹果option>
        <option>香蕉option>
        <option>西瓜option>
    select>

    <input type="text" list="datalist">             
    <datalist id="datalist">
        <option>苹果option>
        <option>香蕉option>
        <option>西瓜option>
    datalist>
    <br/><br/>
form>

<form>
    <input type="email">
    <input type="tel">
    <input type="url">
    <input type="hidden">     
    <input type="date">       
    <input type="color">      
    <input type="search">     
    <br/><br/>
    <input type="image" src=".idea/mnd.jpg">               
    <input type="image" src=".idea/mnd.jpg" width="80">    
    <br/><br/>
    <input type="file">          
    <input type="file" multiple>            
form>
body>

html>

四、html表格元素




<html lang="en">
    
<head>
    <meta charset="UTF-8">
    <title>创建表格title>
head>

<body>
<table border="1px">          
    <thead>            
    <tr>
        <th>姓名th>         
        <th>学号th>
        <th>年级th>
    tr>
    thead>
    <tbody>
    <tr>
        <td>小明td>
        <td>001td>
        <td>大一td>
    tr>
    <tr>
        <td>小红td>
        <td>0000002td>
        <td>大三td>
    tr>
    <tr>
        <td>小张td>
        <td>0003td>
        <td>大二td>
    tr>
    tbody>
    <tfoot>                  
    <tr>
        <td>姓名td>
        <td>学号td>
        <td>年级td>
    tr>
    tfoot>
table>

<br>
<table border="1px">
    <tr>
        <th rowspan="2">aaaath>        
        <th>aaaath>
        <th>aaaath>
        <th>aaaath>
    tr>
    <tr>
        <td colspan="2">aaaatd>        
        <td>aaaatd>
    tr>
    <tr>
        <td>aaaatd>
        <td>aaaatd>
        <td>aaaatd>
        <td>aaaatd>
    tr>
table>
body>
html>

五、html动画、过渡实例


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html动画、过渡实例title>
    <style type="text/css">
        .div {
      
            text-align: center;
        }
        .img {
      
            margin-top: 130px;
            width: 600px;
            height: 600px;
        }
        .img:hover {
                          /*这种鼠标要跟着图片移动*/
            animation-name: img;
            animation-delay: 500ms;
            animation-fill-mode: forwards;
        }
        html:hover .img {
                     /*鼠标放在图片那里一次就行，但是离开浏览器界面图片还是会恢复*/
            animation-name: img;
            animation-delay: 500ms;
            animation-duration: 1s;
            animation-fill-mode: forwards;
        }
        @keyframes img {
      
            to {
      
                width: 100px;
                height: 100px;
                margin-top: 0px;
            }
        }
        p {
      
            font-family: 华文楷体;
            font-size: 40px;
            text-shadow: 10px 10px 2px black;
        }
        html:hover p {
      
            transition-delay: 500ms;
            transition-duration: 1s;
            font-family: 华文楷体;
            font-size: 10px;
            text-shadow: 10px 10px 2px black;
            opacity: 0;
        }
    style>
head>
<body>
<div class="div">             
    <img src="mnd.jpg" class="img">
    <p>梅乃丹nbp>
div>
body>
html>

六、html嵌入视频


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
<video src="荒野乱斗.mp4" height="500px" autoplay>video>          
<video src="荒野乱斗.mp4" height="500px" controls preload="auto">video>      
<video src="荒野乱斗.mp4" height="500px" controls preload="metadata">video>       
<video src="荒野乱斗.mp4" height="500px" controls preload="metadata" poster=".idea/mnd.jpg">video>      

<video src="荒野乱斗.mp4" height="500px" controls preload="metadata">

    <source src="mnd.ogv" type="video/ogg">
video>

body>
html>

注意，视频文件要和html文件放在同个文件夹中！

七、html嵌入图片与创建分区响应图


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创建图片title>
head>
<body>
<img src=".idea/皮卡丘.jpg">
<img src=".idea/皮卡丘.jpg" width="128px" height="200px">        
<img src=".idea/皮卡丘.jpg" width="128px" alt="备用按钮">       



<a>

a>
body>
html>

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

  • 在Python中实现一个简单的社交媒体应用 清水白石008 Python题库pythonpython媒体开发语言
    在Python中实现一个简单的社交媒体应用社交媒体应用是现代互联网的重要组成部分，允许用户分享信息、交流和互动。在这篇博文中，我们将使用Python构建一个简单的社交媒体应用，涵盖用户注册、发布动态、评论和查看动态等基本功能。我们将使用Flask框架作为后端，SQLite作为数据库，前端使用HTML和Bootstrap进行简单的界面设计。一、项目准备1.环境设置首先，确保你已经安装了Python和
  • 前端框架大比拼：React.js, Vue.js 及 Angular 的优势与适用场景探讨 布兰妮甜 前端框架前端前端框架react.jsvue.jsangular.js
    文章目录前言一、React.js特点使用方法适用场景二、Vue.js特点使用方法适用场景三、Angular特点使用方法适用场景四、如何选择合适的前端框架五、前端框架对项目性能的影响结语前言随着互联网技术的飞速发展，前端开发已经从简单的页面展示演变为复杂的应用构建。为了应对日益增长的需求，各种前端框架应运而生，帮助开发者提高开发效率、优化用户体验。本文将详细介绍当前最流行的三个前端框架——React
  • 深入探讨Web应用开发：从前端到后端的全栈实践 芯作者 DD：日记神经网络人工智能
    在数字化时代，Web应用已成为连接用户与服务的关键桥梁。无论是电商平台、社交媒体，还是企业内部管理系统，Web应用都扮演着不可或缺的角色。本文将深入探讨Web应用开发的全栈实践，从前端的用户体验设计到后端的数据处理与存储，全面解析构建高效、安全、可扩展Web应用的关键步骤与技术选型。一、前端：构建用户友好的交互界面前端是Web应用与用户直接交互的界面，其设计直接影响用户体验。前端开发主要涵盖HTM
  • Angular 2 表单深度解析 lsx202406 开发语言
    Angular2表单深度解析引言Angular2作为现代前端开发的框架之一，以其灵活性和强大的功能赢得了众多开发者的青睐。在Angular2中，表单处理是其中一个重要且复杂的部分。本文将深入解析Angular2的表单，从基础知识到高级应用，旨在帮助开发者更好地理解和运用Angular2表单。目录Angular2表单概述表单绑定表单验证表单控件表单组高级应用总结1.Angular2表单概述在Angu
  • 前端的请求头和响应头以及常见用途
    在浏览器中发送HTTP请求时，通常需要查看请求头（requestheaders）和响应头（responseheaders）。这些头部信息包含了关于请求或响应的重要信息，例如内容类型、编码方式、cookie等。我们在对接后端的时候经常会碰到跟请求头和响应头的问题，下面是关于请求头和响应头的一些常用字段说明，了解这些非常重要，请求头（RequestHeaders）请求头包含了客户端（浏览器）向服务器发
  • monaco-editor 的 Language Services 前端
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：修能这是一段平平无奇的SQL语法SELECTid,sum(name)FROMstudentGROUPBYidORDERBYid;如果把这段代码放到monaco-editor(@0.49.0)中，一切也显得非常普通。monaco.editor.create(ref.
  • 使用ndoe实现自动化完成增删改查接口 光头程序员 自动化运维
    使用ndoe实现自动化完成增删改查接口最近工作内容比较繁琐，手里需要开发的项目需求比较多，常常在多个项目之间来回切换，有时候某些分支都不知道自己开发了什么、做了哪些需求，使用手写笔记的方式去记录分支到头来也是眼花缭乱，作为前端工作3年的弟弟想着为啥不能自己直接将这些数据存在数据库里，实现一个增删改查的日常工作记录管理呢？说干就开始搞！！！1、首先我们先安装mysql数据库1.1、这个就直接搜一个教
  • 【FISCO BCOS】二十三、部署WeBASE-Node-Manager 奈何不吃鱼 FISCOBCOS区块链FISCOBCOSLinux运维WeBASE
    WeBASE-Node-Manager是WeBASE的子组件之一，可以处理前端页面所有web请求，管理各个节点的状态，管理链上所有智能合约，对区块链的数据进行统计、分析，对异常交易的审计，私钥管理等，今天我们来部署WeBASE-Node-Manager。环境：ubuntu22、已搭建单机四节点（节点已启动）、安装并配置java环境、安装并配置mysql环境、已部署节点前置服务（服务已启动）关于以上
  • SpringBoot使用 easy-captcha 实现验证码登录功能 八月五 实战项目springboot后端java
    文章目录一、环境准备1.解决思路2.接口文档3.redis下载二、后端实现1.引入依赖2.添加配置3.后端代码实现4.前端代码实现在前后端分离的项目中，登录功能是必不可少的。为了提高安全性，通常会加入验证码验证。easy-captcha是一个简单易用的验证码生成库，支持多种类型的验证码（如字符、中文、算术等）。本文将介绍如何在SpringBoot后端和Vue.js前端中集成easy-captcha
  • python实战项目27：boss直聘招聘数据可视化分析 wp_tao Python副业接单实战项目信息可视化python数据分析
    boss直聘招聘数据可视化分析一、数据预处理二、数据可视化三、完整代码一、数据预处理在上一篇博客中，笔者已经详细介绍了使用selenium爬取南昌市web前端工程师的招聘岗位数据，数据格式如下：这里主要对薪水列进行处理，为方便处理，将日薪和周薪的数据删除，将带有13薪和14薪的数据也删除，计算出最低薪资、最高薪资和平均薪资三列。数据预处理代码如下：importpandasaspddf=pd.rea
  • JAVAEE框架技术之14SSM综合案例 产品管理CRUD teayear 毕业设计项目java-eejavaspring
    SSM综合案例一、课程目标1.【掌握】SSM整合2.【√】学习Lombok使用3.【理解】Layui页面书写（备注：其他前端技术也可以）4.【理解】理解SSM综合案例表的结构5.【掌握】产品管理二、SSM整合Spring+SpringMVC+Mybatis–>SSMSpring+Struts2+Hibernate-->SSH2.1简单整合在学习springmvc时我们发现，springmvc也会像
  • Svelte 最新中文文档翻译（5）—— 基础标记
    前言Svelte，一个非常“有趣”、用起来“很爽”的前端框架。从Svelte诞生之初，就备受开发者的喜爱，根据统计，从2019年到2024年，连续6年一直是开发者最感兴趣的前端框架No.1：Svelte以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级Web项目，也是我做个人项目的首选技术栈。目前Svelte基于Svelte5发布了最新的官方文档，但却缺少对应的中文
  • 多线程在打包工具中的运用 前端
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：UED团队现代操作系统都是「多任务」的，也就是操作系统可以「并发」处理多个任务，比如可以在浏览页面的时候同时播放音乐。但是，一般来说我们的PC只有一个物理CPU，那么它是如何做到在只有一个CPU的情况下，并发处理多个任务的呢？我们简单探究一下。前置知识我们先简单熟
  • web前端10--变化 Lorcian css前端学习笔记html5
    -transform`transform`：允许你通过改变元素的位置、旋转、缩放或倾斜来操作元素。1、rotate()`rotate()`函数旋转元素。语法：`rotate(angle)`，其中`angle`表示旋转的角度。```css.element{transform:rotate(45deg);}```2、scale()`scale()`函数缩放元素的大小。语法：`scale(x,y)`，其
  • 云借阅-图书管理系统 夏之目 程序mybatisjavaspring
    程序设计逻辑简单，适合观摩学习使用。文章目录前言一、开发技术与工具二、功能模块三、运行截图总结前言云借阅图书管理系统主要实现了两大功能模块:用户登录模块和图书管理模块，用户登录模块主要用于实现用户的登录与注销;图书管理模块主要用于管理图书，如新书推荐、图书借阅等。一、开发技术与工具1.开发技术：后端：SSM(Spring、SpringMVC、Mybatis)框架前端：JSP、Ajax、JQuery
  • Angular 1 深度解析：脏数据检查与 angular 性能优化 chouang1992 javascriptui前端框架ViewUI
    TL;DR脏检查是一种模型到视图的数据映射机制，由$apply或$digest触发。脏检查的范围是整个页面，不受区域或组件划分影响使用尽量简单的绑定表达式提升脏检查执行速度尽量减少页面上绑定表达式的个数（单次绑定和ng-if）给ng-repeat添加trackby让angular复用已有元素什么是脏数据检查（Dirtychecking）Angular是一个MVVM前端框架，提供了双向数据绑定。所谓
  • vue 无法 局域网内访问 m0_75101866 开发工具vue.js
    资料Vue项目设置可以局域网访问_vue.js_脚本之家过程上午，前端vue服务能够在局域网内访问，下午就不行了，但是后端服务能够正常访问，本机也能正常访问ip：端口号前端服务判定不是下面的问题：同一局域网下访问vue项目_vue在局域网内访问-CSDN博客然后，关闭防火墙尝试。。-_-!netshadvfirewallfirewalladdrulename="Allow8080"dir=inac
  • 微信小程序部分用户报错ERR_CONNECTION_REFUSED连接被拒绝 木雷双雄7 微信小程序微信小程序
    【问题描述】部分微信小程序用户出现连接被拒绝的错误，报错信息为{"code":0,"message":"{\"errno\":600001,\"errMsg\":\"request:failerrcode:-102cronet_error_code:-102error_msg:net::ERR_CONNECTION_REFUSED\"}"}【问题排查】后端没有错误日志，前端没有js报错，那报错从何
  • vue 前端显示图片加token_手摸手，带你用vue撸后台 系列二(登录权限篇) weixin_39562579 vue前端显示图片加tokenvue本地存储vue编辑页面和新增
    完整项目地址：vue-element-adminhttps://github.com/PanJiaChen/vue-element-admin前言拖更有点严重，过了半个月才写了第二篇教程。无奈自己是一个业务猿，每天被我司的产品虐的死去活来，之前又病了一下休息了几天，大家见谅。进入正题，做后台项目区别于做其它的项目，权限验证与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功
  • Vite + Vue3 + TS项目配置前置路由守卫 洛*璃 Vue.jsvue.js前端javascriptVue-RouterPiniatypescript
    在现代前端开发中，使用Vue3和TypeScript的组合是一种流行且高效的开发方式。Vite是一个极速的构建工具，可以显著提升开发体验。本文博主将指导你如何在Vite+Vue3+TypeScript项目中配置前置路由守卫（NavigationGuards）。前置条件在开始配置项目前置路由守卫前，博主希望你能够先达成以下前置条件：1.完成Vue3前端项目搭建:Vite创建Vue3+TS项目2.引入
  • JHipster入门 - 生成单体架构的应用 yorkwu1977 软件工程架构
    JHipster入门-生成单体架构的应用目标准备工作生成基础功能输入指令开始问答环节问答环节结束，开始自动生成基础功能代码生成业务功能输入指令开始问答环节问答环节结束，开始自动生成业务功能代码调试启动启动后端服务启动前端服务访问前端页面打包启动构建启动访问前端页面关于数据库交给JHipster自己启动目标30分钟内生成一个开箱即用的单体架构应用。生成SpringBoot后端代码和Vue前端代码。基
  • 【Blazor】使用C#替代Java编写代码的前端开发框架 雕技小虫 系统开发WindowsServerBlazor.NET前端开发框架webassembly
    Blazor是微软于2019年下半年开始陆续全新推出的前端开发框架。优势无需插件，基于Web标准可与JavaScript交互利用.NETCore优势Blazor有两个版本：Server||WebAssemblyBlazorServer可以理解为在服务器上运行的Blazor，客户端与服务器间通过SignalR实进通信，2019年09月正式发布。BlazorWebAssembly2020年05月正式发
  • fuadmin jcsx 开源学习djangovue.js
    fu-admin-web采用VUE3，TS开发。fu-admin-backend采用Python，Django和Django-Ninija开发。数据库支持MySql，SqlServer，Sqlite。‍‍前端采用VbenAdmin、Vue3、AntDesignVue。后端采用Python语言Django框架以及强大的DjangoNinja。支持加载动态权限菜单，多方式轻松权限控制。Vue2项目移步
  • docker容器基础入门 霉逝 docker容器运维
    docker容器技术基础入门文章目录docker容器技术基础入门@[toc]1.docker基本概念2.Docker的引擎的组成以及功能3.docker的架构4.docker安装、配置加速器以及常用指令4.1安装docker软件包4.2开启docker并查看状态4.3配置阿里云镜像加速器4.4docker常用命令1.docker基本概念docker是容器技术的一个前端工具，容器是内核的一项技术，d
  • 前端构建工具 光影少年 前端软件构建
    前端构建工具是开发现代Web应用时不可或缺的工具，用于优化代码、提升开发效率、以及实现高效的构建和部署。以下是常见的前端构建工具及其作用：1.模块打包工具Webpack特点：功能强大，插件与配置灵活。作用：将模块（JS、CSS、图片等）打包成浏览器可运行的文件。适用场景：中大型项目，需高度自定义。Vite特点：轻量、快速构建，基于ESModules。作用：适合现代框架如Vue、React，热更新速
  • Vue.js组件开发研究 清北互联木材 vue.js
    摘要随着前端技术的快速发展，Vue.js以其轻量级、高性能和组件化开发的优势，在前端开发领域占据了重要地位。本研究深入探讨了Vue.js组件开发的理论基础、开发方法以及实际应用。通过系统梳理Vue.js框架的核心特性、组件化思想及Vue.js组件的基本概念，本研究为Vue.js组件开发提供了全面的理论支撑。进一步地，本研究详细介绍了Vue.js组件的设计原则、组成要素及组件之间的关系，并阐述了组件
  • 什么是vue.js组件开发，我们需要做哪些准备工作？ 大懒猫软件 vue.js
    Vue.js是一个非常流行的前端框架，用于构建用户界面。组件开发是Vue.js的核心概念之一，通过将界面拆分为独立的组件，可以提高代码的可维护性和复用性。以下是一个详细的Vue.js组件开发指南，包括基础概念、开发流程和代码示例。一、Vue.js组件开发基础1.组件的基本结构Vue.js组件是一个独立的、可复用的UI元素。每个组件都有自己的模板、逻辑和样式。组件的基本结构如下：vue复制{{tit
  • 1.7K star！AI Cover：开源的红包封面[特殊字符]生成器，赶快收藏！ 前端后花园 前端热门开源项目人工智能githubjavascript开发语言前端代码片段
    欢迎来到前端后花园！我们专注分享前端开源项目，目标是探索分享精选100个高质量的开源项目。这是系列的第3篇文章，分享一个AI红包封面生成开源项目。大家好，我是小前！想要制作一款红包封面？却不懂PS，没关系，小前今天分享的开源项目-AI红包封面生成，输入提示词（eg.蛇年快乐）即可生成符合设计规范的红包封面，快来看看吧！简介AICover是一款开源的红包封面生成器，输入要生成的红包描述，即可快速生成
  • python实战项目34：基于flask的天气数据可视化系统1.0 wp_tao Python副业接单实战项目flask信息可视化python
    基于flask的天气数据可视化系统1.0一、效果展示二、flask简介三、图表绘制四、前端页面编写五、完整代码一、效果展示该flask项目相对简单入门，使用了flask框架、bootstrap前端技术，数据使用的是上一篇scrapy爬取城市天气数据中爬取到的数据。二、flask简介Flask是一个基于Python的Web开发框架，它以灵活、微框架著称，基于werkzeug的轻量级web框架，可提高
  • GB/T28181 全栈开发日记[6]：React 快速接入 jessibuca.js 播放器 gospace 从0到实现GB/T28181协议的完整实践javascriptreact.js前端golang音视频
    GB/T28181全栈开发日记[6]：React快速接入jessibuca.js播放器服务端源代码github.com/gowvp/gb28181前端源代码github.com/gowvp/gb28181_web介绍GoWVP(GolangWebVideoPlatfrom)是一个Go语言实现的，基于GB28181-2022标准实现的网络视频平台，负责实现核心信令与设备管理后台部分，支持海康、大华、
  • 插入表主键冲突做更新 a-john
    有以下场景： 用户下了一个订单，订单内的内容较多，且来自多表，首次下单的时候，内容可能会不全（部分内容不是必须，出现有些表根本就没有没有该订单的值）。在以后更改订单时，有些内容会更改，有些内容会新增。 问题： 如果在sql语句中执行update操作，在没有数据的表中会出错。如果在逻辑代码中先做查询，查询结果有做更新，没有做插入，这样会将代码复杂化。 解决： mysql中提供了一个sql语
  • Android xml资源文件中@、@android:type、@*、？、@+含义和区别 Cb123456 @+@?@*
    一.@代表引用资源 1.引用自定义资源。格式：@[package:]type/name android：text="@string/hello"   2.引用系统资源。格式：@android:type/name     android:textColor="@android:color/opaque_red"
  • 数据结构的基本介绍 天子之骄 数据结构散列表树、图线性结构价格标签
    数据结构的基本介绍 数据结构就是数据的组织形式，用一种提前设计好的框架去存取数据，以便更方便，高效的对数据进行增删查改。正确选择合适的数据结构，对软件程序的高效执行的影响作用不亚于算法的设计。此外，在计算机系统中数据结构的作用也是非同小可。例如常常在编程语言中听到的栈，堆等，就是经典的数据结构。   经典的数据结构大致如下：   一：线性数据结构 (1)：列表 a
  • 通过二维码开放平台的API快速生成二维码 一炮送你回车库 api
     现在很多网站都有通过扫二维码用手机连接的功能，联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊，写了个前台快速生成二维码的方法。        html代码如下:(二维码将生成在这div下) ? 1  &nbs
  • ImageIO读取一张图片改变大小 3213213333332132 javaIOimageBufferedImage
    package com.demo; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; /** * @Description 读取一张图片改变大小 * @author FuJianyon
  • myeclipse集成svn（一针见血） 7454103 eclipseSVNMyEclipse
                                     &n
  • 装箱与拆箱----autoboxing和unboxing darkranger J2SE
    4.2　自动装箱和拆箱 基本数据(Primitive)类型的自动装箱(autoboxing)、拆箱(unboxing)是自J2SE 5.0开始提供的功能。虽然为您打包基本数据类型提供了方便，但提供方便的同时表示隐藏了细节，建议在能够区分基本数据类型与对象的差别时再使用。 4.2.1　autoboxing和unboxing 在Java中，所有要处理的东西几乎都是对象(Object)
  • ajax传统的方式制作ajax aijuans Ajax
    //这是前台的代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+
  • 只用jre的eclipse是怎么编译java源文件的？ avords javaeclipsejdktomcat
    eclipse只需要jre就可以运行开发java程序了，也能自动 编译java源代码，但是jre不是java的运行环境么，难道jre中也带有编译工具？ 还是eclipse自己实现的？谁能给解释一下呢问题补充：假设系统中没有安装jdk or jre，只在eclipse的目录中有一个jre，那么eclipse会采用该jre，问题是eclipse照样可以编译java源文件，为什么呢？ &nb
  • 前端模块化 bee1314 模块化
    背景： 前端JavaScript模块化，其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来，还处于刀耕火种的野蛮生长阶段。   JavaScript一直缺乏有效的包管理机制，造成了大量的全局变量，大量的方法冲突。我们多么渴望有天能像Java（import），Python (import)，Ruby(require)那样写代码。在没有包管理机制的年代，我们是怎么避免所
  • 处理百万级以上的数据处理 bijian1013 oraclesql数据库大数据查询
    一.处理百万级以上的数据提高查询速度的方法：        1.应尽量避免在 where 子句中使用!=或<>操作符，否则将引擎放弃使用索引而进行全表扫描。         2.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 o
  • mac 卸载 java 1.7 或更高版本 征客丶 javaOS
    卸载 java 1.7 或更高 sudo rm -rf /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin 成功执行此命令后，还可以执行 java 与 javac 命令 sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPane 成功执行此命令后，还可以执行 java
  • 【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析 bit1129 Stream
    第一步，Flume和Kakfa对接，Flume抓取日志，写到Kafka中 第二部，Spark Streaming读取Kafka中的数据，进行实时分析   本文首先使用Kakfa自带的消息处理（脚本）来获取消息，走通Flume和Kafka的对接 1. Flume配置 1. 下载Flume和Kafka集成的插件，下载地址：https://github.com/beyondj2ee/f
  • Erlang vs TNSDL bookjovi erlang
          TNSDL是Nokia内部用于开发电信交换软件的私有语言，是在SDL语言的基础上加以修改而成，TNSDL需翻译成C语言得以编译执行，TNSDL语言中实现了异步并行的特点，当然要完整实现异步并行还需要运行时动态库的支持，异步并行类似于Erlang的process（轻量级进程），TNSDL中则称之为hand，Erlang是基于vm(beam)开发，
  • 非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个 ljy325 企业应用
    　非常希望有一个预防疲劳的java软件，我看新闻和网站，国防科技大学的科学家累死了，太疲劳，老是加班，不休息，经常吃药，吃药根本就没用，根本原因是疲劳过度。我以前做java,那会公司垃圾，老想赶快学习到东西跳槽离开，搞得超负荷，不明理。深圳做软件开发经常累死人，总有不明理的人，有个软件提醒限制很好，可以挽救很多人的生命。 相关新闻： （1）IT行业成五大疾病重灾区：过劳死平均37.9岁
  • 读《研磨设计模式》-代码笔记-原型模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * Effective Java 建议使用copy constructor or copy factory来代替clone()方法： * 1.public Product copy(Product p){} * 2.publi
  • 配置管理---svn工具之权限配置 chenyu19891124 SVN
    今天花了大半天的功夫，终于弄懂svn权限配置。下面是今天收获的战绩。 安装完svn后就是在svn中建立版本库，比如我本地的是版本库路径是C:\Repositories\pepos。pepos是我的版本库。在pepos的目录结构 pepos    component    webapps 在conf里面的auth里赋予的权限配置为 [groups]
  • 浅谈程序员的数学修养 comsci 设计模式编程算法面试招聘
                                     浅谈程序员的数学修养
  • 批量执行 bulk collect与forall用法 daizj oraclesqlbulk collectforall
    BULK COLLECT 子句会批量检索结果，即一次性将结果集绑定到一个集合变量中，并从SQL引擎发送到PL/SQL引擎。通常可以在SELECT INTO、 FETCH INTO以及RETURNING INTO子句中使用BULK COLLECT。本文将逐一描述BULK COLLECT在这几种情形下的用法。     有关FORALL语句的用法请参考：批量SQL之 F
  • Linux下使用rsync最快速删除海量文件的方法 dongwei_6688 OS
    1、先安装rsync：yum install rsync 2、建立一个空的文件夹：mkdir /tmp/test 3、用rsync删除目标目录：rsync --delete-before -a -H -v --progress --stats /tmp/test/ log/这样我们要删除的log目录就会被清空了，删除的速度会非常快。rsync实际上用的是替换原理，处理数十万个文件也是秒删。
  • Yii CModel中rules验证规格 dcj3sjt126com rulesyiivalidate
    Yii cValidator主要用法分析：  yii验证rulesit 分类： Yii yii的rules验证 cValidator主要属性 attributes ,builtInValidators,enableClientValidation,message,on,safe,skipOnError  
  • 基于vagrant的redis主从实验 dcj3sjt126com vagrant
    平台: Mac 工具: Vagrant 系统: Centos6.5 实验目的: Redis主从   实现思路 制作一个基于sentos6.5, 已经安装好reids的box, 添加一个脚本配置从机, 然后作为后面主机从机的基础box   制作sentos6.5+redis的box   mkdir vagrant_redis cd vagrant_
  • Memcached(二)、Centos安装Memcached服务器 frank1234 centosmemcached
    一、安装gcc rpm和yum安装memcached服务器连接没有找到，所以我使用的是make的方式安装，由于make依赖于gcc，所以要先安装gcc 开始安装，命令如下，[color=red][b]顺序一定不能出错[/b][/color]： 建议可以先切换到root用户，不然可能会遇到权限问题：su root 输入密码...... rpm -ivh kernel-head
  • Remove Duplicates from Sorted List hcx2013 remove
    Given a sorted linked list, delete all duplicates such that each element appear only once. For example,Given 1->1->2, return 1->2.Given 1->1->2->3->3, return&
  • Spring4新特性——JSR310日期时间API的支持 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • 浅谈enum与单例设计模式 247687009 java单例
    在JDK1.5之前的单例实现方式有两种(懒汉式和饿汉式并无设计上的区别故看做一种)，两者同是私有构 造器，导出静态成员变量，以便调用者访问。 第一种 package singleton; public class Singleton { //导出全局成员 public final static Singleton INSTANCE = new S
  • 使用switch条件语句需要注意的几点 openwrt cbreakswitch
    1. 当满足条件的case中没有break，程序将依次执行其后的每种条件（包括default）直到遇到break跳出 int main() { int n = 1; switch(n) { case 1: printf("--1--\n"); default: printf("defa
  • 配置Spring Mybatis JUnit测试环境的应用上下文 schnell18 springmybatisJUnit
    Spring-test模块中的应用上下文和web及spring boot的有很大差异。主要试下来差异有： 单元测试的app context不支持从外部properties文件注入属性 @Value注解不能解析带通配符的路径字符串 解决第一个问题可以配置一个PropertyPlaceholderConfigurer的bean。 第二个问题的具体实例是：    
  • Java 定时任务总结一 tuoni javaspringtimerquartztimertask
     Java定时任务总结  一.从技术上分类大概分为以下三种方式：  1.Java自带的java.util.Timer类，这个类允许你调度一个java.util.TimerTask任务;   说明：    java.util.Timer定时器，实际上是个线程，定时执行TimerTask类 &
  • 一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法 yangshangchuan rank相似度计算文本相似度词袋模型余弦相似度
    本文描述了一种在ITEYE博客频道上面出现的新型的商业广告形式及其应对方法，对于其他的用户生成内容站点类型也具有同样的适用性。   最近在ITEYE博客频道上面出现了一种新型的商业广告形式，方法如下：     1、注册多个账号（一般10个以上）。     2、从多个账号中选择一个账号，发表1-2篇博文
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他