Leonadoice
Leonadoice

Web前端开发练习-地图

更新：解决了布局和动效之间的冲突的问题了，本质还是我之前没有搞清楚几个布局之间的区别，现在代码已更新。
主要更新的地方有：
1 当子容器需要根据父容器定位时，遵循“子绝父相”的原则（子div绝对布局，父div相对布局），如果父div没有设置相关布局的话，子div会对浏览器窗口进行布局，也就是会随着窗口的放大缩小改变位置。
2 float的 功能时让同级的元素并排显示，而且会对后面的元素产生影响（这也是为什么之前当前面一个图标变大后面两个图标也会跟着平移，就是因为挤压到了）
3 案例里面用到的标签/属性：
hover 标签：鼠标悬停和划过时的显示效果
transform：scale() 属性 改变大小
4 为什么用width height的px以及百分比都不可以
之前图标变大我直接用的是width，height值以及left，bottom定位，比如原来图片32px，我设置hover里面48px，这样的话一旦鼠标悬停 图标变大那么它对于父div absolute的定位还是原来的，就会发生跳跃现象，改成scale（中心放大）以后就没问题
即将hover的变大特效用transform: scale(1.4); 解决，而不是width 48px；

本次练习图片连接跳转，虽然代码很简单，但是我却遇到了关于布局的问题，目前并没有解决，所以发出来也希望大神帮我解答一下。

声明：上图手绘地图来源自站酷作者：MOKA明信片，本人拿来做练习并无商用意图。
作者链接：https://www.zcool.com.cn/work/ZMzM5NzAxNzI=.html

我的问题是，我把2图片和3地标装进一个

里面以后，
设置绝对布局，给地图图片以及红色小地标设置相对布局，为的是当窗口发生变化时，地图相对窗口、地标相对地图的位置都不发生变化。 到这里都没什么问题，可是我嫌画面太死板啊，就想让鼠标放上地标后，地标变大（加）。
这里就出现问题了,因为三个地标之间是相对布局，所以一旦一个变大其他的位置都变了，如下图：

Web前端开发练习-地图_第1张图片Web前端开发练习-地图_第2张图片

我试过把地标放到其他的div里啊，布局变成绝对啊都不可以（而且我不想牺牲掉图片随窗口位置不变这一点），所以目前还没有解决，把html和css代码都附在下面啦，希望有大佬看到顺便解决一下。
不然就等我自己解决了来更新吧。

HTML代码：

<body>
    <H1 STYLE="color: orange; font-family: impact" align="center">The Map of CanadaH1> <br>
    <center>
    	<div class="divmap">
    		
			<div  class="landmark">			
				<div class="landmark1"><a href="https://en.wikipedia.org/wiki/Rocky_Mountains" target="blank" >
					<img  src="img/landmark.png" >
				a>div>
				
				<div class="landmark2"><a href="https://en.wikipedia.org/wiki/Yellowknife" target="blank" >
					<img  src="img/landmark.png" >
				a>div>
				
				<div class="landmark3"><a href="https://en.wikipedia.org/wiki/Edmonton" target="blank" >
					<img  src="img/landmark.png" >
				a>div>
				
				
			<p class="down">黎佳佳 1611214039p>
 
    		div >	
    center> 
    
  body>

CSS样式：

.down
{
	font-size:12px;
	color: #999999;
	margin: 0 10px;
	position:absolute,center;
}
.divmap{	
	position:center;
	width:800px;
	height:700px;
}

.map
{
	 position:center;
}
.landmark{
	position:relative;
}
.landmark1
{
	position:absolute;
	left:195px; bottom:255px;
}
.landmark1:hover
{
	position:absolute;
	transform: scale(1.4);	
}
.landmark2
{
	position:absolute;
	left:260px; bottom:268px;
}
.landmark2:hover
{
	position:absolute;
	transform: scale(1.4);
}
.landmark3
{
	position:absolute;
	left:255px; bottom:160px;
}
.landmark3:hover
{
	position:absolute;
	transform: scale(1.4);
}

