2018年09月_Czy_NARI

转载第6 章面向对象的程序设计

本章内容 理解对象属性  理解并创建对象  理解继承我们可以把 ECMAScript 的对象想象成散列表：无非就是一组名值对，其中值可以是数据或函数。1 理解对象创建自定义对象的最简单方式就是创建一个 Object 的实例，然后再为它添加属性和方法，如下所示。var person = new Object();person.name = "Nicholas";...

2018-09-30 16:00:36 389

6 基本包装类型为了便于操作基本类型值， ECMAScript 还提供了 3 个特殊的引用类型： Boolean、 Number 和String。这些类型与本章介绍的其他引用类型相似，但同时也具有与各自的基本类型相应的特殊行为。实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据。来看下面的例子。var s1 = "some...

2018-09-30 11:09:18 136

转载第5 章引用类型

1. Object 类型到目前为止，我们看到的大多数引用类型值都是 Object 类型的实例；而且， Object 也是ECMAScript 中使用最多的一个类型。虽然 Object 的实例不具备多少功能，但对于在应用程序中存储和传输数据而言，它们确实是非常理想的选择。创建 Object 实例的方式有两种。第一种是使用 new 操作符后跟 Object 构造函数，如下所示：var pe...

2018-09-29 17:23:13 137

转载第4 章变量、作用域和内存问题

执行环境及作用域全局执行环境是最外围的一个执行环境。根据 ECMAScript 实现所在的宿主环境不同，表示执行环境的对象也不一样。在 Web 浏览器中，全局执行环境被认为是 window 对象（第 7 章将详细讨论），因此所有全局变量和函数都是作为 window 对象的属性和方法创建的。某个执行环境中的所有代码执行完毕后，该环境被销毁，保存在其中的所有变量和函数...

2018-09-29 13:56:21 229

转载 layer

弹层之美在线调试扩展皮肤layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer（已被7498057人次关注）。layer 甚...

2018-09-28 14:35:29 389

原创 Ztree 改节点

Ztree的官方API文档在已经搭好了基本的ztree树节点之后，首先要引入<script type="text/javascript" src="library/controls/ztree/js/jquery.ztree.exedit.min.js" ></script>其次设置setting的参数onRename用于捕获节点编辑名称结束之后...

2018-09-27 09:47:05 277

原创 fixed定位之后，如何让div上下垂直居中

