jsh13417
jsh13417

PHP自学之路-----DIV+CSS(第一天）

传统页面使用table来布局和显示数据缺点：

1、 显示样式和数据时绑定在一起

2、 布局的时候，灵活度不高

3、 一个页面可以能会有大量的table元素，代码就会

4、 增加带宽

5、 搜索引擎不喜欢这样的布局

优点：

1、 理解简单

2、 不同浏览器看到的效果一般是相同的

3、 显示数据还是比较好的

Div+css 基本思想：数据和样式分离

Div+css是一种目前比较流行的网页布局技术，DIV用来存放需要娴熟的数据（文字，图表）， CSS就是用来指定怎样显示，从而做到数据局和显示相互分离。

DIV是用于存放内容（文字，图片、元素的）容器。

CSS是用于指定放在DIV中的内容如何显示包括这些内容的位置和外观。

n        CSS基本语法

  选择器{

 属性1：属性值；

属性2：属性值；

 。。。。。。。

}

入门 代码：

<html>
<head>
<title>CSS入门案例</title>
<!--引入我们的CSS-->
<link rel="stylesheet" type="text/css" href="my.css"/>
</head>
<body>
<div class="stylel">
<img src="C:\Users\jsh\Pictures\20071204082238746.jpg"/>
</div>
</body>

</html>

.stylel{
   width:400px;
   height:300px;
   background-color:red;
   border:3px solid black;
   margin-left:40px;
   margin-top:25px;
   padding-top:20px;
   padding-left:40px;
}


span元素使用:存放小块内容：

<html>
<head>
<title>CSS入门案例</title>
<!--引入我们的CSS-->
<link rel="stylesheet" type="text/css" href="demo1.css"/>
<link rel="stylesheet" type="text/css" href="demo2.css"/>
</head>
<body>

<span class="s1">栏目一</span>
<span class="s2">栏目二</span>
<span class="s3">栏目三</span>
<span class="s4">栏目四</span>
<span class="s1">栏目五</span>
</body>

</html>
/*.s1用术语 类选择器*/
.s1{
    color:green;
	font-size:30px;
    text-decoration:underline;
}
.s2{
    color:yellow;
	font-size:12px;
}
.s3{
    color:blue;
	font-style:italic;
}
.s4{
    color:green;
	font-weight:bold;
}


伪元素及滤镜效果

<html>
<head>
<title>滤镜技术</title>
<!--将CSS嵌入到HTML文件中（内联CSS）-->
<style type="text/css">
    a:link img{
	   filter:gray;
	}
	a:hover img{
	   filter:"";
	}
</style>

</head>
<body>
<a  href="3"><img src="1.jpg"/></a>
<a href="demo2.html"><img src="2.jpg"/></a>
<a  href="demo2.html"><img src="1.gif"/></a>
</body>
</html>
上面这个没有效果，不知道为什么？知道的麻烦给指出来！ 

<html>
<head>
<style type="text/css">
a.one:link {color: #ff0000}
a.one:visited {color: #0000ff}
a.one:hover {color: #ffcc00}

a.two:link {color: #ff0000}
a.two:visited {color: #0000ff}
a.two:hover {font-size: 150%}

a.three:link {color: #ff0000}
a.three:visited {color: #0000ff}
a.three:hover {background: #66ff66}

a.four:link {color: #ff0000}
a.four:visited {color: #0000ff}
a.four:hover {font-family: monospace}

a.five:link {color: #ff0000; text-decoration: none}
a.five:visited {color: #0000ff; text-decoration: none}
a.five:hover {text-decoration: underline}
</style>
</head>

<body>
<p>请把鼠标移动到这些链接上，以查看效果：</p>

<p><b><a class="one" href="../index.html" tppabs="http://www.w3school.com.cn/index.html" target="_blank">这个链接改变颜色</a></b></p>
<p><b><a class="two" href="../index.html" tppabs="http://www.w3school.com.cn/index.html" target="_blank">这个链接改变字体大小</a></b></p>
<p><b><a class="three" href="../index.html" tppabs="http://www.w3school.com.cn/index.html" target="_blank">这个链接改变背景颜色</a></b></p>
<p><b><a class="four" href="../index.html" tppabs="http://www.w3school.com.cn/index.html" target="_blank">这个链接改变字体系列</a></b></p>
<p><b><a class="five" href="../index.html" tppabs="http://www.w3school.com.cn/index.html" target="_blank">这个链接改变文本装饰</a></b></p>
</body>

</html>






你可能感兴趣的:(css,div)

  • HTML+CSS学习笔记 潘越越 学习笔记
    目录一、emmet语法二、常用html标签使用方法：三、常用CSS样式css样式设计具体引入方式1.关于border边框的设计2.关于text文本内容的管理3.关于盒模型的分类以及position属性：4.background属性的使用5.实现样式转变持续更新……首先，整体了解有关HTML和CSS的使用，主要是为了搭建静态页面有关HTML5所需要掌握的框架：React+Reactnativeuni
  • Recat学习 freelb 学习webpackjavascriptreactjs
    Recatv17.x项目开发框架搭建1.创建React项目2.暴露配置文件方法一方法二3.支持less4.支持scss/sass5.安装element-ui6.路由导航（常规使用）编译出错错误一错误二错误三错误四8.Serve插件（查看打包运行效果）安装typescript支持1.创建React项目为了加速npm下载速度，先把npm设置为淘宝镜像地址。npmconfigsetregistryhtt
  • 生成网页链接二维码 小雨滴答滴答 html5javascript
    生成二维码#qrcode{margin-top:20px;}生成网页链接二维码生成二维码functiongenerateQRCode(){consturl=document.getElementById('urlInput').value;constqrcodeDiv=document.getElementById('qrcode');//清空之前的二维码qrcodeDiv.innerHTML='
  • Python web基础知识，后端服务器开发，观点还停留在Java上吗！ 道-闇影 pythonjavaweb开发
    极简生活，极简编程，简到极致，就是完美！在写CSDN的Python技能树体验五(web应用开发:Djiago、Tornado、Flask)—终于可以写点能看的了！之前，wc，提前剧透了！先对web开发做一个简要的说明，话不多说，往下看！web应用开发的含义web应用开发分为：前端网页开发，后端服务器开发，还有前后端的一个通信技术！各个部分需要哪些基础前端开发基础：HTML,CSS，JavaScti
  • 微信小程序 底部导航栏实现凸出内凹效果 hujie9371 微信小程序
    话不多说，首先上效果展示:在微信小程序开发中，开发者往往需要根据自定义的需求实现底部导航栏，而这种凸出与内凹的效果往往使人头疼。主要难点是背景色、圆切角的过渡、透明、阴影遮挡等问题。一般的解决方案是使用图片或者svg显示凹凸，或者利用css阴影效果遮挡切角。但在【SkylineUI组件库】小程序中的底部导航栏，我则是直接使用canvas绘制，并且使用skyline渲染框架，不仅解决了以上问题，并且
  • “伪元素”是啥 向贤 前端开发css
    “伪元素”是啥CSS伪元素（Pseudo-elements）是一种特殊的CSS选择器，允许开发者在不修改HTML结构的前提下，通过样式表操作元素的特定部分或插入虚拟内容。以下是其核心特性解析：一、本质特性‌虚拟元素‌伪元素并非真实存在于HTML文档树中，而是通过CSS生成的抽象元素‌。例如::before会在元素内容前生成一个虚拟容器，::after则在内容后生成。‌无法通过JS直接操作‌由于伪元
  • 什么是轮播图？如何实现轮播图？有几种方法？ 妮在想什么 前端html5csscss3vue.js前端框架
    轮播图（Carousel或Slider）是一种图像展示组件，用于在网页或应用中以动画效果展示多张图片或其他内容。用户可以手动控制轮播图的播放，也可以设置自动切换功能。常见的轮播图应用包括图片展示、广告、产品展示等。实现轮播图的几种方法：使用纯HTML和CSS这种方法适用于简单的轮播图，主要依靠CSS动画和过渡效果实现图像的切换。适合静态或少量内容的展示。css实现轮播图.box{/*可视区域宽须设
  • 基于web在线餐饮网站的设计与实现——蛋糕甜品店铺(HTML+CSS+JavaScript) html网页制作 网页设计前端javascripthtmldreamweaver网页设计web网页设计期末课程大作业
    ‍静态网站的编写主要是用HTMLDIV+CSSJS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，比如美食、旅游、摄影、电影、音乐等等多种主题，希望对大家有所帮助。精彩专栏推荐❤
  • CSS隐藏元素的方式 林的快手 HTML+CSScsshtml前端javascript开发语言chrome
    方式一：visibility属性visibility属性默认值是show，如果设置为hidden，元素会隐藏。元素看不见了，还占有原来的位置（元素的大小依然保持）。方式二：display属性设置display:none，就可以让元素隐藏。彻底地隐藏，不但看不见，也不占用任何位置，没有大小宽高。.隐藏元素的方式.box{width:400px;height:400px;}.box1{backgrou
  • css3实现缺角四边形_CSS3实现缺角矩形，折角矩形以及缺角边框 weixin_39953102 css3实现缺角四边形
    前言前几天偶然看到缺角矩形这个功能，脑袋中第一想法是，搞个绝对定位的伪元素，哪里需要挡哪里，或者找UI小哥聊聊天，忽然灵光一闪，想起之前翻过的《CSS揭秘》一书，记得有这个篇章，遂有了此文。话不多说，放个效果图先缺角CSS3实现缺角矩形，折角矩形以及缺角边框-1.png(10.03KB,下载次数:0)2020-7-2219:03上传1.伪元素实现.bg{width:120px;height:80p
  • css3实现缺角四边形_CSS3绘制六边形的简单实现 陈宇直 css3实现缺角四边形
    因为很简单，所以先总结一下：使用CSS3绘制六边形主要使用伪类:before和:after在源元素之前和之后再绘制两个元素，并利用css3的边框样式，将这两个元素变成三角形放置在源元素的两端即可。(因为之前在生物公司工作过，觉得六边形更贴近生物分子、基因等概念，包括我们在网上搜索关于生物分子、基因等图片，好多也有六边形的样式，所以那时候在页面做一些功能性的导航或Tag，都会觉得六边形更贴近一些)。
  • 面试之《前端开发者如何优化页面的加载时间？》 只会写Bug的程序员 面试面试前端
    前端开发者可以从多个方面入手优化页面的加载时间，以下是一些常见且有效的方法：优化资源加载压缩资源文件：对HTML、CSS、JavaScript文件进行压缩，去除不必要的空格、注释等，减小文件体积，加快下载速度。例如使用uglify-js压缩JavaScript文件，cssnano压缩CSS文件。优化图片：对图片进行压缩处理，降低图片的分辨率、色彩深度或采用更高效的图片格式（如WebP）。同时，根据
  • CSS实现图片缺角效果 凉风听雪 CSS炫酷使用css前端css3html
    效果：源码：123body{margin:0;padding:0;background:#f9f9f9;display:flex;align-items:center;justify-content:center;height:100vh;}.row{display:flex;padding:30px;gap:30px;flex-wrap:wrap;background:inherit;}.box
  • VUE + iView table render渲染i-switch LEON劉先森 javascript前端html
    {title:"显示/隐藏",tooltip:true,align:'center',minWidth:120,render:(h,params)=>{returnh("div",{},[h("i-switch",{props:{value:params.row.show,size:"large",trueColor:"#FF5C58",},scopedSlots:{open:()=>h("spa
  • 计算机毕业设计Java-ssm餐厅线上点菜系统源码+系统+数据库+lw文档 双双科技 java数据库开发语言
    计算机毕业设计Java-ssm餐厅线上点菜系统源码+系统+数据库+lw文档计算机毕业设计Java-ssm餐厅线上点菜系统源码+系统+数据库+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：htt
  • 前端杂学录（七） 真的不想学习啦 前端前端html5javascriptcss
    1.响应式布局方案1.媒体查询特点媒体查询是CSS的一部分，可以根据设备的特性（如宽度、高度、分辨率等）应用不同的样式。示例body{font-size:16px;}@media(max-width:768px){body{font-size:14px;}}@media(max-width:480px){body{font-size:12px;}}2.弹性布局（Flexbox）特点Flexbox是
  • vue3导入字体 hdufu123 css
    1.如何导入字体新建一个fonts.scss文件夹@font-face{font-family:'优设标题黑';//字体别名src:url('../font/优设标题黑.ttf')format('truetype');//资源路径}@font-face{font-family:'LCD-BOLD';src:url('../font//LCD-BOLD.TTF')format('truetype')
  • Webpack、Vite区别知多少？ m0_74824044 面试学习路线阿里巴巴webpack前端node.js
    前端的项目打包，我们常用的构建工具有Webpack和Vite，那么Webpack和Vite是两种不同的前端构建工具,那么你们又是否了解它们的区别呢？我们在做项目时要如何选择呢？一、工具定义1、Webpack：是一个强大的静态模块打包工具，它可以将各种类型的文件，如JavaScript、CSS、图片等，作为模块进行打包，并生成最终的静态资源文件。Webpack使用各种loader和plugin来处理
  • java毕业设计家教管理系统mybatis+源码+调试部署+系统+数据库+lw 练练科技 数据库javamybatis
    java毕业设计家教管理系统mybatis+源码+调试部署+系统+数据库+lwjava毕业设计家教管理系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址
  • java毕业生设计宠物领养管理系统计算机源码+系统+mysql+调试部署+lw 你眼里的星星 javamysql宠物
    java毕业生设计宠物领养管理系统计算机源码+系统+mysql+调试部署+lwjava毕业生设计宠物领养管理系统计算机源码+系统+mysql+调试部署+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址
  • 太强了！测试 Claude 3.7 Sonnet 模型前端代码能力提示词及Claude Code 系统提示词 技术程序猿华锋 AIGC资讯前端人工智能
    Claude3.7Sonnet测试模型的前端代码能力提示词；CreateasingleHTMLfilecontainingCSSandJavaScripttogenerateananimatedweathercard.Thecardshouldvisuallyrepresentthefollowingweatherconditionswithdistinctanimations:Wind:(e.g
  • CSS自定义字体与动画：为网页增添独特魅力 wertuiop_ css前端
    CSS高级语法之自定义字体与动画文章目录CSS高级语法之自定义字体与动画前言一、CSS自定义字体为什么要自定义字体如何实现自定义字体使用@font-face规则应用自定义字体二、CSS动画CSS动画的基础概念创建简单的CSS动画过渡动画transition:复合属性定义动画关键帧将动画应用到元素上播放动画属性更复杂的CSS动画多个关键帧动画属性组合总结前言在现代网页设计中，CSS（层叠样式表）为我
  • 完美隐藏滚动条方案 (2024 最新验证) AF01 javascript
    完美隐藏滚动条方案(2024最新验证)css/*全局隐藏竖直滚动条但保留滚动功能*/html{overflow:-moz-scrollbars-none;/*Firefox旧版*/scrollbar-width:none;/*Firefox64+*/-ms-overflow-style:none;/*IE/Edge*/overflow-y:overlay;/*防止布局偏移*/width:100vw
  • 【商城系统部署到上线】 启山智软 商城 源码 小程序微信小程序java
    商城系统开发是一个复杂的过程，涉及多种技能。以下是一些关键技能：一、前端开发技能HTML/CSS页面结构搭建：HTML用于构建网页的基本结构，如头部、导航栏、商品展示区、购物车等各个功能区域的框架。开发者要熟练掌握各种HTML标签，以创建语义化和结构化良好的页面。样式设计与美化：CSS能够控制网页的布局、字体、颜色、背景等外观效果。通过CSS，可以使页面更加美观、易用，并且适应不同的屏幕尺寸（响应
  • 跨平台开发--Weex 前端_学习之路 跨平台开发前端框架
    Weex是一款由阿里巴巴开源的跨平台移动开发框架，本篇从其定义、特点、应用场景等方面进行介绍：定义与背景Weex允许开发者使用JavaScript、HTML和CSS等前端技术来构建跨平台的原生移动应用，它将前端开发的便利性与原生应用的性能优势相结合。Weex最初由阿里巴巴团队开发，旨在解决移动应用开发中多平台适配的问题，提高开发效率，降低开发成本。特点跨平台性：Weex最大的特点就是能够实现一次编
  • vue - 详解西瓜视频插件xgplayer自定义播放器界面布局及样式细节，强力覆盖修改西瓜播放器的CSS样式，修改播放/暂停按钮大小或图标、增加扩展按钮、修改快捷键图标、整体颜色主题、视频加载状态等 街尾杂货店& 前端组件与功能(开箱即用)西瓜视频xgplayervue2.jsvue3.js自定义西瓜视频界面排版布局css如何修改覆盖西瓜播放器如何更换按钮及加载图标样式播放器暂停播放按钮太大怎么调小
    效果图在vue2、vue3项目开发中，详解vue引入使用xgplayer西瓜视频播放器后如何修改界面样式和快捷按钮样式大小等，强力修改西瓜播放器的视频加载图标及大小、播放和暂停按钮样式、全屏按钮样式、音量调解、整体色调、进度条样式等，vue西瓜视频插件自定义播放器及功能按钮的布局排版及css详细教程，有些时候是必须要修改的（例如手机移动端H5页面竖屏视频，播放暂停按钮会非常大必须做调整），提供多种
  • React学习笔记07 充气大锤 React学习笔记react.js学习笔记开发语言vue.js前端
    一、自定义Hook函数概念：自定义Hook是以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用来个小需求：点击toggle按钮时控制div的显示和隐藏不封装直接实现：functionApp(){const[state,set_state]=useState(true)consttoggle=()=>set_state(!state)return({state&&thisisdi
  • Selenium自动化测试实战教程详解 程序员杰哥 selenium测试工具python软件测试职场和发展自动化测试测试用例
    ChromeDevTools简介ChromeDevTools是一组直接内置在基于Chromium的浏览器（如Chrome、Opera和MicrosoftEdge）中的工具，用于帮助开发人员调试和研究网站。借助ChromeDevTools，开发人员可以更深入地访问网站，并能够：检查DOM中的元素即时编辑元素和CSS检查和监控网站的性能模拟用户的地理位置模拟更快/更慢的网络速度执行和调试JavaScr
  • 【竞赛专用方法总结】蓝桥杯-ACM比赛参考 JokerSZ. 蓝桥杯算法数据结构竞赛编程
    基础部分数位拆分进位模拟最大公约、最小公倍数、质数、素数试除法判定质数——模板题AcWing866.试除法判定质数boolis_prime(intx){if(x1)coutget_divisors(intx){vectorres;for(inti=1;i1)res=res/x*(x-1);returnres;}筛法求欧拉函数——模板题AcWing874.筛法求欧拉函数intprimes[N],cn
  • 响应式前端开发框架Bootstrap实战应用 马屿人
    本文还有配套的精品资源，点击获取简介：Bootstrap是广受欢迎的前端框架，用于创建响应式和移动优先的网站。结合JavaEE、Spring、SpringMVC和MyBatis后端技术，开发者可利用Bootstrap快速开发出模块化、用户友好的Web应用。该框架含有预定义的CSS样式、JavaScript插件、HTML模板和更多资源，以支持高效和模块化的Web应用开发流程。本压缩包中可能包含Boo
  • web报表工具FineReport常见的数据集报错错误代码和解释 老A不折腾 web报表finereport代码可视化工具
    在使用finereport制作报表，若预览发生错误，很多朋友便手忙脚乱不知所措了，其实没什么，只要看懂报错代码和含义，可以很快的排除错误，这里我就分享一下finereport的数据集报错错误代码和解释，如果有说的不准确的地方，也请各位小伙伴纠正一下。   NS-war-remote=错误代码\:1117 压缩部署不支持远程设计 NS_LayerReport_MultiDs=错误代码
  • Java的WeakReference与WeakHashMap bylijinnan java弱引用
    首先看看 WeakReference wiki 上 Weak reference 的一个例子： public class ReferenceTest { public static void main(String[] args) throws InterruptedException { WeakReference r = new Wea
  • Linux——（hostname）主机名与ip的映射 eksliang linuxhostname
    一、 什么是主机名 无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。但IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的； 主机名是用于什么的呢？ 答：在一个局域网中，每台机器都有一个主
  • oracle 常用技巧 18289753290
    oracle常用技巧 ①复制表结构和数据   create table  temp_clientloginUser as   select distinct userid from tbusrtloginlog ②仅复制数据 如果表结构一样 insert into  mytable  select  * &nb
  • 使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException 酷的飞上天空 exception
    有一个线上环境使用的是c3p0数据库，为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现 com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou
  • IT系统分析师如何学习大数据 蓝儿唯美 大数据
    我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢？学习大数据的最佳方法就是先从了解信息系统是如何工作着手，尤其是数据库和基础设施。同样在开始前还需要了解大数据工具，如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系 统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能
  • spring学习——简介 a-john spring
    Spring是一个开源框架，是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发，从简单性，可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security 为了降低Java开发的复杂性，
  • 自定义颜色的xml文件 aijuans xml
    <?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> &
  • 运营到底是做什么的？ aoyouzi 运营到底是做什么的？
    文章来源：夏叔叔（微信号：woshixiashushu），欢迎大家关注！很久没有动笔写点东西，近些日子，由于爱狗团产品上线，不断面试，经常会被问道一个问题。问：爱狗团的运营主要做什么？答：带着用户一起嗨。为什么是带着用户玩起来呢？究竟什么是运营？运营到底是做什么的？那么，我们先来回答一个更简单的问题——互联网公司对运营考核什么？以爱狗团为例，绝大部分的移动互联网公司，对运营部门的考核分为三块——用
  • js面向对象类和对象 百合不是茶 js面向对象函数创建类和对象
    接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下  ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似   下面介绍一些js的类和对象的创建的技术   一:类和对
  • web.xml之资源管理对象配置 resource-env-ref bijian1013 javaweb.xmlservlet
    resource-env-ref元素来指定对管理对象的servlet引用的声明，该对象与servlet环境中的资源相关联 <resource-env-ref> <resource-env-ref-name>资源名</resource-env-ref-name> <resource-env-ref-type>查找资源时返回的资源类
  • Create a composite component with a custom namespace sunjing
    https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace   When you developed a composite component the namespace you would be seeing would
  • 【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter bit1129 mongodb
     一、复本集为什么要加入Arbiter这个角色 回答这个问题，要从复本集的存活条件和Aribter服务器的特性两方面来说。 什么是Artiber？ An arbiter does not have a copy of data set and cannot become a primary. Replica sets may have arbiters to add a
  • Javascript开发笔记 白糖_ JavaScript
    获取iframe内的元素 通常我们使用window.frames["frameId"].document.getElementById("divId").innerHTML这样的形式来获取iframe内的元素，这种写法在IE、safari、chrome下都是通过的，唯独在fireforx下不通过。其实jquery的contents方法提供了对if
  • Web浏览器Chrome打开一段时间后，运行alert无效 bozch Webchormealert无效
    今天在开发的时候，突然间发现alert在chrome浏览器就没法弹出了，很是怪异。 试了试其他浏览器，发现都是没有问题的。 开始想以为是chorme浏览器有啥机制导致的，就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。 这样开发的结果，如果客户在使用的时候没有提示，那会带来致命的体验。哎，没啥办法了 就关闭浏览器重启。   结果就好了，这也太怪异了。难道是cho
  • 编程之美-高效地安排会议 图着色问题 贪心算法 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class GraphColoringProblem { /**编程之美 高效地安排会议 图着色问题 贪心算法 * 假设要用很多个教室对一组
  • 机器学习相关概念和开发工具 chenbowen00 算法matlab机器学习
    基本概念： 机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。 它是人工智能的核心，是使计算机具有智能的根本途径，其应用遍及人工智能的各个领域，它主要使用归纳、综合而不是演绎。 开发工具 M
  • [宇宙经济学]关于在太空建立永久定居点的可能性 comsci 经济
           大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........        所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点
  • oracle 11g database control 证书错误 daizj oracle证书错误oracle 11G 安装
    oracle 11g database control 证书错误  win7 安装完oracle11后打开 Database control 后，会打开em管理页面，提示证书错误，点“继续浏览此网站”，还是会继续停留在证书错误页面 解决办法： 是 KB2661254 这个更新补丁引起的，它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告：
  • Java I/O之用FilenameFilter实现根据文件扩展名删除文件 游其是你 FilenameFilter
    在Java中，你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。 在这个例子中，我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
  • C语言数组的简单以及一维数组的简单排序算法示例，二维数组简单示例 dcj3sjt126com carray
    # include <stdio.h> int main(void) { int a[5] = {1, 2, 3, 4, 5}; //a 是数组的名字 5是表示数组元素的个数，并且这五个元素分别用a[0], a[1]...a[4] int i; for (i=0; i<5; ++i) printf("%d\n",
  • PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。 就是 唯一 且 不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引 dcj3sjt126com primary
    PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。 就是 唯一 且 不能为空。INDEX 索引，普通的UNIQUE 唯一索引。 不允许有重复。FULLTEXT 是全文索引，用于在一篇文章中，检索文本信息的。举个例子来说，比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段：会员编号   INT会员姓名  
  • java集合辅助类 Collections、Arrays shuizhaosi888 CollectionsArraysHashCode
      Arrays、Collections   1 ）数组集合之间转换 public static <T> List<T> asList(T... a) { return new ArrayList<>(a); }      a）Arrays.asL
  • Spring Security（10）——退出登录logout 234390216 logoutSpring Security退出登录logout-urlLogoutFilter
           要实现退出登录的功能我们需要在http元素下定义logout元素，这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的，此时我们默认退出登录的URL为“/j_spring_secu
  • 透过源码学前端 之 Backbone 三 Model 逐行分析JS源代码 backbone源码分析js学习
    Backbone 分析第三部分  Model 概述： Model 提供了数据存储，将数据以JSON的形式保存在 Model的 attributes里， 但重点功能在于其提供了一套功能强大，使用简单的存、取、删、改数据方法，并在不同的操作里加了相应的监听事件， 如每次修改添加里都会触发 change，这在据模型变动来修改视图时很常用，并且与collection建立了关联。
  • SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter 乒乓狂魔 springMVC
    这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter，然后对一些HttpMessageConverter进行具体介绍。 HttpMessageConverter接口介绍： public interface HttpMessageConverter<T> { /** * Indicate
  • 分布式基础知识和算法理论 bluky999 算法zookeeper分布式一致性哈希paxos
      分布式基础知识和算法理论 BY [email protected] 本文永久链接：http://nodex.iteye.com/blog/2103218   在大数据的背景下，不管是做存储，做搜索，做数据分析，或者做产品或服务本身，面向互联网和移动互联网用户，已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍，在完善自我知识体系的同
  • Android Studio的.gitignore以及gitignore无效的解决 bell0901 androidgitignore
    　　github上.gitignore模板合集，里面有各种.gitignore ： https://github.com/github/gitignore 　　自己用的Android Studio下项目的.gitignore文件，对github上的android.gitignore添加了 　　　　　　# OSX files　　　　　　//mac os下　　　　　　.DS_Store
  • 成为高级程序员的10个步骤 tomcat_oracle 编程
    What 软件工程师的职业生涯要历经以下几个阶段：初级、中级，最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。   Why 得到更多的报酬！因为你的薪水会随着你水平的提高而增加 提升你的职业生涯。成为了高级软件工程师之后，就可以朝着架构师、团队负责人、CTO 等职位前进 历经更大的挑战。随着你的成长，各种影响力也会提高。
  • mongdb在linux下的安装 xtuhcy mongodblinux
    一、查询linux版本号： lsb_release -a  LSB Version:    :base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他