（哈哈，然后今天学了几个markdown编辑器的用法，会调整图片大小啦，以后排版会越来越清晰的嘻！）

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

  • 《Java前端开发全栈指南：从Servlet到现代框架实战》
    前言在当今Web开发领域，Java依然是后端开发的主力语言，而随着前后端分离架构的普及，Java开发者也需要掌握前端技术栈。本文将全面介绍JavaWeb前端开发的核心技术，包括传统Servlet/JSP体系、现代前端框架集成方案，以及全栈开发的最佳实践。通过本文，您将了解如何构建现代化的JavaWeb应用前端界面。一、JavaWeb前端技术演进1.1传统技术栈Servlet：JavaWeb基础，处
  • 大学生HTML期末大作业——HTML+CSS+JavaScript传统文化 无·糖 Web前端期末大作业html课程设计css大学生前端大作业期末作业
    HTML+CSS+JS【传统文化】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目传统文化精美设计5页含注册登录二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮
  • 大学生HTML期末大作业——HTML+CSS+JavaScript游戏网站（英雄联盟） 无·糖 Web前端期末大作业html课程设计css美食游戏javascript大作业
    HTML+CSS+JS【游戏网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目游戏网站（英雄联盟）含注册登录13页二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、
  • Vue3 学习教程，从入门到精通，Vue3 简介知识点及案例代码（1） 知识分享小能手 vue3前端开发网页开发学习bootstrapjavascripttypescript前端vue.jsvue
    Vue3简介知识点及案例代码一、Vue3简介Vue3是一款用于构建用户界面的渐进式JavaScript框架，采用MVVM模式，具有响应式、组件化等优点，可提高开发效率，优化应用性能。二、Web前端开发概述Web前端开发涉及HTML、CSS、JavaScript等技术，用于构建用户可直接交互的页面部分。随着技术发展，出现了多种前端框架，Vue3是其中的优秀代表，基于前后端分离模式，使前后端开发解耦，
  • JavaWeb开发1 偷萧逸苦茶 java
    JavaWeb什么是web?全球广域网，能够通过浏览器访问的网站Web网站工作流程Web前端开发网页有哪些部分组成？文字，图片，音频，视频，超链接...我们看到的网页本质是程序员写的前端代码前端代码如何转换成用户眼中的网页？通过浏览器解析和渲染浏览器中对代码解析渲染的部分称为浏览器内核Web标准HTML：负责网页结构（页面元素和内容）CSS：负责网页的表现（页面元素外观，位置等页面样式，如颜色、大
  • 基于 Three.js 与 WebGL 的商场全景 VR 导航系统源码级解析 维小帮定位导航 javascriptvr前端开发场景优化WebGL物联网智慧商场
    本文面向Web前端开发者、WebGL/Three.js爱好者、对VR/AR应用开发感兴趣的技术人员、智慧商场解决方案开发者。详细介绍如何利用WebGL(Three.js框架)构建高性能的商场全景VR环境，并实现精准的室内定位与3D路径规划导航功能。如需获取商场全景VR导航系统解决方案请前往文章最下方获取，如有项目合作及技术交流欢迎私信作者。一、商场全景VR导航的核心技术概述商场全景VR导航融合了全
  • 大学专业科普 | 计算机应用、视觉与算法 鸭鸭鸭进京赶烤 计算机应用
    一、专业概述计算机应用专业是一门实践性很强的学科，专注于将计算机技术转化为实际应用，服务于各个行业和领域，为社会的数字化转型提供人才支撑。二、课程设置专业基础课程：包括计算机组成原理、操作系统、数据结构、计算机网络等，为学生构建坚实的理论基础。专业核心课程：聚焦于程序设计语言（如C、C++、Java、Python等）、数据库原理与应用、软件工程、Web前端开发等，使学生具备开发各类软件系统的能力。
  • 基于three.js的3D粒子动效实现 cs1247959734
    作者：个推web前端开发工程师梁神一、背景粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出固定形态，借由控制器、脚本来控制其整体或单个的运动，模拟出现真实的效果。three.js是用JavaScript编写的WebGL的第三方库，three.js提供了丰富的API帮助我们去实现3D动效，本文主要介绍如何使用three.js实现粒子过渡效
  • 前端面试题之常规布局技术详解 前端小崔 前端前端面试开发语言css3css学习
    前端开发常规布局技术详解在Web前端开发中，布局是构建页面结构的核心环节。不同的布局方式适用于不同的场景，本文将从基础到进阶，详细解析常见的布局方案及其实现方法。一、静态布局（StaticLayout）概念：静态布局是最传统的布局方式，页面元素使用固定尺寸（如像素单位），不随屏幕尺寸变化而调整。例如，PC端网页常限制最小宽度，超出部分通过滚动条显示。优点：开发简单，兼容性高，适合传统PC端项目。缺
  • Web前端开发【新手入门指南】 「已注销」 计算机网络web前端前端开发网络学习计算机网络前端前端框架html5javascript
    Web前端开发入行门槛低、薪资高，是互联网行业的紧俏岗位之一。目前Web前端开发人员年薪基本都在10万以上，一线城市的薪资会更高，这也吸引了很多人进入Web前端行业。对于完全不了解行业的人来说，他们对Web前端知之甚少。下面小菌就给大家解读一下Web前端开发到底是干什么的，初学Web前端的小伙伴不容错过。Web前端开发主要用来干嘛？Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在
  • 备考1+X web前端开发-中级综合测试题-个人错题解析记录 混世黑化大魔王 1+Xweb前端开发中级综合测试题个人错题解析记录前端
    1+Xweb前端开发-中级综合测试题-错题解析记录11.在php中，语句for(k=0;k=1;k++);和语句for(k=0;k==1;k++);执行的次数分别是（A）A、0和无限B、无限和0C、都是0D、都是无限关键在中间的那个条件（1）语句for(k=0;k=1;k++);$k=1;是赋值，最后就是1，一般判断条件为真假是和0做比较，0为假，非0为真，所以1就是真，符合条件，所以k被赋值0，
  • web前端 java前端_web前端和Java后端有什么区别？ weixin_39534395 web前端java前端
    一、前端(Frontend)1、对于web前端来说，通常是指网站的前台部分，包括网站的表现层和结构层：Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。2、前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现。3、Web前端开发：HTML+CSS+JavaScriptAndroid终端开发：Java(开发工具：Androidstud
  • html5 vue react,Web前端技术（JS，HTML5，JQuery，React，Vue.js） Partfolio html5vuereact
    Web前端框架概览Web前端技术架构：展示层：html，css控制层：JavaScript后端服务接口：ajax，restful，node.jsWeb前端运行原理解析Web前端当前开发趋势典型的web前端开发框架：jQuery、BootstrapVueReactJSWeb前端框架实现原理主流JS框架实现剖析：jQuery、Vue，ReactJS，Node.JS浏览器工作原理JavaScript对象
  • web前端面试--浏览器兼容性问题、HTML5新标签、CSS媒体查询、CSS-hack、浏览器厂商前缀、优雅降级、渐进增强、 Penk是个码农 前端面试题html面试前端
    web前端面试本人是一个web前端开发工程师，主要是vue框架，整理了一些面试题，今后也会一直更新，有好题目的同学欢迎评论区分享;-）web面试题专栏：点击此处文章目录web前端面试前言HTML兼容性CSS兼容性JavaScript兼容性前言不同浏览器或者相同浏览器不同的版本内核，都可能引起兼容性问题，不只是dom，还有css以及js。HTML兼容性h5新标签只能兼容到ie9，如果想要兼容ie低版
  • 零基础学习WEB前端开发(三)：VsCode工具生成的代码框架分析 是刃小木啦~ WEB前端开发前端vscodehtml
    我用VsCode创建的第一个页面用VSCode来写代码确实不错呀！！！在前一节，用！生成了一个Html框架，并在此基础上进行了微量修改，先对这个框架进行分析文档类型声明标签是文档类型声明，告诉浏览器使用哪种HTML版本来显示网页。声明为HTML5文档这个本身不属于HTML里的代码标签lang语言类型用来定义当前文档显示类型en为英文网页zh-CN为中文网页事实上，在中文网页里可以写英文，在英文网页
  • React Native 入门教程 yatsov 杂记移动应用移动应用开发web前端开发
    ReactNative入门教程1简介ReactNative(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架React在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。2准备工作安装ReactNative的环境需要以下配置1安装Node.js2下载andro
  • CSS特效 鼠标悬浮文字跳动动画效果 DTcode7 HTML网站开发#前端基础入门三大核心之CSSHTMLCSSwebcss3网页开发
    CSS特效鼠标悬浮文字跳动动画效果基本概念与作用文字跳动动画功能与目的示例一：基础的文字跳动动画HTML示例代码解释示例二：多阶段跳动动画代码解释示例三：自定义跳动路径代码解释示例四：组合动画代码解释实际开发中的使用技巧在Web前端开发中，给用户带来视觉冲击力强且有趣的交互效果是提升用户体验的关键因素之一。本文将介绍如何利用CSS实现一种常见的特效——鼠标悬浮时文字跳动的动画效果。这个效果不仅能够
  • python web项目案例教程_Python Web开发案例教程（慕课版）——使用Flask、Tornado、Django... weixin_39746282 pythonweb项目案例教程
    第1章Web开发基础11.1Web概述21.1.1什么是Web21.1.2Web应用程序的工作原理21.1.3Web的发展历程21.2Web前端开发基础41.2.1HTML41.2.2CSS101.2.3JavaScript12小结14上机指导15习题17第2章Python常用Web框架182.1Python常用Web框架概述192.1.1什么是Web框架19第1章Web开发基础11.1Web概述
  • Web 前端开发技术 —— CSS 敲代码的小李同学吖 Web前端面试突击指南css前端html
    文章目录Web前端开发技术——CSS一、样式定义方式1.行内样式表2内部样式表3外部样式表二、选择器1.标签选择器2.ID选择器3.类选择器4.伪类选择器三、颜色四、文本五、字体六、背景七、边框八、元素展示格式十、内边距与外边距十一、盒子模型box-sizing十一、位置十二、浮动十三、flex布局十四、响应式布局十五、Grid布局十六、Boostrap框架Web前端开发技术——CSS一、样式定义
  • 各大网站，欢迎大家收藏转发 Android开发者小P 前端前端vuenode
    人整理来之不易请珍惜，如有错误请谅解，谢谢。。。资源教程:综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版WebFront-endStackv2.2免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体系免费的编程中文书籍索引智能社-精通JavaScript开发重新介绍JavaScript（JS教程）麻省理工学院公开课：计算机科学及编程导论JavaScript中
  • 最全的前端资源教程 Daisukes web
    https://github.com/AutumnsWind/Front-end-tutorial部分内容是出自：https://github.com/jsfront/src/blob/master/qq.md资源教程:综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版WebFront-endStackv2.2免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体
  • python web前端开发面试_Web前端经典面试试题（一） 勿叹 pythonweb前端开发面试
    本篇收录了一些面试中经常会遇到的经典面试题，并且都给出了我在网上收集的答案。眼看新的一年马上就要开始了，相信很多的前端开发者会有一些跳槽的悸动，通过对本篇知识的整理以及经验的总结，希望能帮到更多的前端面试者。(如有错误或更好的答案，欢迎指正，水平有限，望各位不吝指教。)一.什么是语义化的HTML?有何意义？为什么要做到语义化？(高频率考题)a.什么是语义化的HTML？语义化的HTML就是写出的HT
  • web前端开发：CSS的常用选择器 一只小风华~ HTML前端csshtmlhtml5
    CSS常用选择器CSS选择器是用于精准定位HTML元素并对其应用样式的核心工具。它的作用类似于“筛选器”，通过特定规则匹配文档中的元素，从而实现样式控制。核心作用定位元素通过元素名称、类名、ID、属性等条件，快速找到需要样式化的目标元素。应用样式规则将CSS声明（如颜色、布局等）绑定到匹配的元素上，实现视觉设计。实现结构控制通过层级关系（如父子、兄弟元素）精准控制复杂布局。常见选择器类型与用途选择
  • Web前端开发——超链接与浮动框架（下） wslsnyn web前端开发php开发语言前端htmlweb
    本节说明：上一节，我们了解了超链接概述与超链接的语法、路径及分类两大部分内容，本节我们将了解超链接的应用与浮动框架。三、超链接的应用在网络上能够通过链接访问不同的资源或网页。链接对象多种多样，可分为文件、FTP站点、图像、电子邮件及书签等。3.1创建HTTP文档下载超链接网站经常提供软件、文件等资料的下载，下载文件的链接指向文件所在的相对路径或绝对路径，文件类型为*.doc、*.pdf、*.exe
  • 39、web前端开发之Vue3保姆教程(三) 跟着汪老师学编程 前端vue.js
    四、Vue3中集成ElementPlus1、什么是ElementPlusElementPlus是一款基于Vue3的开源UI组件库，旨在为开发者提供一套高质量、易用的组件，用于快速构建现代化的web应用程序。ElementPlus提供了大量的UI组件，包括但不限于：表单组件：输入框、选择器、开关、复选框、单选框等。数据展示组件：表格、分页、标签、卡片等。导航组件：按钮、菜单、导航栏、标签页等。反馈组
  • Web前端开发——列表 wslsnyn web前端开发前端javascript开发语言web
    本节学习目标：大型IT网站(例如网易、搜狐、新浪等)首页的导航栏目均采用列表方式来显示信息。通过对本章列表知识的学习，读者能够了解列表的类型，掌握无序列表、有序列表、定义列表的作用及使用方法；学会使用不同类型列表及嵌套列表来解决网页设计中遇到的一些实际问题。Web前端开发工程师应知应会以下内容：1）了解列表的类型。2）掌握无序列表、有序列表、定义列表标记的语法及属性设置方法。3）学会使用无序、有序
  • 人工智能之web前端开发（deepSeek与文心一言结合版） 辣辣y 前端chatgpt文心一言人工智能
    一.项目功能：智能问答（实时聊天+流畅打字机效果+自动滚动）停止生成（取消接口调用）、重新生成复制功能、问答分页二.效果展示：三.技术分析：fetchEventSource：传统axios请求是等接口将所有数据一次性响应回来后再渲染到页面上，当数据量较大时，响应速度较慢，且无法做到实时输出。而fetchEventSource允许客户端接收来自服务器的实时更新，前端可以实时的将流式数据展示到页面上，
  • 【Web前端开发】——JavaScript基础 msmxsd web前端开发javascript前端开发语言vscode
    根据MDN网站学习记录笔记文章目录前言一、JavaScript是什么？二、JavaScript快速入门变量运算符条件语句和函数事件三、完善示例网页添加一个图像切换器添加个性化欢迎信息前言JavaScript是一门编程语言，可为网站添加交互功能（例如：游戏、动态样式、动画以及在按下按钮或收到表单数据时做出的响应等）。一、JavaScript是什么？JavaScript（缩写：JS）是一门完备的动态编
  • react native是什么？ 是陈默啊 javascriptreactnative开发语言
    首先我们来说说reactnative是什么？ReactNative(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架React在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发
  • 基于Html+Css+javascript的网页制作（旅游主题） 二挡起步 web设计网页规划与设计前端cssjavascripthtml
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业，茶游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学
  • VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmwaremac os10.10workstationplayer
    最近尝试了下VMware下安装MacOS 系统， 安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章， 只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。     写在前面的话： 其实安装好后发现， 由于我的th
  • 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScriptjava框架
    本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]） 一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下 平台
  • 如何把maven项目转成web项目 Kai_Ge mavenMyEclipse
    创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
  • 主管？？？ Array_06 工作
    转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！ 前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
  • python内置函数大全 2002wmj python
    最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
  • JSP页面通过JQUERY合并行 357029540 JavaScriptjquery
    在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示 如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
  • Java基础 冰天百华 java基础
    学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
  • unix时间戳相互转换 adminjun 转换unix时间戳
    如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
  • 作为一个合格程序员该做的事 aijuans 程序员
    作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重
  • 由html5视频播放引发的总结 ayaoxinchao html5视频video
    前言   项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。   视频结构   本该直接介绍html5的<video>的，但鉴于本人对视频
  • 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
         如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误   javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
  • Jedis连接池的入门级使用 bijian1013 redisredis数据库jedis
    Jedis连接池操作步骤如下：         a.获取Jedis实例需要从JedisPool中获取；         b.用完Jedis实例需要返还给JedisPool；         c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
  • 变与不变 bingyingao 不变变亲情永恒
    变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，
  • 【Scala十】Scala核心四：集合框架之List bit1129 scala
    Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解   1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量   2. 给变量赋值(注意val关键字，a，b
  • Nested Functions in C bookjovi cclosure
      Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。   既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
  • Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
            总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
  • 读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
  • After Effects操作&快捷键 cherishLC After Effects
    1、快捷键官方文档 中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
  • Maven 常用命令 crabdave maven
    Maven 常用命令   mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site   mvn dependency:res
  • shell bad substitution daizj shell脚本
    #!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
  • Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
    Java SE  第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型  （Primitive Data Type） 2）引用类型（对象类型）  （R
  • CGridView中实现批量删除 dcj3sjt126com PHPyii
    1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
  • Java中泛型的各种使用 dyy_gusi java泛型
    Java中的泛型的使用：1.普通的泛型使用 在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
  • Web开发技术十年发展历程 gcq511120594 Web浏览器数据挖掘
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • openSession()与getCurrentSession()区别： hetongfei javaDAOHibernate
    来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。 这里getCurrentSession本地事务(本地
  • 第一章 安装Nginx+Lua开发环境 jinnianshilongnian nginxluaopenresty
    首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
  • HSQLDB In-Process方式访问内存数据库 liyonghui160com
        HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。   先睹为快！   下面是一个In-Process方式访问内存数据库的代码示例：     下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）   import java.s
  • Java线程的5个使用技巧 pda158 java数据结构
    Java线程有哪些不太为人所知的技巧与用法？ 　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常 工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
  • 开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
    概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。     程序包管理器   管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
  • 避免使用终结函数 vahoa.ma javajvmC++
    终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。       我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他