- 博客(16)
- 收藏
- 关注
原创 JavaScript
JavaScriptJavaScript基础Javascript组成ECMAScript:解释器、翻译DOM:Document Object ModelBOM:Brower Object Model各组成部分的兼容性,兼容性问题由来ECMA:几乎没有兼容性问题DOM:有一些操作不兼容BOM:没有兼容问题(完全不兼容,所有不使用)变量类型类型:typeof...
2018-09-27 10:45:10
675
原创 CSS
为网页添加样式CSS的作用--使用CSS定义样式--各元素使用统一的样式声明!且提高来样式的可重用性和可维护性! <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS的作用</title>
2018-09-27 09:47:56
261
原创 HTML5基础
HTML介绍什么是HTMLHTML(Hyper Text Markup Language):超文本标记语言,一种纯文本类型的语言用该语言编写的文件,以.html或者.htm为后缀,由浏览器解释执行HTML页面上,可以嵌套用脚本语言编写的程序段,如:JAVASCRIPTWeb浏览器主要功能:代理访问者提供请求,作为HTML解释器和内嵌脚本程序执行器,用图形化的方式显示HTML...
2018-09-27 09:38:04
926
转载 响应式布局的开发
响应式布局的开发本章主要分为以下几个部分正确理解响应式设计响应式设计的步骤响应式设计需要注意的问题响应式网页布局实现原理第一:正确理解响应式布局响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说:现在社会有很多响应产品,例如折叠沙发,折叠床等等,当我们需要把沙发放到一个角落的时候,此刻沙发就好比div吧,而角落里的某个地方就好比父元素,由于父元素空间的改变,...
2018-03-22 15:59:42
192
转载 javascript构造函数
JavaScript对象的创建方式在JavaScript中,创建对象的方式包括两种:对象字面量和使用new表达式。对象字面量是一种灵活方便的书写方式,例如:123456var o1 = { p:”I’m in Object literal”, alertP:function(){ alert(this.p); }}这样,就用对象字面量创建了一个对象o1,它具有一个成...
2018-03-20 22:45:28
179
转载 自定义IE浏览器滚动条样式
自定义IE浏览器滚动条样式 追溯浏览器对滚动条的自定义,恐怕最早的就是IE浏览器了(好像最开始支持的版本是IE5.5)。下面列出了多个版本的支持性况: 滚动条样式支持情况支持浏览器版本可否继承描述scrollbar-3dlight-color IE特有属性 IE5.5+ y 设置滚动框的和滚动条箭头左上边缘的颜色scrollbar-highlight-color IE特有属性 IE5.5+ y 设...
2018-03-15 17:23:37
982
转载 offsetLeft,Left,clientLeft,clientX,pageX,screenX的区别
event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.clientX、event.clientY,但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性,但得到了广泛支持。IE事件中没有这2个属性。event.o...
2018-03-14 16:35:37
1308
转载 理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY
event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.clientX、event.clientY,但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性,但得到了广泛支持。IE事件中没有这2个属性。event.o...
2018-03-14 09:26:57
662
转载 event.cancelBubble的理解
关于event.cancelBubble由于HTML中的对象都是层次结构,比如一个Table包含了多个TR,一个TR包含了多个TD Bubble就是一个事件可以从子节点向父节点传递,比如鼠标点击了一个TD,当前的event.srcElement就是这个TD,但是这种冒 泡机制使你可以从TR或者Table处截获这个点击事件,但是如果你event.cancelBubble,则就不能上传事件。 例子: ...
2018-03-13 17:24:56
2612
转载 event事件冒泡之cancelBubble和stoppropagation的区别
事实上stoppropagation和cancelBubble的作用是一样的,都是用来阻止浏览器默认的事件冒泡行为。不同之处在于stoppropagation属于W3C标准,试用于Firefox等浏览器,但是不支持IE浏览器。相反cancelBubble不符合W3C标准,而且只支持IE浏览器。所以很多时候,我们都要结合起来用。不过,cancelBubble在新版本chrome,opera浏览器中已...
2018-03-13 17:13:11
1184
转载 AngularJS 指令的 Scope (作用域)
学习了AngularJS好长时间,最近再次回首看看指令这部分的时候,觉得比自己刚开始学习的时候理解的更加深入了,尤其是指令的作用域这部分。当初看的是《AngularJS权威指南》这本书,但是感觉这本书关于这方面讲的不是很细致,另外吐槽一下,这本书中文版印刷的质量不是很好,很多地方都有错误;不过讲的还是可以的,是一本学习AngularJS的好书。下面我们就来详细分析一下指令的作用域。在这之前希望你对...
2018-03-12 10:19:51
285
转载 jHipster3.4创建Java Web应用项目最简单的入门基本教程
开场白最近两,三年(2013-2016),Java 开发领域内刮起一股热腾腾的潮流风。引起世界各地Java开发者蜂拥跟随。这就是Java潮客者(J潮客),称jHipster。根据专家统计,每月下载量约有12000,每月制成的J潮客应用程式有一万份之多。可惜在国内有关J潮客资料及其应用十分稀少, 故此本文提供一些实用有效的信息。Java爱好者可以一起学习和研究。如果一切顺利,不论你是否菜鸟,只需要按...
2018-03-12 10:17:07
586
转载 为什么选择Spring Boot作为微服务的入门级微框架
1. Spring Boot是什么,解决哪些问题 1) Spring Boot使编码变简单 2) Spring Boot使配置变简单 3) Spring Boot使部署变简单 4) Spring Boot使监控变简单 5) Spring Boot的不足2. Spring Boot在平台中的定位,相关技术如何融合 1) SpringBoot与SEDA ...
2018-03-12 10:13:58
192
转载 史上最全的maven的pom.xml文件详解
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0...
2018-03-12 10:10:37
129
转载 JavaScript 学习—— js获取行间样式和非行间样式
1. 问题引入<head><style> #div1{ width:150px; height:200px; position:absolute; left:-150px; background: green; }</style><script> ...
2018-03-09 15:05:30
238
1
转载 document.body 与 document.documentElement区别介绍,解决浏览器兼容获取scrollTop
什么是document.body?返回html dom中的body节点 即<body>什么是 document.documentElement?返回html dom中的root 节点 即<html>document.documentElement 与 document.body的应用场景获取 scrollTop 方面的差异在chrome(版本 52.0.2743.116 m...
2018-03-09 09:38:34
759
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人