My-Belief
My-Belief

从零开始学HTML&&CSS&&JavaScrip——JavaScrip之奥运五环

奥运五环

  • 1.直接上代码
  • 2.其中主要的知识点
  • 3.页面效果

1.直接上代码

	
<html>
	<head>
		<meta charset="UTF-8">
		<title>title>
		<style type="text/css">
			
			.aa{
				width: 780px;
		        height: 370px;
				position: absolute;
		        margin: 0 auto;
			}
			.aa div{
				width: 200px;
		        height: 200px;
		        border-radius: 50%;
		        position: absolute;
			}
			.circle1{
				border:15px solid blue;
			}.circle12{
				 border:15px solid transparent;
       			 border-right-color: blue;
       			 z-index: 2;
			}
			.circle2{
				border:15px solid black;
	        	left: 280px;
			}
			.circle22{
				border:15px solid transparent;
			    border-bottom-color: black;
			    border-right-color: black;
			    left: 280px;
			    z-index: 2;
			}
			.circle3{
				border:15px solid red;
	        	left: 560px;
			}.circle32{
				border:15px solid transparent;
		        border-left-color: red;
		        left: 560px;
		        z-index: 2;
			}
			.circle4{
				border:15px solid yellow;
	        	left: 140px;
	        	top:100px;
			}
			.circle5{
				border:15px solid green;
	        	left: 420px;
	        	top:100px;
			}
			.circle52{
				border:15px solid transparent;
		        border-left-color: green;
		        left: 420px;
		        top:100px;
		        z-index: 2;
			}
		style>
	head>
	<body>
		<div id="" style="padding: 25% 25%;">

		<div class="aa">
			<div class="circle1">div>
			<div class="circle12">div>
			<div class=" circle2">div>
			<div class=" circle22">div>
			<div class=" circle3">div>
			<div class=" circle32">div>
			<div class=" circle4">div>
			<div class=" circle5">div>
			<div class=" circle52">div>
		div>
					
		div>
	body>
html>

2.其中主要的知识点

border-radius: 50%;
以及边框颜色的继承父类的颜色transparent
border-left-color和zindex：实现环相交处颜色的显示

3.页面效果

