桔梗.py
桔梗.py

webIDE表单标签以及包含选择器的使用

IDE的使用

DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Documenttitle>
	head>
	<body>
		<ol>
			
			
			
			
			
			
			<li style="border:1px solid red">子项1li>
			<li style="border:1px solid red">子项2li>
			<li style="border:1px solid red">子项3li>
			<li style="border:1px solid red">子项4li>
			<li style="border:1px solid red">子项5li>
			<li style="border:1px solid red">子项6li>
			<li style="border:1px solid red">子项7li>
			<li style="border:1px solid red">子项8li>
			<li style="border:1px solid red">子项9li>
		ol>
	body>
html>

表单标签

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	
	<body>
		
		
		
		
		
		
		
		
		
		
		
		
		
		<form action="#" method="get" enctype="text/plain">
			
			
			
			
			
			
			
			
			
			
			用户名:<input type="text" name="username"  maxlength="6" placeholder="请输入你的用户名"> <br>
			
			密  码:<input type="password" name="password" value="11111"/><br>
			
			爱  好:<input type="checkbox" name="fav" value="bk" checked>篮球
			<input type="checkbox" name="fav" value="sing" checked>唱
			<input type="checkbox" name="fav" value="jump" checked>跳
			<input type="checkbox" name="fav" value="rap" checked>Rap <br>
			
			
			性  别:<input type="radio" name="sex" value="男">男
			<input type="radio" name="sex" value="女">女
			<input type="radio" name="sex" value="跨性别" checked>跨性别 <br>
			
			邮  箱:<input type="email" name="email" autofocus/>
			
			<input type="submit">
			
			<button>上传button>
			
			<input type="file" name="avarta">
			
			<div style="width: 100px;height: 100px;">div>
			
			<input type="reset" >
			
			<input type="image" name="avarta" src="img/button.jpg" width="250px" height="100px">
			
			<input type="hidden" name="location" value="西安">
			
			
			
			
			<input type="color">
			
			<input type="date">
			
			<input type="datetime-local">
			
			<input type="time" name="" id="">
			
			<input type="url">
			
			<input type="range" max="100" min="20">
		form>
	body>
html>

CSS 部分

css层叠样式表（cascading style sheet）

  • 外链样式的好处
    • 首先提高代码的复用性
    • 他可以降低代码的耦合性
DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		
		<style type="text/css">
			div{
				width: 100px;
				height: 200px;
				background-color: black;
			}
			/*  第四种方式 @import */
			@import url("css/new_file.css");
		style>
		
		
	head>
	<body>
		
		
		<div>div>
		<span>span>
	body>
html>

基本选择器

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<style>
			
			/* 优先级关系 id > class > 标签 > *       */
			/* 通配符选择器：一般用于重置页面样式 */
			*{
				/* 间距 */
				margin: 0px;
				/* 边距 */
				padding: 0px;
				
				background-color: black;
			}
			
			/* id选择器 :对指定id的标签进行样式修整*/
			#first_div{
				width: 200px;
				height: 200px;
				border: 1px dotted red;
			}
			
			/* 类选择器：对引用该类的标签使用样式 */
			.div_class{
				width : 300px;
				height: 300px;
				background-color: aqua;
			}
			
			/* 标签选择器 ：作用于页面中所用相同的标签*/
			div{
				width: 100px;
				height: 100px;
				border:1px solid rebeccapurple;
			}
			
		style>
	head>
	<body>
		<div id="first_div">div>
		<div class="div_class">div>
		<div class="div_class">div>
	body>
html>

包含选择器

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<style>
			/* 逗号选择器，可以将样式代码赋给多个选择器，选择器种类任意 */
			div,.span_class,p{
				padding: 10px;
				background-color: aqua;
				border: 1px dashed firebrick;
			}
			/* 子代选择器 */
		/* 	ul > li{
				border: 1px solid red;
			} */
			/* 后代选择器 */
			ul  li{
				border: 1px solid red;
			}
			
		style>
	head>
	<body>
		<ul>
			<li>子项1li>
			<li>子项2li>
			<li>子项3li>
			<li>
				<ol>
					<li>子项的子项1li>
					<li>子项的子项2li>
					<li>子项的子项3li>
					<li>子项的子项4li>
				ol>
			li>
		ul>
	body>
