路u
路u

【总结】认识前端开发

Day11- 认识前端开发

1. 认识前端

爬虫：数据采集（获取互联网产品公开数据）

1.1 认识前端开发 - 写界面（数据展示、用户交互）

1.2 前端三大核心技术：html、css、js
1）html：给网页提供内容
2）css：设置网页内容的样式和布局
3）js：让网页内容变化

2. html常用标签

html是用来给网页提供内容（不同的标签提供不同内容）

  • 标签：html核心元素
  • 网页基本结构
    一个html文件就是一个网页
    1）DOCTYPE：html版本说明
    2）整个网页对应的是html标签，html标签中有head标签(代表网页头部)和body标签(代表网页内容)
  • 标签分类
    1）双标签：<标签名 属性1=属性1 属性2=属性2 …>标签内容
    2）单标签：<标签名 属性1=属性1 属性2=属性2 …>或者<标签名 属性1=属性1 属性2=属性2 …/>

DOCTYPE html>
<html>
	<head>
		
		<meta charset="utf-8">
		
		
		<title>百度一下，你就知道title>
		
		
		<link rel="icon" href="img/baidu.png">
	head>
	<body>
		
		<h1>一级标题h1>
		<h2>二级标题h2>
		<h3>三级标题h3>
		<h4>四级标题h4>
		<h5>五级标题h5>
		<h6>六级标题h6>
		
		
		
		<p>几乎每一个最终有利于上海海港的判罚，
		都会引发“受害球队”球迷的不满，
		除了对当值主裁判口诛笔伐之外，
		另一个被口诛笔伐的是陈戌源。p>
		<p>
			  床前明月光，<br>
			  凝视地上霜，<br>
			  举头望明月，<br>
			  低头思故乡
		p>
		
		
		<span>2023-02-20 9:20 span>
		<span>|span>
		<span>界面新闻官方账号span>
		
		
		<p>
			 实际上，陈戌源和足协方面的人士也并非没有反应，
			 一次一名裁判负责人就大骂裁判：
			 <b>“你们这么干，就是把陈主席往死里坑！”b><i>在2021和2022赛季i>，
			 单单就联赛而言，海港队也没有引发太多的争议判罚，
			 包括关键的足协杯决赛裁判也是秉公执法，期间陈戌源因为上海海港所背负的骂名一度有所减少了，
			 但<b><i>无法根本性解决。i>b>
		p>
		 
		 
		<img src="img/孔明灯.jpeg" title="孔明灯" >
		<br>
		<img title="小猫咪" alt="加载失败" src="https://img2.baidu.com/it/u=2259120226,2703290105&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500" >
		 
		
		
		<a href="https://image.baidu.com/search/index?tn=baiduimage&ct=201326592&lm=-1&cl=2&ie=gb18030&word=%C3%A8%DF%E4%CD%BC&fr=ala&ala=1&alatpl=normal&pos=0&dyTabStr=MCwzLDIsMSw2LDQsNSw4LDcsOQ%3D%3D" target="_blank">猫咪a>
		<br>
		
		<a target="_blank" href="https://image.baidu.com/search/index?tn=baiduimage&ct=201326592&lm=-1&cl=2&ie=gb18030&word=%C3%A8%DF%E4%CD%BC&fr=ala&ala=1&alatpl=normal&pos=0&dyTabStr=MCwzLDIsMSw2LDQsNSw4LDcsOQ%3D%3D">
			<img src="img/baidu.png" >
		a>	
	body>
html>

	## 3. 标签		

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<body>
		
		
		<input type="text" placeholder="手机号" value="110" maxlength="6">
		<br><br>
		
			
		<input type="password" placeholder="密码" value="123456">
		<br><br>
		
		
		<form >
			
		
		<input type="radio" name="genger" id="g1"><label for="g1">男label>
		<input type="radio" name="genger" checked><span>女span>
		<input type="radio" name="genger"><span>保密span>
		<br><br>
		<input type="radio" name="m">已婚
		<input type="radio" name="m">未婚
		
		
		<br><br>
		<input type="checkbox" name="la" checked><label>pythonlabel>
		<input type="checkbox" name="la" ><label>Clabel>
		<input type="checkbox" name="la" ><label>Javalabel>
		<input type="checkbox" name="la" ><label>C#label>
		<input type="checkbox" name="la" ><label>Golabel>
		<input type="checkbox" name="la" ><label>JavaScriplabel>
		<br><br>
		
		
		<input type="color">
		<input type="date">
		<input type="datetime-local">
		<input type="file">
		
		<input type="reset">
		form>
	
	
	body>