从零开始学HTML&&CSS&&JavaScrip——JavaScrip之奥运五环_第1张图片

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

  • 前端基础知识Vue系列 - 17（vue中key的原理）
    一、Key是什么开始之前，我们先还原两个实际工作场景当我们在使用v-for时，需要给单元加上key...用+newDate()生成的时间戳作为key，手动强制触发重新渲染那么这背后的逻辑是什么，key的作用又是什么？一句话来讲key是给每一个vnode的唯一id，也是diff的一种优化策略，可以根据key，更准确，更快的找到对应的vnode节点场景背后的逻辑当我们在使用v-for时，需要给单元加上
  • 《前端基础核心知识笔记：HTML、CSS、JavaScript 及 BOM/DOM》 萌新小白的逆袭 前端笔记htmljavascript
    html前端三剑客的介绍：HTML:页面内容的载体Css：用来美化和指定页面的显示效果JavaScript：页面显示的过程中，可以动态改变页面的内容重点属性type="text"文本输入type="password"密码输入SerlvertC超链接type="radio"value="值"单选框type="checkbox"value="值"多选框在作用设置编码格式 action是跳转的界面met
  • 从AI辅助编码到自动部署：前端开发提效全流程实践 程序猿全栈の董（董翔） 人工智能热门技术领域人工智能新兴领域热门技术
    从AI辅助编码到自动部署：前端开发提效全流程实践**摘要本文结合ChatGPT、GitHubCopilot等AI工具，分享从需求分析、代码编写到自动化部署的全流程提效技巧。通过真实案例演示如何利用AI工具提升30%以上的开发效率，适合有一定前端基础的开发者阅读。一、引言：AI时代的前端开发变革现状：据StackOverflow2023调查，65%的开发者使用AI辅助工具，平均减少35%的调试时间。
  • web前端基础知识:表单标签 黄昏终结者 前端htmljavascript
    一.input系列标签语法:form表单用来收集用户信息的input输入type类型type属性值:text文本password密码框radio单选框checkbox多选框file选择文件submit提交按钮reset重置按钮button普通按钮1.input系列标签-text文本框属性:placeholder占位符文本输入框语法:昵称:2.input系列标签-password密码框属性:plac
  • 【前端】一文快速回顾 Html+CSS+JS CoderSharry 前端前端htmlcss
    文章目录前言Preface1.HTML快速回顾1.1基本结构1.2简单语法回顾2.CSS快速回顾2.1三种引入方式2.2选择器2.3布局2.3.1盒子模型2.3.2定位2.3.3浮动2.4简单练习3.JavaScript快速回顾3.1JavaScript引入方式3.2JavaScript基本语法3.2.1变量3.2.2函数与箭头函数3.3简单练习4.总结参考资料一文快速回顾前端基础三件套：HTML
  • 前端基础知识JavaScript系列 - 25（Javascript本地存储） 前端小白从0开始 前端javascript开发语言
    一、方式javaScript本地缓存的方法我们主要讲述以下四种：cookiesessionStoragelocalStorageindexedDBcookieCookie，类型为「小型文本文件」，指某些网站为了辨别用户身份而储存在用户本地终端上的数据。是为了解决HTTP无状态导致的问题作为一段一般不超过4KB的小型文本数据，它由一个名称（Name）、一个值（Value）和其它几个用于控制cooki
  • Java web%10 好学且牛逼的马 java前端AI编程
    %10新路线Javawebai笔记阶段时长内容Web前端基础2天HTML、CSS、JS、Vue3、AjaxWeb后端基础4天Maven、HTTP协议、SpringIOC、DI、MySQL、JDBC、MybatisWeb后端实战6天Tlias案例（基于案例讲解web开发的核心知识）Web后端进阶2天SpringAOP、SpringBoot原理、自定义Starter、Maven高级前端web实战4天V
  • 前端基础知识JavaScript系列 - 06（深拷贝浅拷贝）
    一、数据类型存储前面文章我们讲到，JavaScript中存在两大数据类型：基本类型引用类型基本类型数据保存在在栈内存中引用类型数据保存在堆内存中，引用数据类型的变量是一个指向堆内存中实际对象的引用，存在栈中二、浅拷贝浅拷贝，指的是创建新的数据，这个数据有着原始数据属性值的一份精确拷贝如果属性是基本类型，拷贝的就是基本类型的值。如果属性是引用类型，拷贝的就是内存地址即浅拷贝是拷贝一层，深层次的引用类
  • 前端基础知识CSS系列 - 13（响应式设计的基本原理） 前端小白从0开始 前端css响应式
    一、是什么响应式网站设计（ResponsiveWebdesign）是一种网络页面设计布局，页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整描述响应式界面最著名的一句话就是“Contentislikewater”大白话便是“如果将屏幕看作容器，那么内容就像水一样”响应式网站常见特点：同时适配PC+平板+手机等标签导航在接近手持终端设备时改变为经典的抽
  • 前端基础知识CSS系列 - 15（单行／多行文本溢出的省略样式） 前端小白从0开始 前端css
    一、前言在日常开发展示页面，如果一段文本的数量过长，受制于元素宽度的因素，有可能不能完全显示，为了提高用户的使用体验，这个时候就需要我们把溢出的文本显示成省略号对于文本的溢出，我们可以分成两种形式：单行文本溢出多行文本溢出二、实现方式单行文本溢出省略理解也很简单，即文本在一行内显示，超出部分以省略号的形式展现实现方式也很简单，涉及的css属性有：text-overflow：规定当文本溢出时，显示省
  • 前端基础知识JavaScript系列 - 01（JavaScript中的数据类型？存储上的差别？） 前端小白从0开始 前端javascript开发语言
    前言在JavaScript中，我们可以分成两种类型：基本类型复杂类型两种类型的区别是：存储位置不同一、基本类型基本类型主要为以下6种：NumberStringBooleanUndefinednullsymbolNumber数值最常见的整数类型格式则为十进制，还可以设置八进制（零开头）、十六进制（0x开头）letintNum=55//10进制的55letnum1=070//8进制的56lethexN
  • 移动应用开发专业核心课程以及就业方向
    移动应用开发专业聚焦移动端软件的设计、开发与测试，课程设置与产业需求紧密衔接，就业面向移动互联网高速增长的市场。以下是核心课程及就业方向的系统分析：一、核心课程体系专业基础课程：移动端UI设计：掌握应用界面布局、交互逻辑及用户体验优化，为原型设计奠基。网页设计与制作：学习HTML/CSS/JavaScript等前端基础，实现响应式Web开发。面向对象程序设计（Java/C#等）：培养编程思维与代码
  • MFE微前端高级版：Angular + Module Federation + webpack + 路由（Route way）完整示例 crary,记忆 Angular微前端-MFEangular.js前端webpackangular
    在查看这篇文章之前，可以先简单预览一下这篇基础版的博客：MFE微前端基础版：Angular+ModuleFederation+webpack+路由（Routeway）完整示例-CSDN博客这篇Angular+ModuleFederation高级路由配置详解包括嵌套路由、路由守卫、懒加载策略和动态路由等高级功能。1.主应用(Shell)高级路由配置shell/src/app/app-routing.
  • Web前端基础之HTML
    一、浏览器火狐浏览器、谷歌浏览器(推荐)、IE浏览器推荐谷歌浏览器原因：1、简洁大方,打开速度快2、开发者调试工具（右键空白处->检查，打开调试模式）二、开发工具核心IDE工具VisualStudioCode(VSCode)‌微软开发的免费跨平台编辑器，支持智能提示、Git集成、调试功能及丰富的扩展插件‌。轻量高效，适用于HTML/CSS/JavaScript及主流前端框架开发‌。WebStorm
  • 从搬砖工到架构师，Java全栈知识体系（2025版） 程序员岳彬 java开发语言后端程序人生
    文章目录一、前端技术体系1.前端基础2.前端框架与生态3.工程化工具4.跨端与性能优化二、后端Java技术体系1.Java核心基础2.后端Web开发3.持久层技术4.微服务与中间件三、运维与DevOps1.Linux服务器2.容器与集群3.持续集成/部署4.监控与日志四、AI算法与大模型集成1.基础算法2.大模型工程实践3.应用场景五、工程工具与最佳实践1.开发工具2.代码规范与质量3.架构设计六
  • 微信小程序-功德木鱼（含设置面板功能） weixin_48077625 微信小程序前端小程序
    基于微信小程序所开发的电子木鱼项目，十分适合作为微信小程序开发初学者在完成前端基础学习后进行练手学习项目。##功能亮点：计数器、敲击震动效果、设置面板（自定义漂浮文字内容、可选择文字颜色、可选择木鱼样式）一、界面展示二、功能介绍自动计数木鱼敲击动画文字上飘动画敲击震动设置面板自定义漂浮文字可选择字体颜色可选择木鱼样式三、核心代码setting(){this.setData({isSetting:t
  • 前端基础知识ES6系列 - 03（数组新增了哪些扩展） 前端小白从0开始 前端es6ecmascriptjavascripthtml5
    一、扩展运算符的应用ES6通过扩展元素符...，好比rest参数的逆运算，将一个数组转为用逗号分隔的参数序列console.log(...[1,2,3])//123console.log(1,...[2,3,4],5)//12345[...document.querySelectorAll('div')]//[,,]主要用于函数调用的时候，将一个数组变为参数序列functionpush(array
  • MFE微前端基础版：Angular + Module Federation + webpack + 路由（Route way）完整示例 crary,记忆 微前端-MFE前端webpack学习angular
    1.项目结构microfrontend-demo/├──shell/#主应用(Shell)├──mfe1/#微前端应用1├──mfe2/#微前端应用2└──shared/#共享库2.主应用(Shell)配置shell/webpack.config.jsconstModuleFederationPlugin=require("webpack/lib/container/ModuleFederatio
  • javascript常见100问|前端基础知识|13-14-options 请求Restful-API-method前端知识体系14-总结，软技能是否看过红宝书code review CR 检查什么 学习记录wanxiaowan 前端八股文前端javascriptrestful
    14-options请求题目跨域为何需要options请求？跨域浏览器同源策略，默认限制跨域请求。跨域的解决方案jsonpCORS//CORS配置允许跨域（服务端）response.setHeader("Access-Control-Allow-Origin","http://localhost:8011")//或者'*'response.
  • 2024年网络安全最全什么情况，听说网络安全工程师已经没落？_网络工程师现在废了 2401_84264536 web安全网络安全
    数据库基础基础阶段的最后一部分，可以来接触一些数据库的基础知识了。这个阶段主要学一些理论知识，重点掌握库、表、索引等概念，然后学习SQL的编写，学会增删改查数据。暂时不用编程来操作数据库。青铜（筑基期）度过了石器时代，你已经储备了一些计算机的基础知识：操作系统的使用，网络协议，前端基础，数据库初识，但这距离做网络安全还不够，在第二个青铜阶段，你还需要再进一步学习基础，在第一阶段之上，难度会开始慢慢
  • TCP和UDP协议之间的区别，前端基础面试题 天渺工作室 网络知识TCP和UDPtcpudp
    前端基础面试题,TCP和UDP协议之间的区别tcp和udp作为传输层的两个协议,主要区别:1，tcp是面向链接的,（http协议握手）就类似打电话要先建立拨号，在进行链接。而udp在发送前不需要建立链接，直接发送（不在乎接收端是否完全接收到）。2，tcp可传输可靠服务,能保证数据传输的无差错，不丢失，不重复，且按序到达。而udp只是尽最大努力进行传输，不能保证传输是否可靠。3，基于上面两条的原因，
  • Python就业方向有哪些？ IT-博通哥 python开发语言
    Python作为一门通用、易学且功能强大的编程语言，在多个领域都有广泛的应用，因此就业方向也非常多样化。以下是Python主要的就业方向及相关技能要求。1.Web开发岗位：PythonWeb开发工程师、后端工程师、全栈工程师技术栈：框架：Django、Flask、FastAPI数据库：PostgreSQL、MySQL、MongoDB前端基础：HTML/CSS/JavaScript（配合Vue/Re
  • 前端基础入门三大核心之JS篇 —— JavaScript编写油猴脚本：让浏览器做你的私人定制助手【含代码示例】 DTcode7 HTML网站开发#前端基础入门三大核心之JS前端javascript开发语言
    前端基础入门三大核心之JS篇——JavaScript编写油猴脚本：让浏览器做你的私人定制助手【含代码示例】油猴脚本：浏览器的魔法外挂安装油猴创建你的第一个脚本基础概念：@match与用户脚本元数据实战演练：给网页添加个性化问候目标代码示例不同角度的使用思路实战技巧与问题排查遇到问题怎么办？结语：你的创意，无界延伸在前端开发的广袤宇宙里，JavaScript（简称JS）是我们手中最闪耀的光剑。而当这
  • 【前端基础】正则表达式 详解 前端自习室 前端基础前端正则表达式
    文章目录一、什么是正则表达式？二、为什么要使用正则表达式？三、正则表达式的基本语法与核心概念1.普通字符(LiteralCharacters)2.元字符(Metacharacters)3.字符集合(CharacterSets)4.预定义字符类(PredefinedCharacterClasses/Shorthands)5.量词(Quantifiers)6.分组与捕获(GroupingandCapt
  • Rust 在前端基建中的使用 brrdg_sefg rust前端状态模式
    摘要随着前端技术的不断发展，前端基础设施（前端基建）的建设已成为提升开发效率、保障产品质量的关键环节。然而，在应对复杂业务场景与高性能需求时，传统的前端技术栈逐渐暴露出诸多不足。近年来，Rust语言以其独特的优势，在前端基建领域崭露头角。本文将详细说明Rust在当前前端基建中的使用情况，以及其解决传统技术栈不足的方案。文章首先介绍了传统技术栈的不足，包括技术更新速度快、技术栈老旧、JavaScri
  • 前端基础入门三大核心之HTML篇：揭秘`＜meta＞`标签的魔法——常用的属性及实战应用 DTcode7 HTML网站开发#前端基础入门三大核心之htmlHTML5前端web前端三大核心网页开发
    前端基础入门三大核心之HTML篇：揭秘``标签的魔法——常用的属性及实战应用一、``标签的基本概念与作用二、常用属性与方法1.`charset`：定义字符集2.`name`与`content`：描述性信息3.`http-equiv`：模拟HTTP响应头三、实战技巧与最佳实践1.SEO优化2.安全性与性能3.防范漏洞四、排查与解决方案结语与讨论在HTML的世界里，标签就像是藏在幕后的魔法师，虽然不直
  • 前端基础：HTML 椰羊～王小美 #前端基础html
    前端基础：HTML文章目录前言一、初识html1.课程先导2.课程目录3.html5优势4.W3C标准5.标签（超文本标记语言）2.网页基本信息1.HTML基本结构2.我的第一个网页二、网页基本标签三、图像、超链接、网页布局1.图像标签2.超链接标签及应用3.行内元素和块元素四、列表、表格、媒体元素1.列表标签2.表格标签3.媒体元素4.页面结构分析5.iframe内联框架五、表单及表单应用1.初
  • 后端程序员的前端速成经验分享 半路马龙 笔记前端
    作为一个java后端程序员，对于前端的一些知识是必不可少的，比如html，css，js三大件。现对前端基础知识做一个学习总结，掌握了这些知识，一个后端开发人员也可以不用模板独立完成开发。前端三大件里面html和js相对来说都比较简单，这两种知识都是比较固定的，不用全部掌握需要用到的时候，查询就可以了，而css相对三者中是较难的，页面布局和效果都要用css完成虽然css完成一个页面效果方式是多样的，
  • 【前端八股文】 无敌屁屁橘 前端面试
    前端八股文（一）文章目录前端八股文（一）前言一、前端八股在工作中是否能用到？二、基础篇1.html+js+css1.1SEO优化1.1.1SPA1.1.2SSR1.2响应式布局总结传送门检讨前言文章是网卡摸鱼写的，起因是大学舍友最近面试遇到了许多前端基础提问，例如HTML5的特性是什么？变量的提升？或许在座的各位都能答得出来，但是我相信并不是每一个前端朋友都能对这些名词如数家珍，也许你知道var、
  • 前端基础入门三大核心之HTML篇 —— HTML页面性能优化：15个秘籍解锁速度与激情【附代码】 DTcode7 HTML网站开发#前端优化前端html性能优化
    前端基础入门三大核心之HTML篇——HTML页面性能优化：15个秘籍解锁速度与激情【附代码】1.减肥计划：精简HTML代码2.缓存利用：合理设置HTTP缓存策略3.静态分离：CDN加速静态资源4.预加载与预读取5.图片减肥：选择正确的格式与尺寸6.精准加载：懒加载图片与内容7.代码分割：拆分JavaScript8.CSS与JavaScript的位置摆放9.使用HTTP/210.DNS预解析11.避
  • Java序列化进阶篇 g21121 java序列化
            1.transient         类一旦实现了Serializable 接口即被声明为可序列化，然而某些情况下并不是所有的属性都需要序列化，想要人为的去阻止这些属性被序列化，就需要用到transient 关键字。
  • escape()、encodeURI()、encodeURIComponent()区别详解 aigo JavaScriptWeb
    原文：http://blog.sina.com.cn/s/blog_4586764e0101khi0.html   JavaScript中有三个可以对字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent，相应3个解码函数：,decodeURI,decodeURIComponent 。 下面简单介绍一下它们的区别 1 escape()函
  • ArcgisEngine实现对地图的放大、缩小和平移 Cb123456 添加矢量数据对地图的放大、缩小和平移Engine
    ArcgisEngine实现对地图的放大、缩小和平移:  个人觉得是平移，不过网上的都是漫游，通俗的说就是把一个地图对象从一边拉到另一边而已。就看人说话吧.  具体实现: 一、引入命名空间    using ESRI.ArcGIS.Geometry;    using ESRI.ArcGIS.Controls; 二、代码实现.
  • Java集合框架概述 天子之骄 Java集合框架概述
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • 旗正4.0页面跳转传值问题 何必如此 javajsp
    跳转和成功提示 a)        成功字段非空forward 成功字段非空forward，不会弹出成功字段，为jsp转发，页面能超链接传值,传输变量时需要拼接。接拼接方式list.jsp?test="+strweightUnit+"或list.jsp?test="+weightUnit+&qu
  • 全网唯一:移动互联网服务器端开发课程 cocos2d-x小菜 web开发移动开发移动端开发移动互联程序员
        移动互联网时代来了！     App市场爆发式增长为Web开发程序员带来新一轮机遇，近两年新增创业者，几乎全部选择了移动互联网项目！传统互联网企业中超过98%的门户网站已经或者正在从单一的网站入口转向PC、手机、Pad、智能电视等多端全平台兼容体系。据统计，AppStore中超过85%的App项目都选择了PHP作为后端程
  • Log4J通用配置|注意问题 笔记 7454103 DAOapachetomcatlog4jWeb
    关于日志的等级 那些去 百度就知道了！ 这几天 要搭个新框架  配置了 日志 记下来 ！做个备忘！ #这里定义能显示到的最低级别,若定义到INFO级别,则看不到DEBUG级别的信息了~! log4j.rootLogger=INFO,allLog # DAO层 log记录到dao.log 控制台 和 总日志文件 log4j.logger.DAO=INFO,dao,C
  • SQLServer TCP/IP 连接失败问题 ---SQL Server Configuration Manager darkranger sqlcwindowsSQL ServerXP
    当你安装完之后,连接数据库的时候可能会发现你的TCP/IP 没有启动.. 发现需要启动客户端协议 : TCP/IP  需要打开 SQL Server Configuration Manager... 却发现无法打开 SQL Server Configuration Manager..?? 解决方法:  C:\WINDOWS\system32目录搜索framedyn.
  • [置顶] 做有中国特色的程序员 aijuans 程序员
    从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有些技术书读得可
  • document.domain 跨域问题 avords document
    document.domain用来得到当前网页的域名。比如在地址栏里输入：javascript:alert(document.domain); //www.315ta.com我们也可以给document.domain属性赋值，不过是有限制的，你只能赋成当前的域名或者基础域名。比如：javascript:alert(document.domain = "315ta.com");
  • 关于管理软件的一些思考 houxinyou 管理
    工作好多看年了,一直在做管理软件,不知道是我最开始做的时候产生了一些惯性的思维,还是现在接触的管理软件水平有所下降.换过好多年公司,越来越感觉现在的管理软件做的越来越乱. 在我看来,管理软件不论是以前的结构化编程,还是现在的面向对象编程,不管是CS模式,还是BS模式.模块的划分是很重要的.当然,模块的划分有很多种方式.我只是以我自己的划分方式来说一下. 做为管理软件,就像现在讲究MVC这
  • NoSQL数据库之Redis数据库管理(String类型和hash类型) bijian1013 redis数据库NoSQL
    一.Redis的数据类型 1.String类型及操作         String是最简单的类型，一个key对应一个value，string类型是二进制安全的。Redis的string可以包含任何数据，比如jpg图片或者序列化的对象。         Set方法：设置key对应的值为string类型的value
  • Tomcat 一些技巧 征客丶 javatomcatdos
    以下操作都是在windows 环境下 一、Tomcat 启动时配置 JAVA_HOME 在 tomcat 安装目录，bin 文件夹下的 catalina.bat 或 setclasspath.bat 中添加 set JAVA_HOME=JAVA 安装目录 set JRE_HOME=JAVA 安装目录/jre 即可； 二、查看Tomcat 版本 在 tomcat 安装目
  • 【Spark七十二】Spark的日志配置 bit1129 spark
    在测试Spark Streaming时，大量的日志显示到控制台，影响了Spark Streaming程序代码的输出结果的查看(代码中通过println将输出打印到控制台上)，可以通过修改Spark的日志配置的方式，不让Spark Streaming把它的日志显示在console   在Spark的conf目录下，把log4j.properties.template修改为log4j.p
  • Haskell版冒泡排序 bookjovi 冒泡排序haskell
    面试的时候问的比较多的算法题要么是binary search，要么是冒泡排序，真的不想用写C写冒泡排序了，贴上个Haskell版的，思维简单，代码简单，下次谁要是再要我用C写冒泡排序，直接上个haskell版的，让他自己去理解吧。     sort [] = [] sort [x] = [x] sort (x:x1:xs) | x>x1 = x1:so
  • java 路径 配置文件读取 bro_feng java
    这几天做一个项目，关于路径做如下笔记，有需要供参考。 取工程内的文件，一般都要用相对路径，这个自然不用多说。 在src统计目录建配置文件目录res,在res中放入配置文件。 读取文件使用方式： 1. MyTest.class.getResourceAsStream("/res/xx.properties") 2. properties.load(MyTest.
  • 读《研磨设计模式》-代码笔记-简单工厂模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 个人理解：简单工厂模式就是IOC; * 客户端要用到某一对象，本来是由客户创建的，现在改成由工厂创建，客户直接取就好了 */ interface IProduct {
  • SVN与JIRA的关联 chenyu19891124 SVN
    SVN与JIRA的关联一直都没能装成功，今天凝聚心思花了一天时间整合好了。下面是自己整理的步骤： 一、搭建好SVN环境，尤其是要把SVN的服务注册成系统服务 二、装好JIRA，自己用是jira-4.3.4破解版 三、下载SVN与JIRA的插件并解压，然后拷贝插件包下lib包里的三个jar，放到Atlassian\JIRA 4.3.4\atlassian-jira\WEB-INF\lib下，再
  • JWFDv0.96 最新设计思路 comsci 数据结构算法工作企业应用公告
                       随着工作流技术的发展，工作流产品的应用范围也不断的在扩展，开始进入了像金融行业(我已经看到国有四大商业银行的工作流产品招标公告了)，实时生产控制和其它比较重要的工程领域，而
  • vi 保存复制内容格式粘贴 daizj vi粘贴复制保存原格式不变形
        vi是linux中非常好用的文本编辑工具，功能强大无比，但对于复制带有缩进格式的内容时，粘贴的时候内容错位很严重，不会按照复制时的格式排版，vi能不能在粘贴时，按复制进的格式进行粘贴呢？ 答案是肯定的，vi有一个很强大的命令可以实现此功能 。     在命令模式输入:set paste，则进入paste模式，这样再进行粘贴时
  • shell脚本运行时报错误：/bin/bash^M: bad interpreter 的解决办法 dongwei_6688 shell脚本
    出现原因：windows上写的脚本，直接拷贝到linux系统上运行由于格式不兼容导致 解决办法： 1. 比如文件名为myshell.sh，vim myshell.sh 2. 执行vim中的命令 : set ff?查看文件格式，如果显示fileformat=dos，证明文件格式有问题 3. 执行vim中的命令 :set fileformat=unix 将文件格式改过来就可以了，然后:w
  • 高一上学期难记忆单词 dcj3sjt126com wordenglish
    honest 诚实的；正直的 argue 争论 classical 古典的 hammer 锤子 share  分享；共有 sorrow 悲哀；悲痛 adventure 冒险 error 错误；差错 closet 壁橱；储藏室 pronounce 发音；宣告 repeat 重做；重复 majority 大多数；大半   native 本国的，本地的，本国
  • hibernate查询返回DTO对象，DTO封装了多个pojo对象的属性 frankco POJOhibernate查询DTO
          DTO-数据传输对象；pojo-最纯粹的java对象与数据库中的表一一对应。       简单讲：DTO起到业务数据的传递作用，pojo则与持久层数据库打交道。         有时候我们需要查询返回DTO对象，因为DTO
  • Partition List hcx2013 partition
    Given a linked list and a value x, partition it such that all nodes less than x come before nodes greater than or equal to x. You should preserve the original relative order of th
  • Spring MVC测试框架详解——客户端测试 jinnianshilongnian
    上一篇《Spring MVC测试框架详解——服务端测试》已经介绍了服务端测试，接下来再看看如果测试Rest客户端，对于客户端测试以前经常使用的方法是启动一个内嵌的jetty/tomcat容器，然后发送真实的请求到相应的控制器；这种方式的缺点就是速度慢；自Spring 3.2开始提供了对RestTemplate的模拟服务器测试方式，也就是说使用RestTemplate测试时无须启动服务器，而是模拟一
  • 关于推荐个人观点 liyonghui160com 推荐系统关于推荐个人观点
        回想起来，我也做推荐了3年多了，最近公司做了调整招聘了很多算法工程师，以为需要多么高大上的算法才能搭建起来的，从实践中走过来，我只想说【不是这样的】     第一次接触推荐系统是在四年前入职的时候，那时候，机器学习和大数据都是没有的概念，什么大数据处理开源软件根本不存在，我们用多台计算机web程序记录用户行为，用.net的w
  • 不间断旋转的动画 pangyulei 动画
    CABasicAnimation* rotationAnimation; rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; rotationAnimation.toValue = [NSNumber numberWithFloat: M
  • 自定义annotation sha1064616837 javaenumannotationreflect
    对象有的属性在页面上可编辑，有的属性在页面只可读，以前都是我们在页面上写死的，时间一久有时候会混乱，此处通过自定义annotation在类属性中定义。越来越发现Java的Annotation真心很强大，可以帮我们省去很多代码，让代码看上去简洁。 下面这个例子 主要用到了 1.自定义annotation：@interface，以及几个配合着自定义注解使用的几个注解 2.简单的反射 3.枚举
  • Spring 源码 up2pu spring
    1.Spring源代码 https://github.com/SpringSource/spring-framework/branches/3.2.x 注：兼容svn检出 2.运行脚本 import-into-eclipse.bat 注：需要设置JAVA_HOME为jdk 1.7 build.gradle compileJava { sourceCompatibilit
  • 利用word分词来计算文本相似度 yangshangchuan wordword分词文本相似度余弦相似度简单共有词
    word分词提供了多种文本相似度计算方式： 方式一：余弦相似度，通过计算两个向量的夹角余弦值来评估他们的相似度 实现类：org.apdplat.word.analysis.CosineTextSimilarity 用法如下： String text1 = "我爱购物"; String text2 = "我爱读书"; String text3 =
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他