html>

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

  • bootstrap row 之间的竖直方向的距离要怎么调整？ yzy85
    问：我有两个rowa和rowb,我发现这两个row之间的竖直方向的距离靠的有点近，我想调整a和b之间的距离，row之前的水平距离可以通过col-md-offset*调整，那竖直方向上的距离要怎么调整，谢谢！答：1、目前我是通过直接加一个空的h1标签，来拉开距离，感觉有点不太rails.大家有更合适的方法吗？谢谢！2、可以自己在css中给top-offset的class写个margin，然后把这个c
  • Selenium元素定位：深入探索与实践 傻啦嘿哟 python办公自动化selenium测试工具
    目录一、引言二、Selenium元素定位基础1.WebDriver与元素定位2.定位策略概览三、ID定位1.特点与优势2.示例代码四、ClassName定位1.特点与限制2.示例代码五、XPath定位1.特点与优势2.示例代码3.XPath高级用法六、CSSSelector定位1.特点与优势2.示例代码3.CSSSelector高级用法七、其他定位策略1.Name定位2.TagName定位3.Li
  • HTML+CSS面试试题（部分） 四分十七 前端学习htmlhtmlcss大数据
    目录1:主流浏览器的内核分别是什么？2:每个HTML文件开头都有，它的作用是什么3:div+css的布局较table布局有什么优点？4:img的alt属性与title属性有何异同5:strong标签与em标签的异同6:渐进增强和优雅降级之间的不同7:为什么利用多个域名来存储网站资源8:网页标准和标准制定机构的意义9:简述一下src与href的区别10:网页制作会用的图片格式有哪些11:微格式，前端
  • CSS - 妙用Sass Xxxxxl17 csssass前端
    官方文档：https://www.sass.hk/docs/1.例1：@each$themein$themeList{$themeKey:map-get($theme,'key');@mediascreenand(weex-theme:$themeKey){.btnText{max-width:150px;@includefont(map-get($theme,'medFont'),map-get
  • 从 React 看前端 UI 代码范式革命 哔哩哔哩技术 前端react.jsui
    前言本来打算写的主题是“我为什么讨厌ReactHooksAPI“，展开聊聊“小甜甜”是如何变成“牛夫人”的，没想到越写越严肃：）React是两次前端范式革命的引领者，至今仍有繁荣的社区和旺盛的创造力；React多次天才又激进的创新，一些想法被借鉴改良、一些引发广泛质疑，大部分是被认同和接受的；可以说React以一个框架之力，推动了整个前端领域的发展。范式是一种公认的模型或模式。本文从React出发
  • uniapp微信小程序canvas隐藏 Ann_R uni-app微信小程序小程序
    亲测好用~HTML我是把canvas嵌套在view里并被view设置idCSS把它给顶出去#canvas{position:fixed;top:-9999999999999rpx;}本文作者：小泽沐优声本文链接：https://www.cnblogs.com/ooo51o/p/12956678.html版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎2.5中国大陆许可协议进行许可。
  • vue2前端使用图片展现视频,无法销毁请求 贾宝玉单臂擒方腊 前端音视频
    实现思路，使用canvas绘制图像，然后使用动画帧刷新页面exportdefault{props:{info:{type:Object,default:()=>({url:'',index:''}),},},data(){return{currentImage:null,isFullScreen:false,canvas:null,ctx:null,canvasStyle:{height:'100
  • 【CTF比赛Web题目快速探测】 D-river securityweb安全安全
    CTF比赛Web题目快速探测一、快速信息收集1.基础信息扫描2.工具自动化辅助二、快速漏洞探测1.高频漏洞靶向测试2.前端相关漏洞三、工具链组合利用1.BurpSuite自动化2.专用工具链3.编码/解码辅助四、常见CTFWeb题快速索引表五、速攻思维导图六、总结在CTF比赛中快速攻克Web题目的核心是“高效信息收集+靶向性漏洞探测”，需结合手动测试与工具链快速定位漏洞类型。以下是一套实战优化流程
  • 前端vue用jsmind写思维导图 Tan-玛卡巴卡 前端vue.jsjavascript
    1、下载依赖npm安装npminstall--savejsmindyarn安装yarnjsmind版本:"jsmind":"^0.4.6",2、完整代码：查看节点删除节点-->放大缩小展开：主题：名称：{{obj.topic?obj.topic:'-'}}部门：{{obj.orgName?obj.orgName:'-'}}描述：{{obj.jobType?obj.jobType:'-'}}状态：正
  • 使用 Spring Boot 实现前后端分离的海康威视 SDK 视频监控 William Dawson springboot
    使用SpringBoot实现前后端分离的海康威视SDK视频监控系统，可以分为以下几个步骤：1.系统架构设计前端：使用Vue.js、React或Angular等前端框架实现用户界面。后端：使用SpringBoot提供RESTfulAPI，负责与海康威视SDK交互。通信：前后端通过HTTP/WebSocket进行通信。视频流：通过海康威视SDK获取视频流，并使用RTSP/RTMP/HLS等协议推送到前
  • npm 常用指令指南 风干牛肉巴旦木 npm
    以下是一些常用的NPM（NodePackageManager）指令，它们在前端开发中非常实用：#NPM常用指令大全##包管理###安装依赖​```bashnpminstall安装package.json中列出的所有依赖。安装开发依赖npminstall--save-dev安装并添加到devDependencies。安装特定版本的包npminstall@安装指定版本的包。全局安装包npminstal
  • css表格宽度设置无效 思想永无止境 Web前端csshtmltable
    table-layout:fixedtable-layout:fixed，table和td设置宽度有效，但在第一行有合并列的情况时，列宽会被均分，从而导致td设置宽度无效（table宽度仍然有效）。table-layout:fixed的表格，各列宽度由第一行决定，后面指定的宽度会被忽略，当第一行合并后，所有列宽度会被均分。解决方法：在之后添加代码或者table-layout:autotable-l
  • 工程化与框架系列（22）--前端性能优化（中） 一进制ᅟᅠ        ‌‍‎‏  前端工程化与框架前端性能优化状态模式
    前端性能优化（运行）引言运行时性能直接影响用户交互体验和应用流畅度。本文将深入探讨前端运行时性能优化的各种策略和技术，包括渲染优化、内存管理、计算优化等关键主题，帮助开发者构建高性能的Web应用。运行时性能概述运行时性能优化主要关注以下方面：渲染性能：减少重排重绘，优化动画效果内存管理：防止内存泄漏，优化内存使用计算优化：提升JavaScript执行效率事件处理：优化事件监听和响应异步操作：合理使
  • Vue.js 开发入门指南 2401_89793006 热门话题vue.jsflutter前端
    Vue.js开发入门指南Vue.js是一款流行的前端框架，它轻量、高效且易于上手，非常适合构建交互式Web应用。本文将介绍Vue.js的基础概念，并带你实现一个简单的Vue应用。1.Vue.js简介Vue.js是一个渐进式JavaScript框架，核心库专注于视图层，并且易于与其他库或现有项目集成。它的主要特点包括：双向数据绑定：数据和视图保持同步。组件化开发：方便代码复用，提高开发效率。虚拟DO
  • npm、Yarn 与 pnpm：选择最适合你的包管理工具 奶凶的小熊崽 前端npmnpm前端node.js
    在前端项目中，npm、pnpm和yarn都是包管理工具，主要用于管理JavaScript依赖。它们的核心功能类似，但在性能、依赖管理方式、磁盘空间占用等方面有所不同。以下是它们的详细对比，以及在项目中的选择建议。一、三者的基本介绍1️⃣npm（NodePackageManager）官方默认包管理器，随Node.js一起安装（无需额外安装）。版本：npmv1-v4（较早版本）：安装速度较慢，存在幽灵
  • 深入解析 Vue3 核心架构与实战范式：从响应式原理到 Composition API 设计哲学 嘉图明 架构前端框架
    引言：框架演进的必然选择在2020年发布的Vue3并非简单的版本迭代，而是对前端工程化痛点的系统性解决方案。本文将深入剖析其架构设计，结合TypeScript类型系统和ChromeDevTools性能分析工具，揭示Vue3如何通过底层重构实现开发体验与运行效率的双重突破。一、响应式系统的量子跃迁：Proxy的颠覆性设计1.1从Object.defineProperty到Proxy的范式转移//Vu
  • 【前端知识】Web Components开发框架quarkC介绍 问道飞鱼 前端开发技术前端javascript开发语言webcomponents
    文章目录概述**QuarkC简介****核心特性****QuarkC的使用方法****1.安装QuarkC****2.创建一个简单的QuarkC组件****3.使用组件****QuarkC的优势****1.更低的学习成本****2.更好的开发体验****3.跨框架兼容性****4.性能优化****5.社区支持与生态****6.开放性和灵活性****QuarkC的适用场景****总结**构建复杂We
  • PySide(PyQT)，怎样在非QObject对象上应用信号槽框架 深蓝海拓 pyside6系统学习pyside6学习笔记数据库
    在PySide（以及PyQt）中，信号和槽机制是基于QObject类实现的。只有继承自QObject的类才能够定义和使用信号与槽。那么如果画面中的对象不是QObject类，就无法使用信号和槽。比如下面的代码就会出错：importsysfromPySide6.QtCoreimportSignalfromPySide6.QtWidgetsimportQApplication,QGraphicsScen
  • Github 2024-07-12 Java开源项目日报Top10 老孙正经胡说 githubjava开源Github趋势分析开源项目PythonGolang
    根据GithubTrendings的统计，今日(2024-07-12统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Java项目10Android开源轻量级流媒体前端创建周期：3158天开发语言：Java协议类型：GNUGeneralPublicLicensev3.0Star数量：28641个Fork数量：2896次关注人数：28641人贡献人数：312人Open
  • 出现 defineProps is a compiler macro and no longer needs to be imported. 解决方法 码农研究僧 BUGjavascriptBugVue3宏
    目录1.问题所示2.原理分析3.解决方法1.问题所示执行前端代码的时候，出现如下问题：[@vue/compiler-sfc]definePropsisacompilermacroandnolongerneedstobeimported.[@vue/compiler-sfc]defineEmitsisacompilermacroandnolongerneedstobeimported.截图如下所示：
  • 前端小食堂 | Day10 - 前端路由の时空裂隙 喵爪排序 前端
    ️今日穿梭指南：两种维度の路由宇宙1.Hash模式：锚点の量子隧道//手动创建路由监听器window.addEventListener('hashchange',()=>{constpath=location.hash.slice(1)||'/';console.log('进入哈希宇宙:',path);renderComponent(path);});//编程式导航functionnavigate
  • 前端流式输出深度解析：技术原理、实战应用与性能优化 斯~内克 前端网络前端性能优化
    一、流式输出的革命性意义1.1传统数据加载的痛点白屏等待：根据Google核心性能指标统计，页面加载时间超过3秒会导致53%的用户流失内存压力：单次加载10MBJSON数据会使内存占用飙升300MB+响应延迟：金融行业实时行情系统要求数据延迟{renderTableRow(data);});3.2Server-SentEvents(SSE)//客户端consteventSource=newEven
  • 【前端进阶】Web Worker性能优化实战：解码10万条数据不卡顿 爱上大树的小猪 前端性能优化
    为什么需要WebWorker？JavaScript是单线程语言，当处理大量数据（如解析10万条JSON数据）时，主线程会被阻塞，导致页面卡顿、无法响应点击事件。WebWorker是浏览器提供的多线程解决方案，可以将耗时任务放到后台执行，解放主线程！实战目标主线程流畅渲染，10万条数据解码不卡顿！代码案例与分步解析1.模拟10万条数据//生成10万条模拟数据functiongenerateMockD
  • 微前端父子应用及兄弟应用间组件或方法共享方案 程序员
    作者：京东物流刘微微背景我们的很多web应用在持续迭代中功能越来越复杂，参与的人员、团队不断增多，导致项目出现难以维护的问题，这种情况PC端尤其常见，微前端为我们提供了一种高效管理复杂应用的方案。但是在使用微前端的过程中，通常会有一些公共方法或公共组件，本文将对如何实现父子应用以及兄弟应用之间进行方法及组件共享提出几种解决方案以及其各自优缺点及适用场景模块联邦（ModuleFederation）w
  • 使用Electron构建桌面应用程序：一个全面指南 AxCybersecurity electronjavascript前端
    Electron是一个强大的框架，它使开发人员能够使用Web技术（如HTML、CSS和JavaScript）构建跨平台的桌面应用程序。本文将介绍如何使用Electron来构建一个简单的桌面应用程序，并提供相应的源代码示例。什么是Electron？Electron是一个开源的框架，由GitHub开发，用于构建跨平台的桌面应用程序。它基于Chromium和Node.js，允许开发人员使用Web技术构建
  • 华为OD-不限经验，急招，机考资料，面试攻略，不过改推，捞人 2301_79125642 java
    超星(学习通)-Java后端一面网易互娱40min（感觉是G了）一篇不太像面经的面经2023总结，前端大二上进小红书秋招面经第一波海康红外图像算法实习（微影）面经测试工程师社招-测试面试题大厂在职傻屌。TPlink图像算法工程师一二三面经深圳海康红外图像算法实习（微影）面经TPLink提前批面经（已OC）传统车辆转规控算法岗秋招记录腾讯TEG测试与质量管理全记录瑞幸Java开发校招一面腾讯金融科技
  • 希音(Shein)前端开发面试题集锦和参考答案 大模型大数据攻城狮 arcgiswebpack前端攻击xsscsrfreact前端面试
    用Node写过什么工具或npm包在实际开发中，使用Node编写过多种实用工具和npm包。自动化构建工具开发了一个简单的自动化构建工具，用于处理前端项目的资源压缩和合并。在前端项目中，为了优化性能，需要对CSS和JavaScript文件进行压缩，减少文件体积，同时将多个小文件合并成一个大文件，减少HTTP请求。这个工具使用Node的fs模块进行文件的读写操作，通过terser库对JavaScript
  • 前端React篇之哪些方法会触发 React 重新渲染？重新渲染 render 会做些什么？ m0_74823705 前端react.jsjavascript
    目录哪些方法会触发React重新渲染？重新渲染render会做些什么？setState()案例需求总结forceUpdate()案例需求总结props改变案例需求总结context改变案例需求总结哪些方法会触发React重新渲染？重新渲染render会做些什么？在React中，以下方法会触发重新渲染：setState()：当调用组件的setState方法并传入新的状态值时，React会触发重新渲染
  • 归纳webpack 捻tua馔... webpack前端
    常用配置项constHtmlWebpackPlugin=require('html-webpack-plugin');//通常用于生成HTMLconstMiniCssExtractPlugin=require('mini-css-extract-plugin');//用于分离CSSconstcssMinimizerWebpackPlugin=require("css-minimizer-webpa
  • React基础教程（06）：条件渲染 叁拾舞 React教程react.js前端前端框架
    1条件渲染使用条件渲染，结合TodoList案例，进行完善，实现以下功能：当列表中的数据为空的时候，现实提示信息暂无待办事项当列表中存在数据的时候，提示信息消失这里介绍三种实现方式。注意这里的Empty是前端框架Antd的组件，如果安装了antd直接使用即可，如果没有安装可以用div代替也是可以的。这里为了更直观，所以使用了前端框架antd的Empty组件。1、三元操作符{/*方式一*/}{thi
  • 继之前的线程循环加到窗口中运行 3213213333332132 javathreadJFrameJPanel
    之前写了有关java线程的循环执行和结束，因为想制作成exe文件，想把执行的效果加到窗口上，所以就结合了JFrame和JPanel写了这个程序，这里直接贴出代码，在窗口上运行的效果下面有附图。 package thread; import java.awt.Graphics; import java.text.SimpleDateFormat; import java.util
  • linux 常用命令 BlueSkator linux命令
    1.grep 相信这个命令可以说是大家最常用的命令之一了。尤其是查询生产环境的日志，这个命令绝对是必不可少的。 但之前总是习惯于使用 （grep -n 关键字 文件名 ）查出关键字以及该关键字所在的行数，然后再用 （sed -n  '100,200p' 文件名），去查出该关键字之后的日志内容。 但其实还有更简便的办法，就是用（grep  -B n、-A n、-C n 关键
  • php heredoc原文档和nowdoc语法 dcj3sjt126com PHPheredocnowdoc
    <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body> <?
  • overflow的属性 周华华 JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • 《我所了解的Java》——总体目录 g21121 java
            准备用一年左右时间写一个系列的文章《我所了解的Java》，目录及内容会不断完善及调整。         在编写相关内容时难免出现笔误、代码无法执行、名词理解错误等，请大家及时指出，我会第一时间更正。    &n
  • [简单]docx4j常用方法小结 53873039oycg docx
            本代码基于docx4j-3.2.0，在office word 2007上测试通过。代码如下:         import java.io.File; import java.io.FileInputStream; import ja
  • Spring配置学习 云端月影 spring配置
    首先来看一个标准的Spring配置文件 applicationContext.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&q
  • Java新手入门的30个基本概念三 aijuans java新手java 入门
    17.Java中的每一个类都是从Object类扩展而来的。　　18.object类中的equal和toString方法。　　equal用于测试一个对象是否同另一个对象相等。　　toString返回一个代表该对象的字符串,几乎每一个类都会重载该方法,以便返回当前状态的正确表示.(toString 方法是一个很重要的方法)　　 19.通用编程:任何类类型的所有值都可以同object类性的变量来代替。　
  • 《2008 IBM Rational 软件开发高峰论坛会议》小记 antonyup_2006 软件测试敏捷开发项目管理IBM活动
    我一直想写些总结,用于交流和备忘,然都没提笔,今以一篇参加活动的感受小记开个头,呵呵! 其实参加《2008 IBM Rational 软件开发高峰论坛会议》是9月4号,那天刚好调休.但接着项目颇为忙,所以今天在中秋佳节的假期里整理了下. 参加这次活动是一个朋友给的一个邀请书,才知道有这样的一个活动,虽然现在项目暂时没用到IBM的解决方案,但觉的参与这样一个活动可以拓宽下视野和相关知识.
  • PL/SQL的过程编程,异常,声明变量,PL/SQL块 百合不是茶 PL/SQL的过程编程异常PL/SQL块声明变量
    PL/SQL;    过程; 符号; 变量; PL/SQL块; 输出; 异常;     PL/SQL 是过程语言(Procedural Language)与结构化查询语言(SQL)结合而成的编程语言PL/SQL 是对 SQL 的扩展,sql的执行时每次都要写操作
  • Mockito(三)--完整功能介绍 bijian1013 持续集成mockito单元测试
            mockito官网：http://code.google.com/p/mockito/，打开documentation可以看到官方最新的文档资料。 一.使用mockito验证行为 //首先要import Mockito import static org.mockito.Mockito.*; //mo
  • 精通Oracle10编程SQL(8)使用复合数据类型 bijian1013 oracle数据库plsql
    /* *使用复合数据类型 */ --PL/SQL记录 --定义PL/SQL记录 --自定义PL/SQL记录 DECLARE TYPE emp_record_type IS RECORD( name emp.ename%TYPE, salary emp.sal%TYPE, dno emp.deptno%TYPE ); emp_
  • 【Linux常用命令一】grep命令 bit1129 Linux常用命令
    grep命令格式   grep [option] pattern [file-list]     grep命令用于在指定的文件(一个或者多个,file-list)中查找包含模式串(pattern)的行,[option]用于控制grep命令的查找方式。   pattern可以是普通字符串，也可以是正则表达式，当查找的字符串包含正则表达式字符或者特
  • mybatis3入门学习笔记 白糖_ sqlibatisqqjdbc配置管理
    MyBatis 的前身就是iBatis，是一个数据持久层(ORM)框架。  MyBatis 是支持普通 SQL 查询，存储过程和高级映射的优秀持久层框架。MyBatis对JDBC进行了一次很浅的封装。   以前也学过iBatis，因为MyBatis是iBatis的升级版本，最初以为改动应该不大，实际结果是MyBatis对配置文件进行了一些大的改动，使整个框架更加方便人性化。
  • Linux 命令神器：lsof 入门 ronin47 lsof
           lsof是系统管理/安全的尤伯工具。我大多数时候用它来从系统获得与网络连接相关的信息，但那只是这个强大而又鲜为人知的应用的第一步。将这个工具称之为lsof真实名副其实，因为它是指“列出打开文件（lists openfiles）”。而有一点要切记，在Unix中一切（包括网络套接口）都是文件。 有趣的是，lsof也是有着最多
  • java实现两个大数相加，可能存在溢出。 bylijinnan java实现
    import java.math.BigInteger; import java.util.regex.Matcher; import java.util.regex.Pattern; public class BigIntegerAddition { /** * 题目：java实现两个大数相加，可能存在溢出。 * 如123456789 + 987654321
  • Kettle学习资料分享，附大神用Kettle的一套流程完成对整个数据库迁移方法 Kai_Ge Kettle
    Kettle学习资料分享   Kettle 3.2 使用说明书 目录 概述..........................................................................................................................................7 1.Kettle 资源库管
  • [货币与金融]钢之炼金术士 comsci 金融
           自古以来,都有一些人在从事炼金术的工作.........但是很少有成功的        那么随着人类在理论物理和工程物理上面取得的一些突破性进展......        炼金术这个古老
  • Toast原来也可以多样化 dai_lm androidtoast
    Style 1： 默认 Toast def = Toast.makeText(this, "default", Toast.LENGTH_SHORT); def.show(); Style 2： 顶部显示 Toast top = Toast.makeText(this, "top", Toast.LENGTH_SHORT); t
  • java数据计算的几种解决方法3 datamachine javahadoopibatisr-languer
    4、iBatis     简单敏捷因此强大的数据计算层。和Hibernate不同，它鼓励写SQL，所以学习成本最低。同时它用最小的代价实现了计算脚本和JAVA代码的解耦，只用20%的代价就实现了hibernate 80%的功能,没实现的20%是计算脚本和数据库的解耦。     复杂计算环境是它的弱项，比如：分布式计算、复杂计算、非数据
  • 向网页中插入透明Flash的方法和技巧 dcj3sjt126com htmlWebFlash
    将 Flash 作品插入网页的时候，我们有时候会需要将它设为透明，有时候我们需要在Flash的背面插入一些漂亮的图片，搭配出漂亮的效果……下面我们介绍一些将Flash插入网页中的一些透明的设置技巧。 　　一、Swf透明、无坐标控制　　首先教大家最简单的插入Flash的代码，透明，无坐标控制： 　　注意wmode="transparent"是控制Flash是否透明
  • ios UICollectionView的使用 dcj3sjt126com
    UICollectionView的使用有两种方法，一种是继承UICollectionViewController，这个Controller会自带一个UICollectionView；另外一种是作为一个视图放在普通的UIViewController里面。 个人更喜欢第二种。下面采用第二种方式简单介绍一下UICollectionView的使用。 1.UIViewController实现委托，代码如
  • Eos平台java公共逻辑 蕃薯耀 Eos平台java公共逻辑Eos平台java公共逻辑
     Eos平台java公共逻辑 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:20:4
  • SpringMVC4零配置--Web上下文配置【MvcConfig】 hanqunfeng springmvc4
    与SpringSecurity的配置类似，spring同样为我们提供了一个实现类WebMvcConfigurationSupport和一个注解@EnableWebMvc以帮助我们减少bean的声明。   applicationContext-MvcConfig.xml <!-- 启用注解，并定义组件查找规则 ，mvc层只负责扫描@Controller --> <
  • 解决ie和其他浏览器poi下载excel文件名乱码 jackyrong Excel
       使用poi,做传统的excel导出，然后想在浏览器中，让用户选择另存为，保存用户下载的xls文件，这个时候，可能的是在ie下出现乱码（ie,9,10,11),但在firefox,chrome下没乱码， 因此必须综合判断，编写一个工具类：      /** * * @Title: pro
  • 挥洒泪水的青春 lampcy 编程生活程序员
    2015年2月28日，我辞职了，离开了相处一年的触控，转过身--挥洒掉泪水，毅然来到了兄弟连，背负着许多的不解、质疑——”你一个零基础、脑子又不聪明的人，还敢跨行业，选择Unity3D？“，”真是不自量力••••••“，”真是初生牛犊不怕虎•••••“，••••••我只是淡淡一笑，拎着行李----坐上了通向挥洒泪水的青春之地——兄弟连！ 这就是我青春的分割线，不后悔，只会去用泪水浇灌——已经来到
  • 稳增长之中国股市两点意见-----严控做空，建立涨跌停版停牌重组机制 nannan408
       对于股市，我们国家的监管还是有点拼的，但始终拼不过飞流直下的恐慌，为什么呢？    笔者首先支持股市的监管。对于股市越管越荡的现象，笔者认为首先是做空力量超过了股市自身的升力，并且对于跌停停牌重组的快速反应还没建立好，上市公司对于股价下跌没有很好的利好支撑。    我们来看美国和香港是怎么应对股灾的。美国是靠禁止重要股票做空，在
  • 动态设置iframe高度(iframe高度自适应) Rainbow702 JavaScriptiframecontentDocument高度自适应局部刷新
    如果需要对画面中的部分区域作局部刷新，大家可能都会想到使用ajax。 但有些情况下，须使用在页面中嵌入一个iframe来作局部刷新。 对于使用iframe的情况，发现有一个问题，就是iframe中的页面的高度可能会很高，但是外面页面并不会被iframe内部页面给撑开，如下面的结构： <div id="content"> <div id=&quo
  • 用Rapael做图表 tntxia rap
    function drawReport(paper,attr,data){          var width = attr.width;     var height = attr.height;          var max = 0;   &nbs
  • HTML5 bootstrap2网页兼容（支持IE10以下） xiaoluode html5bootstrap
    <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他