html>

4.其他标签

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<body>
		
		<select>
			<option value ="四川省">四川省option>
			<option value ="河北省">河北省option>
			<option value ="广东省">广东省option>
			<option value ="山东省">山东省option>
		select>
		
		<select name="">
			<optgroup label="四川省">
				<option value="">成都市option>
				<option value="">绵阳市option>
				<option value="">德阳市option>
				<option value="">简阳市option>
				<option value="">眉山市option>
				<option value="">乐山市option>
				<option value="">巴中市option>
			optgroup>
			<optgroup label="广东省">
				<option value="">广州市option>
				<option value="">东莞市option>
				<option value="">佛山市option>
				<option value="">潮汕市option>
			optgroup>
	
		select>
		
		
		<p>编程语言排行榜p>
		<ol>
			<li>
				<p>Pythonp>
				<img src="img/Python.png" >
				<p>Python由荷兰数学和计算机科学研究学会的吉多·范罗苏姆于1990年代初设计，作为一门叫做ABC语言的替代品。p>
			li>
			<li>
				<p>Javap>
				<img src="img/Java.png" >
				<p>
					Java是一门面向对象编程语言,不仅吸收了C++语言的各种优点,
					还摒弃了C++里难以理解的多继承、指针等概念,因此Java语言具有功能强大和简单易用两个特征。
					Java语言作为静态面向对象编程语言的代表,
					极好地实现了面向对象理论,允许程序员以优雅的思维方式进行复杂的编程
				p>
			li>
			<li>Cli>
			<li>C++li>
			<li>JavaScripeli>
			<li>C#li>
		ol>
		
		
		
		
		<p>千峰成都校区所有学科p>
		<ul>
			<li>python数据分析li>
			<li>java后端开发li>
			<li>大前端li>
			<li>UI、UE设计li>
			<li>物联网li>
		ul>
		
		
		<p>千峰成都校区所有学科p>
		<div>python数据分析div>
		<div >java后端开发div>
			
		<button >确定button>
	body>
html>