在div用fixed定位之后，接下来想要其垂直居中，需要在fixed定位的那个div jxd-right上定义， display:table;margin-top:auto; margin-bottom:auto;然后在里面的div fixedmiddle定义 display:table-cell;，即可做到垂直居中但是ie上实现无效。.jxd-right{ pos...

2018-09-15 16:17:44 2869

原创 web项目无法热更新

jsp等页面修改后，浏览器刷新无反应，必须重启服务才能有效果。解决方案：eclipse需要点击build automatically步骤如下：右击Projectbuild automatically选择对勾。重启服务即可。...

2018-09-15 10:38:00 966

转载 CSS content 属性 CSS counter-increment 属性 CSS counter-reset 属性

利用该三个属性可以构建列表前面的标签在分为h1为标题1，h2为标题2content 可以利用before为标签为标题前面添加内容counter-increment 可以使得h1和h2标题每用一次就实现一次增加counter-reset可以使得h1标签每次调用的时候讲子标题序号重置 <style>body {counter-reset:section;}h...

2018-09-09 10:50:51 472

转载 CSS 属性

background-attachment何指定一个固定的背景图像：body{ background-image:url('smiley.gif');background-repeat:no-repeat;background-attachment:fixed;}尝试一下 »标签定义及使用说明background-attachment设置背景图像是否固定或者随着页面的...

2018-09-07 19:37:12 135

转载 JavaScript HTML DOM - 改变 HTML

JavaScript HTML DOM - 改变 HTMLHTML DOM 允许 JavaScript 改变 HTML 元素的内容。改变 HTML 输出流JavaScript 能够创建动态的 HTML 内容：今天的日期是： Fri Sep 07 2018 15:40:57 GMT+0800 (中国标准时间)在 JavaScript 中，document.write() 可用于直...

2018-09-07 18:24:28 105

原创高度设置为100%无效的解决办法

In specific, all percentage-based sizes must inherit from parent block elements, and if any of those ancestors fail to specify a size, they are assumed to be sized at 0 x 0 pixels具体地讲，所有基于本分比的尺寸...

2018-09-07 16:56:26 1947

原创布局方案分析

完成两个div的左右布局，其中第一个div的宽度为200px，第二个div的宽度设置为剩余的宽度。1、在不考虑ie低版本的兼容性的前提下，是可以使用弹性盒子来完成的。<div style="width: 100%;display:-webkit-box;display: -moz-box; margin-top:20px ;"> <div clas...

2018-09-07 15:23:57 247

转载 JavaScript 函数

JavaScript 使用关键字 function 定义函数。函数可以通过声明定义，也可以是一个表达式。函数声明在之前的教程中，你已经了解了函数声明的语法 :function functionName(parameters) { 执行的代码}函数声明后不会立即执行，会在我们需要的时候调用到。实例function myFunction(a, b) { re...

2018-09-07 14:38:39 146

转载 JSON

1、JSON 语法JSON 语法是 JavaScript 语法的子集。JSON 语法规则JSON 语法是 JavaScript 对象表示语法的子集。数据在名称/值对中数据由逗号分隔大括号保存对象中括号保存数组JSON 名称/值对JSON 数据的书写格式是：名称/值对。名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值："name" : "菜鸟教...

2018-09-07 13:31:24 109

转载 1、XML 简介，2、JSON 教程

　NOKIA 有句著名的广告语：“科技以人为本”。任何技术都是为了满足人的生产生活需要而产生的。具体到小小的一个手机，里面蕴含的技术也是浩如烟海，是几千年来人类科技的结晶，单个人穷其一生也未必能掌握其一角。不过个人一直认为基本的技术和思想是放之四海而皆准的，许多技术未必需要我们从头到尾再研究一遍，我们要做的就是站在巨人的肩膀上，利用其成果来为人们的需求服务。　　随着移动互联网时代的大潮，越来越...

2018-09-07 12:52:24 178

转载 1、JavaScript 函数，2、JavaScript 正则表达式，3、JavaScript JSON，

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。实例<!DOCTYPE html> <html> <head> <script> function myFunction() { alert("Hello World!"); } </script> </head> <body>

2018-09-07 10:53:14 169

转载 Javascript之BOM与DOM讲解

Javascript之BOM与DOM讲解一.Javascript组成JavaScript的实现包括以下3个部分： ECMAScript(核心) 描述了JS的语法和基本对象。文档对象模型（DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法...

2018-09-07 10:17:30 120

转载文档流、脱离文档流分析

文档流是文档中可显示对象在排列时所占用的位置。文档流简述编辑将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序，该在什么位置就在什么位置，也可以按照上面的意思理解，自上而下，自左到右的顺序)详细说明编辑比如网页的div标签它默认占用的宽度位置是一整行，p标签默认占用宽度也是一整行，因为div标签和p标签是块状...

2018-09-06 17:07:38 1022 1

转载 1、position用法技巧，2、CSS 属性选择器，3、CSS 选择器

CSS 媒体类型媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。媒体类型一些 CSS 属性只设计了某些媒体。例如 voice-family 属性是专为听觉用户代理。其他一些属性可用于不同的媒体类型。例如， font-size 属性可用于屏幕和印刷媒体，但有不同的值。屏幕和纸上的文件不同，通常需要一个更大的字体，sans-se...

2018-09-06 14:54:53 224

转载 1、CSS 提示工具(Tooltip)，2、box-sizing: border-box;的作用，3、实例2 - 图像的透明度 - 悬停效果，4、CSS 图像拼合技术，

CSS 提示工具(Tooltip)本文我们为大家介绍如何使用 HTML 与 CSS 来创建提示工具。提示工具在鼠标移动到指定元素后触发，先看以下四个实例：基础提示框(Tooltip)提示框在鼠标移动到指定元素上显示：HTML 代码：<style>/* Tooltip 容器 */ .tooltip { position: relative; display: ...

2018-09-06 13:57:51 488

转载 1、CSS Float(浮动)，2、CSS 布局 - 水平 & 垂直对齐，3、CSS 伪类(Pseudo-classes)，4、导航栏

清除浮动 - 使用 clear元素浮动之后，周围的元素会重新排列，为了避免这种情况，使用 clear 属性。clear 属性指定元素两侧不能出现浮动元素。使用 clear 属性往文本中添加图片廊：实例.text_line { clear:both; }可以看到中间的标签的样式加入了清除浮动属性之后，就单独成为块元素独占一行了。加入没有这个浮动清除属性。 ...

2018-09-05 20:05:14 768

转载 1、分组选择器， 2、尺寸 (Dimension)属性，3、Display(显示) 与 Visibility（可见性），4、CSS Display - 块和内联元素，5、CSS Position(定位

为了尽量减少代码，你可以使用分组选择器。每个选择器用逗号分隔。在下面的例子中，我们对以上代码使用分组选择器：实例h1,h2,p { color:green; }尝试一下 »嵌套选择器它可能适用于选择器内部的选择器的样式。在下面的例子设置了三个样式：p{ }: 为所有 p 元素指定一个样式。 .marked{ }: 为所有 class="marked" 的元素指...

2018-09-05 16:08:33 250

转载 1、CSS 盒子模型，2、边框样式，3、CSS 轮廓（outline），

CSS 盒子模型(Box Model)所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model)：不同部分的说明：Margin(外边距) ...

2018-09-05 15:26:57 5799

转载 1、CSS height 属性，2、Flex 布局教程：实例篇，3、CSS 链接，4、CSS display 属性，5、表格，

2018-09-05 14:33:54 155

转载字体

字体系列font-family 属性设置文本的字体系列。font-family 属性应该设置几个字体名称作为一种"后备"机制，如果浏览器不支持第一种字体，他将尝试下一种字体。注意: 如果字体系列的名称超过一个字，它必须用引号，如Font Family："宋体"。多个字体系列是用一个逗号分隔指明：实例p{font-family:"Times New Roman", Times...

2018-09-05 10:31:57 275

转载 CSS-样式表插入的三种方法、背景（background）、文本

如何插入样式表插入样式表的方法有三种:外部样式表(External style sheet) 内部样式表(Internal style sheet) 内联样式(Inline style)外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 &...

2018-09-05 10:04:29 4334

转载 CSS-选择器

除了教程中的id选择器和class选择器，另还有元素选择器、属性选择器、包含选择器、子选择器和CSS3中新增的兄弟选择器，以下带上ID选择器和类选择器一起举例。 1.ID 选择器（ID selector，IS）：使用 # 标识selector，语法格式：#S{...}（S为选择器名）。例：id为name的标签会匹配下面的样式 <style>#name{ color:r...

2018-09-05 09:05:55 133

转载 base定义了所有链接的URL

HTML<title>元素不仅可以显示文本，也可以在左侧显示logo等图片。显示时，要将<link>标签放入<head>里。举例：<!doctype HTML><html><head><link rel="shortcup icon" href="图片url"&am

2018-09-04 13:51:00 848

转载关于创建电子邮件链接时如何发送邮件内容

在进行邮件内容发送时，需要使用关键字：mailto示例如下：<a href="mailto:zhangrr601@163.com?subject=这是邮件的主题&body=这是邮件的内容" rel="nofollow">发送邮件</a>尝试一下 »这样会调启系统默认的邮件程序发送给 zhangrr601@163.com，并且收件人那里已经填上了...

2018-09-04 11:30:00 2036

转载 HTML 格式化标签

HTML 格式化标签HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如：粗体 or 斜体这些HTML标签被称为格式化标签（请查看底部完整标签参考手册）。通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i&gt

2018-09-04 11:09:54 3004

转载 HTML tabindex 属性

实例带有指定的 tab 键导航顺序的链接：<a href="//www.runoob.com//" tabindex="2"> runoob.com 菜鸟教程</a><br /> <a href="//www.google.com/" tabindex="1">Google</a>&

2018-09-04 10:14:45 477

转载 HTML hidden 属性

HTML hidden 属性 HTML 全局属性实例隐藏段落:<p hidden>这是一段隐藏的段落。</p>尝试一下»浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。属性 hidden 6.0 11.0 4.0 5.1 11.1 定义和用法...

2018-09-04 09:58:27 720

转载 HTML draggable 属性

HTML draggable 属性 HTML 全局属性实例可拖动的段落：<p draggable="true">这是一段可移动的段落。请把该段落拖入上面的矩形。</p>尝试一下 »浏览器支持Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 浏览器支持 draggable 属性。注...

2018-09-04 09:56:17 764

转载 HTML draggable 属性

HTML draggable 属性 HTML 全局属性实例可拖动的段落：<p draggable="true">这是一段可移动的段落。请把该段落拖入上面的矩形。</p>尝试一下 »浏览器支持Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 浏览器支持 draggable 属性。注...

2018-09-04 09:56:16 727

转载 HTML data-* 属性

HTML data-* 属性 HTML 全局属性实例使用 data-* 属性来嵌入自定义数据：<ul><li data-animal-type="bird">Owl</li><li data-animal-type="fish">Salmon</li> <li data-animal-type=

2018-09-04 09:52:03 190

转载 HTML contenteditable 属性

HTML contenteditable 属性 HTML 全局属性实例可编辑段落:<p contenteditable="true">这是一个可编辑段落。</p>尝试一下 »浏览器支持所有主流浏览器都支持 contenteditable 属性定义和用法contenteditable 属性指定元素内容是否可编辑。注意：当元素中没有...

2018-09-04 09:47:26 437

转载 HTML 全局属性

HTML 全局属性New : HTML5 新属性。属性描述 accesskey 设置访问元素的键盘快捷键。 class 规定元素的类名（classname） contenteditableNew 规定是否可编辑元素的内容。 contextmenuNew 指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单 data-*New ...

2018-09-04 09:44:00 107

转载 Eclipse中启动tomcat访问404解决及原因

症状：tomcat在eclipse里面能正常启动，而在浏览器中访问http://localhost:8080/不能访问，且报404错误。同时其他项目页面也不能访问。关闭eclipse里面的tomcat，在tomcat安装目录下双击startup.bat手动启动tomcat服务器。访问htt://localhost:8080/能正常访问tomcat管理页面。症状原因： e...

2018-09-03 10:42:30 44188 10

原创 bad response Not Found 404

对于404问题Error fetching https://ruby.taobao.org/: bad response Not Found 404 (https://gems.ruby-china.org/specs.4.8.gz)先访问一下https://ruby.taobao.org/是否能够成功再来测试也可以。如果网页访问提示了镜像地址已经改变，就需要更换地址。...

2018-09-01 13:18:21 1294

surf算法的原文翻译

空空如也