​
​

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

  • 2024年前端框架选择指南：React、Vue、Angular与新兴框架对比 海豹工匠 前端框架
    在当今快速发展的前端技术领域，选择合适的框架对于项目成功至关重要。本文将深入探讨主流前端框架的特点、优缺点及适用场景，为开发者提供全面的选择指南。主流框架概览React特点：基于组件的开发方式，虚拟DOM差分算法优点：灵活性强，生态系统丰富缺点：需要学习JSX和状态管理库适用场景：中大型项目，需要高度灵活性和复杂状态管理的应用Vue特点：简单易学，模板直观，内置状态管理优点：学习曲线平缓，适合快速
  • react 实现自定义拖拽hook 丶酸酸 reacthooksreact.jsjavascript前端
    前沿最近发现公司的产品好几个模块用到了拖拽功能，之前拖拽组件是通过Html5dragApi实现的但体验并不是很好,顺便将原来的拖拽组建稍做修改，写一个自定义hook，方便大家使用拖拽功能。正文拖拽功能原理：拖拽元素通过addEventListener监听器添加鼠标按下，鼠标移动，以及鼠标抬起事件。再通过getBoundingClientRect()得到拖拽元素四周相对于可拖拽区域边界的距离。鼠标移
  • [原创]手把手教学之前端0基础到就业---day15堆和栈 + 作业part3(Javascript) *星之卡比* javascript开发语言ecmascript
    7.数据存储—栈(stack)和堆(heap)前面我讲过,数据类型分为基本数据类型（简单数据类型）和复杂数据类型（引用数据类型）基本数据类型和复杂数据类型最大的区别就是存储上的区别下图里的灰色区域可以看做我们的内存空间,黄色是栈空间,橘黄色是堆空间简单数据类型存储在栈空间里,比如变量名函数名,复杂数据类型存储在堆空间里栈内存:按序排列,先来的在栈底,后来的在栈顶,就像是堆叠盘子一样的在堆内存中,数
  • 【前端】react+ts 轮播图的实现 Loong_DQX 前端react.jstypescript
    一、场景描述在很多网站的页面中都有轮播图，所以我想利用react.js和ts实现一个轮播图。自动轮播图已经在前面实现过了，如：https://blog.csdn.net/weixin_43872912/article/details/145622444?sharetype=blogdetail&sharerId=145622444&sharerefer=PC&sharesource=weixin_
  • 前端面试题---vue和react的区别 *星之卡比* 前端vue.jsreact.js
    文章目录框架vs库：学习曲线：模板vsJSX：数据绑定：状态管理：性能：社区支持：框架vs库：Vue是一个完整的框架，提供了从模板到状态管理的全套解决方案；React是一个UI库，主要聚焦于构建用户界面，其他功能依赖第三方库。学习曲线：Vue的语法更简洁，易于上手，适合初学者；React使用JSX，结合了JavaScript和HTML，学习曲线较陡。模板vsJSX：Vue使用类似HTML的模板语法
  • AI前端革新金融风控：ScriptEcho助力高效开发 wangtaohappy 人工智能前端
    1.引言：金融风控的挑战与前端效率需求在当今快速变化的金融环境中，风险评估和反欺诈已成为金融机构运营的核心。金融风控不仅关乎企业的盈利能力，更直接影响着整个金融体系的稳定。一个强大的风控系统需要能够实时监控、分析并预测潜在的风险，从而保护企业和用户的资产安全。然而，构建和维护这样一套复杂的系统并非易事，尤其是在前端开发方面，面临着诸多挑战。传统的前端开发模式，依赖于人工编写大量的代码，这在快速迭代
  • 星河飞雪网络安全学习笔记-安全见闻1-3 芝士布偶 网络安全
    安全见闻-了解安全知识编程语言日常编程语言C语言：一种通用的、面向过程的编程语言，广泛运用于系统软件呵呵嵌入式开发C++：面向对象的编程语言，常用于游戏开发、高性能计算等领域Java：一种广泛使用的面向对象编程语言、具有跨平台性、应用于企业级应用开发等Python（萌新推荐）：简洁易学，拥有丰富的库，适用于数据分析、人工智能、web开发等Javascript：主要用于网页前端开发，也可用于服务器端
  • HarmonyOS NEXT - 管理网页文件上传与下载 兔子不吃饭 HarmonyOSNEXTharmonyos华为
    上传文件Web组件支持前端页面选择文件上传功能，应用开发者可以使用onShowFileSelector()接口来处理前端页面文件上传的请求，如果应用开发者不做任何处理，Web会提供默认行为来处理前端页面文件上传的请求。下面的示例中，当用户在前端页面点击文件上传按钮，应用侧在onShowFileSelector()接口中收到文件上传请求，在此接口中开发者将上传的本地文件路径设置给前端页面。应用侧代码
  • JavaScript 番茄工作法倒计时器：轻松实现时间管理，新手友好教程前端倒计时设计案例：用 JavaScript 实现番茄工作法，代码全解析从零开始构建番茄工作法倒计时器：JavaScript 南北极之间 前端进阶练手实战javascript前端开发语言1024程序员节番茄工作法倒计时
    效果图：博客教程：用JavaScript构建番茄工作法倒计时器目录项目介绍工具与环境准备项目结构HTML构建页面结构CSS美化倒计时页面JavaScript实现倒计时与番茄工作法功能总结1.项目介绍在本教程中，我们将使用HTML、CSS和JavaScript创建一个带有番茄工作法的倒计时器。番茄工作法是一种有效的时间管理方法，将工作时间分为25分钟的工作时间和5分钟的休息时间循环。你将学习如何：使
  • 前端下载文件的几种方式使用Blob下载文件 m0_74824517 前端状态模式
    前端下载文件的几种方式使用Blob下载文件在前端下载文件是个很通用的需求，一般后端会提供下载的方式有两种：1.直接返回文件的网络地址（一般用在静态文件上，比如图片以及各种音视频资源等）2.返回文件流（一般用在动态文件上，比如根据前端选择，导出不同的统计结果excel等）第一种方式比较简单，但是使用场景有限。第二种方式通用性更好我们先一下第一种的使用场景：-a链接下载文件我们可以通过download
  • 鸿蒙5.0实战案例：基于原生能力的横竖屏旋转适配 敢嗣先锋 鸿蒙开发移动开发HarmonyOSharmonyos鸿蒙开发openharmony移动开发ArkUI
    往期推文全新看点（文中附带全新鸿蒙5.0全栈学习笔录）✏️鸿蒙（HarmonyOS）北向开发知识点记录~✏️鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~✏️鸿蒙应用开发与鸿蒙系统开发哪个更有前景？✏️嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~✏️对于大前端开发来说，转鸿蒙开发究竟是福还是祸？✏️鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？✏️记录一场鸿蒙开发岗位面
  • Webpack Module Federation实战：微前端架构 糖糖老师436 前端webpack架构
    WebpackModuleFederation是Webpack5引入的一个特性，它支持微前端架构，允许不同的Web应用之间共享模块，而不需要运行时的容器或服务器端的构建步骤。项目结构假设有两个独立的React应用：app1和app2，其中app2将通过ModuleFederation作为远程模块被app1消费。app1：主应用app2：作为远程微应用app2配置首先，在app2中配置Webpack
  • 一文读懂 NPM 版本 npm前端工程化
    这是前端工程化的系列文章版本号组成nodepackage版本号由四部分组成：major.minor.patch[-prerelease]，比如：1.0.2-beta.1，其中prerelease可选。major：代表主版本号，通常在需要提交不能向下兼容的情况下对该版本号进行升级minor：代表次版本号，通常在新增功能时才对该版本号进行升级patch：代表修复版本号，升级该版本号通常代表修复一些bu
  • React 中的受控组件与非受控组件：深度剖析与实战应用 银之夏雪丶 react.jsjavascript前端
    一、引言在如今的前端开发里，React可是响当当的角色，是咱搭建用户界面的得力帮手。一碰到表单处理和用户输入交互这些事儿，受控组件和非受控组件就派上大用场了，它们就像是两种不一样的工具，各有各的厉害之处。要是咱能把它们摸透了，知道啥时候用啥，那开发出来的React应用肯定既好用又靠谱，用户体验也差不了。二、受控组件（一）定义咋来的受控组件，简单讲，就是让表单元素的值跟React组件的state绑得
  • ＜tauri＞＜rust＞＜GUI＞基于rust和tauri的图片显示程序（本地图片的加载、显示、保存） 机构师 rust开发语言后端taurijavascript
    前言本文是基于rust和tauri，由于tauri是前、后端结合的GUI框架，既可以直接生成包含前端代码的文件，也可以在已有的前端项目上集成tauri框架，将前端页面化为桌面GUI。环境配置系统：windows10平台：visualstudiocode语言：rust、javascript库：tauri2.0概述本文基于tauri框架，创建一个图片显示器程序。要实现的功能是，如何从本地路径加载、显示
  • JavaScript系列（86）--现代构建工具详解 ᅟᅠ        ‌‍‎‏ 一进制 JavaScriptjavascriptrust开发语言
    JavaScript现代构建工具详解现代前端开发离不开构建工具，它们帮助我们处理模块打包、代码转换、资源优化等任务。让我们深入了解主流的构建工具及其应用。构建工具概述小知识：构建工具主要解决代码转换、文件优化、模块打包、自动刷新、代码分割等问题。主流的构建工具包括webpack、Vite、Rollup等，它们各有特点和适用场景。webpack详解//1.webpack配置classWebpackC
  • Rust在前端领域有哪些应用? 极客前端探索者 rust前端开发语言
    随着技术的飞速发展，编程语言的选择对项目的影响日益重要。Rust作为一种新兴的编程语言，以其独特的性能和安全性优势，开始在前端领域崭露头角。1.高性能的WebAssembly：Rust可以编译成WebAssembly，这是一种可以在现代Web浏览器中运行的二进制代码格式。这种能力使得Rust编写的程序能够在浏览器中以原生代码的形式运行，极大地提高了执行效率和性能。2.跨平台应用开发：Rust支持多
  • Svelte 最新中文文档教程（19）—— 测试
    前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。从Svelte诞生之初，就备受开发者的喜爱，根据统计，从2019年到2024年，连续6年一直是开发者最感兴趣的前端框架No.1：Svelte以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级Web项目，也是我做个人项目的首选技术栈。目前Svelte基于Svelte5发布了最新的官方文档，但却缺少对应的中文
  • 前端如何实现后端运行进度_前端到后端的整体流程介绍 weixin_39707536 前端如何实现后端运行进度
    作为入行不久，在帝都无数个日日夜夜奔波的程序猿，现在我大概理下我们所接触到的程序开发的大的面。作为一个整理学习日记，不对的地方，可以指出，相互学习。从我们智能手机说起，手机已经成为我们不可或缺的一部分。那么手机在软件行业里处在什么样的位置呢。这里我把手机理解为前端前端：我粗暴的理解为，“前就”是前面，眼前，“端”就是终端，连起来就是展示在使用者眼前的终端设备。这么看来，终端当然还包括我们的电脑、平
  • Cline + MCP Server 根据规则大型项目开发思路 红旗不倒QY AI编程
    目标根据自定义的技术栈、项目结构、代码规范等，通过给予需求可以自动（或逐步自动）完成数据库建表、后端实体、后端数据访问层、后端服务层、后端接口、后端Web接口、后端单元测试、前端实体、前端Api接口、前端路由、前端页面等一系列开发工作。工具介绍ClineCline是一个开源的AI助手插件，深度集成在VSCode中，为开发者提供了完整的代码编辑体验。它支持多种API提供商和模型，开发者可以自由选择调
  • 后端导出时前端如何处理 灯光下的投影 导出导出
    前段时间在写导出功能，通过后端导出，但是前端要怎么写才能完成这个导出功能呢，上网查了一下，发现还是有不少方法的，最后选择了其中一个比较简单可行的方法，那就是通过创建form表单然后配置相关的参数，最后提交表单，这种方式是同步的，相对简单，当然也有异步方式，但是要复杂一些。下面是我的导出功能代码部分：letformElement=document.createElement('form');//创建
  • 前端开发必备:全方位字符串处理工具详解 FinkGO小码 vue.jsjavascripttypescript前端程序人生学习方法webstorm
    前端开发必备：StringUtils全方位字符串处理工具详解引言在前端开发的日常工作中，字符串的处理无处不在。从用户输入的校验、界面文本的展示优化，到数据的格式化与传输，高效且精准地操作字符串是提升应用质量与用户体验的关键环节。今天，我们将深入剖析一款功能强大、涵盖广泛的字符串工具类——StringUtils，它如同一位万能的工匠，为开发者提供了一站式解决各类字符串问题的便捷方案。工具类概述Str
  • 【JS】前端文件读取FileReader操作总结 m0_74825447 vip1024p前端javascript开发语言
    前言：开发中经常遇到文件上传的场景，有时需要前端将文件内容读取出来再以base64格式传到接口。目录FileReader主要方法readAsArrayBuffer(blob)readAsText(blob,[encoding])readAsDataURL(blob)主要事件React+antdUpload组件示例FileReaderFileReader是一个对象，允许Web应用程序异步读取存储在用
  • 手把手完成前端Vue3 + Vite项目工程化搭建 m0_74825447 前端
    vue3_vite_project基于Vue3+Vite搭建的前端工程化项目演示模板环境准备开发环境：Node.jsv16.14.2+npmv8.3.2开发工具：VisualStudioCodeorWebStorm源代码管理：Gitnpm镜像：npmconfigsetregistryhttps://registry.npmmirror.com技术栈技术栈描述Vue渐进式JavaScript框架Vi
  • 【安装及调试旧版Chrome + 多版本环境测试全攻略】 Gazer_S chrome前端
    安装及调试旧版Chrome+多版本环境测试全攻略（新手友好版|覆盖安装/运行/调试全流程）️【背景篇】为什么我们需要旧版浏览器测试？浏览器世界的“时间旅行”难题1️⃣企业遗留系统依赖：许多政府、银行系统仍运行在IE或Chrome50以下版本，前端代码必须兼容“古董”环境。例：某医院HIS系统仅支持Chrome49，升级成本高达数百万！2️⃣用户版本碎片化：根据StatCounter2023数据：全
  • jEasyUI 创建带复选框的树形菜单 lsx202406 开发语言
    jEasyUI创建带复选框的树形菜单引言jEasyUI是一款流行的前端框架，它为开发者提供了丰富的UI组件，使得构建复杂的前端界面变得简单快捷。在众多组件中，树形菜单（Tree）以其直观的层级结构和丰富的交互性，在信息管理和展示中扮演着重要角色。本文将详细介绍如何使用jEasyUI创建一个带有复选框的树形菜单，并探讨其实现细节。标题优化使用jEasyUI创建复选框树形菜单的实践指南步骤解析：从零开
  • AI 赋能前端开发：ScriptEcho 如何结合低代码/无代码平台引领未来 wangtaohappy 人工智能低代码前端
    1.引言前端开发作为用户与应用交互的桥梁，一直面临着效率、复杂性和快速迭代的挑战。随着互联网技术的飞速发展，用户对应用的用户体验要求越来越高，前端开发的任务也变得更加繁重和复杂。与此同时，低代码/无代码平台的兴起为前端开发带来了新的可能性，它们通过可视化界面和预构建组件，大大降低了开发门槛，加速了开发流程。而AI写代码工具的出现，则进一步赋能了前端开发，为解决传统前端开发模式的痛点提供了新的思路。
  • AI写代码工具赋能前端开发：效率提升与身心健康 hzcaituowj 人工智能前端
    在飞速发展的互联网时代，AI前端开发成为炙手可热的领域。然而，高强度的工作、紧迫的交付时间以及技术日新月异的更新迭代，也给开发者带来了巨大的压力，甚至严重影响着他们的身心健康。长时间伏案工作导致的颈椎病、眼疲劳、精神压力大等问题日益突出。本文将探讨如何利用先进的AI写代码工具提升工作效率，从而有效改善AI前端开发人员的身心健康状况。AI前端开发与身心健康：挑战与应对AI前端开发，特别是涉及到复杂交
  • 广州游戏公司4399秋季招聘火热进行中可查询流程 huaxinjiayou java
    新凯来入职体检被卡取消录用面试多起来了byd是真抽象啊，没笔没面直接录取了金蝶第二批组内直招前端开发实习生-最快可当天约面比亚迪两院不卡本2秋招暂时结束，学会和自己和解应届生基本都沦为各公司的免税工具了秋招不要焦虑，机会就在某一瞬间同程一面面试多起来了同程旅行java开发一面凉经byd是真抽象啊，没笔没面直接录取了同程旅行同程旅行一面数字马力（郑州）10/12面经同程一面写面经攒人品-数字马力后端
  • NVM管理多个 Nodejs 版本 牧云流 前端node.jsnvm
    在前端开发过程中，常常需要切换不同版本的NodeJS运行环境，NVM(NodeVersionManager)是一个用于管理多个Node.js版本的工具。卸载以前的Nodejs，并删除node的安装目录安装nvm下载地址安装到D:\Programs\nvm，选择node安装路径D:\Programs\nodejsnvm-v安装指定的版本的nodejsnvminstall版本号nvminstall10
  • apache 安装linux windows 墙头上一根草 apacheinuxwindows
    linux安装Apache 有两种方式一种是手动安装通过二进制的文件进行安装，另外一种就是通过yum 安装，此中安装方式，需要物理机联网。以下分别介绍两种的安装方式     通过二进制文件安装Apache需要的软件有apr,apr-util,pcre  1，安装 apr        下载地址：htt
  • fill_parent、wrap_content和match_parent的区别 Cb123456 match_parentfill_parent
    fill_parent、wrap_content和match_parent的区别:   1）fill_parent   设置一个构件的布局为fill_parent将强制性地使构件扩展，以填充布局单元内尽可能多的空间。这跟Windows控件的dockstyle属性大体一致。设置一个顶部布局或控件为fill_parent将强制性让它布满整个屏幕。 2） wrap_conte
  • 网页自适应设计 天子之骄 htmlcss响应式设计页面自适应
    网页自适应设计        网页对浏览器窗口的自适应支持变得越来越重要了。自适应响应设计更是异常火爆。再加上移动端的崛起，更是如日中天。以前为了适应不同屏幕分布率和浏览器窗口的扩大和缩小，需要设计几套css样式，用js脚本判断窗口大小，选择加载。结构臃肿，加载负担较大。现笔者经过一定时间的学习，有所心得，故分享于此，加强交流，共同进步。同时希望对大家有所
  • [sql server] 分组取最大最小常用sql 一炮送你回车库 SQL Server
    --分组取最大最小常用sql--测试环境if OBJECT_ID('tb') is not null drop table tb;gocreate table tb( col1 int, col2 int, Fcount int)insert into tbselect 11,20,1 union allselect 11,22,1 union allselect 1
  • ImageIO写图片输出到硬盘 3213213333332132 javaimage
    package awt; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imagei
  • 自己的String动态数组 宝剑锋梅花香 java动态数组数组
    数组还是好说，学过一两门编程语言的就知道，需要注意的是数组声明时需要把大小给它定下来，比如声明一个字符串类型的数组：String str[]=new String[10];    但是问题就来了，每次都是大小确定的数组，我需要数组大小不固定随时变化怎么办呢？  动态数组就这样应运而生，龙哥给我们讲的是自己用代码写动态数组，并非用的ArrayList 看看字符
  • pinyin4j工具类 darkranger .net
    pinyin4j工具类Java工具类 2010-04-24 00:47:00 阅读69 评论0 字号：大中小 引入pinyin4j-2.5.0.jar包: pinyin4j是一个功能强悍的汉语拼音工具包，主要是从汉语获取各种格式和需求的拼音，功能强悍，下面看看如何使用pinyin4j。 本人以前用AscII编码提取工具，效果不理想，现在用pinyin4j简单实现了一个。功能还不是很完美，
  • StarUML学习笔记----基本概念 aijuans UML建模
    介绍StarUML的基本概念，这些都是有效运用StarUML?所需要的。包括对模型、视图、图、项目、单元、方法、框架、模型块及其差异以及UML轮廓。         模型、视与图（Model, View and Diagram）        &
  • Activiti最终总结 avords Activiti id 工作流
    1、流程定义ID：ProcessDefinitionId，当定义一个流程就会产生。 2、流程实例ID：ProcessInstanceId，当开始一个具体的流程时就会产生，也就是不同的流程实例ID可能有相同的流程定义ID。 3、TaskId，每一个userTask都会有一个Id这个是存在于流程实例上的。 4、TaskDefinitionKey和（ActivityImpl activityId
  • 从省市区多重级联想到的，react和jquery的差别 bee1314 jqueryUIreact
    在我们的前端项目里经常会用到级联的select，比如省市区这样。通常这种级联大多是动态的。比如先加载了省，点击省加载市，点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。   针对这种场景，如果我们使用jquery来实现，要考虑很多的问题，数据部分，以及大量的dom操作。比如这个页面上显示了某个区，这时候我切换省，要把市重新初始化数据，然后区域的部分要从页面
  • Eclipse快捷键大全 bijian1013 javaeclipse快捷键
    Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对上面那条来说了)Alt+En
  • js 笔记 函数 征客丶 JavaScript
    一、函数的使用 1.1、定义函数变量 var vName = funcation(params){ } 1.2、函数的调用 函数变量的调用：      vName(params); 函数定义时自发调用：(function(params){})(params); 1.3、函数中变量赋值 var a = 'a'; var ff
  • 【Scala四】分析Spark源代码总结的Scala语法二 bit1129 scala
    1. Some操作   在下面的代码中，使用了Some操作：if (self.partitioner == Some(partitioner))，那么Some(partitioner)表示什么含义？首先partitioner是方法combineByKey传入的变量， Some的文档说明：   /** Class `Some[A]` represents existin
  • java 匿名内部类 BlueSkator java匿名内部类
    组合优先于继承 Java的匿名类，就是提供了一个快捷方便的手段，令继承关系可以方便地变成组合关系 继承只有一个时候才能用，当你要求子类的实例可以替代父类实例的位置时才可以用继承。   在Java中内部类主要分为成员内部类、局部内部类、匿名内部类、静态内部类。 内部类不是很好理解，但说白了其实也就是一个类中还包含着另外一个类如同一个人是由大脑、肢体、器官等身体结果组成，而内部类相
  • 盗版win装在MAC有害发热，苹果的东西不值得买，win应该不用 ljy325 游戏applewindowsXPOS
    Mac mini 型号: MC270CH-A RMB:5,688   Apple 对windows的产品支持不好,有以下问题:   1.装完了xp,发现机身很热虽然没有运行任何程序！貌似显卡跑游戏发热一样，按照那样的发热量,那部机子损耗很大,使用寿命受到严重的影响!   2.反观安装了Mac os的展示机，发热量很小，运行了1天温度也没有那么高 &nbs
  • 读《研磨设计模式》-代码笔记-生成器模式-Builder bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 生成器模式的意图在于将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示（GoF） * 个人理解： * 构建一个复杂的对象，对于创建者（Builder）来说，一是要有数据来源(rawData)，二是要返回构
  • JIRA与SVN插件安装 chenyu19891124 SVNjira
    JIRA安装好后提交代码并要显示在JIRA上，这得需要用SVN的插件才能看见开发人员提交的代码。 1.下载svn与jira插件安装包，解压后在安装包(atlassian-jira-subversion-plugin-0.10.1) 2.解压出来的包里下的lib文件夹下的jar拷贝到(C:\Program Files\Atlassian\JIRA 4.3.4\atlassian-jira\WEB
  • 常用数学思想方法 comsci 工作
      对于搞工程和技术的朋友来讲，在工作中常常遇到一些实际问题，而采用常规的思维方式无法很好的解决这些问题，那么这个时候我们就需要用数学语言和数学工具，而使用数学工具的前提却是用数学思想的方法来描述问题。。下面转帖几种常用的数学思想方法，仅供学习和参考   函数思想 　　把某一数学问题用函数表示出来，并且利用函数探究这个问题的一般规律。这是最基本、最常用的数学方法
  • pl/sql集合类型 daizj oracle集合typepl/sql
    --集合类型 /*   单行单列的数据，使用标量变量   单行多列数据，使用记录   单列多行数据，使用集合（。。。）   *集合：类似于数组也就是。pl/sql集合类型包括索引表（pl/sql table）、嵌套表（Nested Table）、变长数组（VARRAY）等 */ /*     --集合方法 &n
  • [Ofbiz]ofbiz初用 dinguangx 电商ofbiz
    从github下载最新的ofbiz（截止2015-7-13），从源码进行ofbiz的试用 1. 加载测试库 ofbiz内置derby，通过下面的命令初始化测试库 ./ant load-demo (与load-seed有一些区别)   2. 启动内置tomcat ./ant start 或 ./startofbiz.sh 或 java -jar ofbiz.jar &
  • 结构体中最后一个元素是长度为0的数组 dcj3sjt126com cgcc
    在Linux源代码中，有很多的结构体最后都定义了一个元素个数为0个的数组，如/usr/include/linux/if_pppox.h中有这样一个结构体： struct pppoe_tag {     __u16 tag_type;     __u16 tag_len;   &n
  • Linux cp 实现强行覆盖 dcj3sjt126com linux
    发现在Fedora 10 /ubutun 里面用cp -fr src dest，即使加了-f也是不能强行覆盖的，这时怎么回事的呢？一两个文件还好说，就输几个yes吧，但是要是n多文件怎么办，那还不输死人呢？下面提供三种解决办法。 方法一 我们输入alias命令，看看系统给cp起了一个什么别名。 [root@localhost ~]# aliasalias cp=’cp -i’a
  • Memcached(一)、HelloWorld frank1234 memcached
    一、简介 高性能的架构离不开缓存，分布式缓存中的佼佼者当属memcached，它通过客户端将不同的key hash到不同的memcached服务器中，而获取的时候也到相同的服务器中获取，由于不需要做集群同步，也就省去了集群间同步的开销和延迟，所以它相对于ehcache等缓存来说能更好的支持分布式应用，具有更强的横向伸缩能力。 二、客户端 选择一个memcached客户端，我这里用的是memc
  • Search in Rotated Sorted Array II hcx2013 search
    Follow up for "Search in Rotated Sorted Array":What if duplicates are allowed? Would this affect the run-time complexity? How and why? Write a function to determine if a given ta
  • Spring4新特性——更好的Java泛型操作API jinnianshilongnian spring4generic type
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装JDK liuxingguome centos
    1、行卸载原来的： [root@localhost opt]# rpm -qa | grep java tzdata-java-2014g-1.el6.noarch java-1.7.0-openjdk-1.7.0.65-2.5.1.2.el6_5.x86_64 java-1.6.0-openjdk-1.6.0.0-11.1.13.4.el6.x86_64 [root@localhost
  • 二分搜索专题2-在有序二维数组中搜索一个元素 OpenMind 二维数组算法二分搜索
    1,设二维数组p的每行每列都按照下标递增的顺序递增。 用数学语言描述如下：p满足 (1),对任意的x1，x2，y，如果x1<x2,则p(x1,y)<p(x2,y); (2),对任意的x，y1,y2, 如果y1<y2,则p(x,y1)<p(x,y2); 2,问题： 给定满足1的数组p和一个整数k，求是否存在x0,y0使得p(x0,y0)=k? 3,算法分析： (
  • java 随机数 Math与Random SaraWon javaMathRandom
    今天需要在程序中产生随机数，知道有两种方法可以使用，但是使用Math和Random的区别还不是特别清楚，看到一篇文章是关于的，觉得写的还挺不错的，原文地址是 http://www.oschina.net/question/157182_45274?sort=default&p=1#answers 产生1到10之间的随机数的两种实现方式： //Math Math.roun
  • oracle创建表空间 tugn oracle
    create temporary tablespace TXSJ_TEMP   tempfile 'E:\Oracle\oradata\TXSJ_TEMP.dbf'   size 32m   autoextend on   next 32m maxsize 2048m   extent m
  • 使用Java8实现自己的个性化搜索引擎 yangshangchuan javasuperword搜索引擎java8全文检索
    需要对249本软件著作实现句子级别全文检索，这些著作均为PDF文件，不使用现有的框架如lucene，自己实现的方法如下： 1、从PDF文件中提取文本，这里的重点是如何最大可能地还原文本。提取之后的文本，一个句子一行保存为文本文件。 2、将所有文本文件合并为一个单一的文本文件，这样，每一个句子就有一个唯一行号。 3、对每一行文本进行分词，建立倒排表，倒排表的格式为：词=包含该词的总行数N=行号
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他