05 2018 档案
摘要：一、事件 事件绑定的方法有两种： 绑定到元素 查找元素后绑定事件 方法1：绑定到元素 方法2:查找到元素后绑定事件 说明：方法2的优点是不用在元素里面进行事件添加，相当于事件和元素分离。 1、浏览器事件 resize（）//只要在浏览器窗口的大小改变时，根据不同的浏览器，该消息被追加到<div id
阅读全文
摘要：我们在学习JavaScript时，详细介绍了DOM对象。从DOM树可以得知，对DOM的操作，主要包括：元素的属性、内容、值、CSS。 一、元素属性的操作 在 jQuery 中，可以对元素的属性执行获取、设置、删除的操作，通过 attr() 方法可以对元素属性执行获取和设置操作，而 removeAtt
阅读全文
摘要：JQuery选择器 JQuery 选择器继承了CSS 与Path 语言的部分语法，允许通过标签名、属性名或内容对DOM 元素进行快速、准确的选择，而不必担心浏览器的兼容性，通过jQuery 选择器对页面元素的精准定位，才能完成元素属性和行为的处理。 一、选择器的优势 代码更简单 上面代码如果使用原生
阅读全文
摘要：一、什么是JQuery？ jQuery是一个JavaScript库，它通过封装原生的JavaScript函数得到一整套定义好的方法。它的作者是John Resig，于2006年创建的一个开源项目，随着越来越多开发者的加入，jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强
阅读全文
摘要：1、模拟bootstrap中的模态框 效果图：（点我后，弹出对话框，最下面的内容可以看到，但是有一定的透明度。） 思路分析： 整体分为三层，最底层（点我），中间透明层（实现透明效果），最顶层（最新内容展示） 很明显，三个div就可以实现，正常情况上面2层div隐藏起来，通过点击“点我”后，上面2层d
阅读全文
摘要：一、概述 RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。 正则表达式是由一个字符序列形成的搜索模式。 当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。 正则表达式可以是一个简单的字符，或一个更复杂的模式。 正则表达式可用于所有文本搜索和文本替换的操作。 二、语法
阅读全文
摘要：JavaScript中的Date 对象用于处理日期和时间。 var myDate=new Date() #Date 对象会自动把当前日期和时间保存为其初始值。 一、Date对象的方法 getDay()返回星期的某一天的数字。注意：星期天为0，周一到周六是1-6. setDay() getMonth(
阅读全文
摘要：Number 对象是原始数值的包装对象。 创建一个Number对象：var myNum=new Number(value); 注意： 1、参数 value 是要创建的 Number 对象的数值，或是要转换成数字的值。 2、如果转换失败，则返回NaN。 Number 对象属性 constructor
阅读全文
摘要：Array对象 Array对象和python里面的list对象一样，是用来存储多个对象值的对象，且方法和属性基本上类似。 一、属性 lenght 二、方法 1、concat() 用于连接两个或多个数组。类似python中的extend方法。 2、join（）用于把数组中的所有元素放入一个字符串。类似
阅读全文
摘要：一、String对象 String对象和python中的字符串一样，也有很多方法，这些方法大概分为以下种类： 1、索引和查找 1、charAt() 返回指定位置的字符。 2、charCodeAt() 返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。 3、in
阅读全文
摘要：JavaScript语句（if、for、for in、do...while、while、break、continue、switch） 一、if语句 1、if ....else..... 2、if....else if ...else... 二、循环语句 1、do...while 2、while 3、
阅读全文
摘要：1、标签选择器 通过标签进行元素选择。 2、* *代表通配符，匹配任意标签，甚至包括body标签，如果你设置了*，则body也会应用样式。 3、# #代表ID选择器，ID必须唯一 4、.（点） .代表类选择器，class可以不唯一，可重复，在bootstrap里面经常可以看到多个class，但是id
阅读全文
摘要：一、概述 HTML是骨架、框架CSS是外表、衣服JS是动作、肌肉 css的主要作用是对元素进行渲染。1、找到要操作的标签（选择器）2、对定位的标签进行操作（属性） 二、CSS引入方式 1、行内式 <p style="background-color:red">行内式</p> 2、内联式 在head标
阅读全文
摘要：一、需求 项目要求对线上服务器进行监控，包括服务器本身状态、进程相关数据、业务相关数据。 服务器本身状态可以通过基础模板即可获取数据（CPU、内存、网络、磁盘）； 进程相关数据，前面也有相关文章专门监控http://www.cnblogs.com/skyflask/articles/8007162.
阅读全文
摘要：一、A，B :任意选择器 A or B 二、A B：后代选择器，A 标签下的所有B 三、A>B：子选择器,仅仅儿子级别会选中. 四、A+B：毗邻选择器，仅仅相邻的同级别（兄弟sibling）第一个会选中. 注意：1、块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内
阅读全文
摘要：一、JavaScript历史（摘自w3school） JavaScript 是因特网上最流行的脚本语言，它存在于全世界所有 Web 浏览器中，能够增强用户与 Web 站点和 Web 应用程序之间的交互。JavaScript 是因特网上最流行的脚本语言，它存在于全世界所有 Web 浏览器中，能够增强用
阅读全文
摘要：一、什么是BOM 概念 BOM（Browser Object Model）即浏览器对象模型。BOM提供了独立于内容，而与浏览器窗口进行交互的对象； 核心 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window；BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性； 不足
阅读全文
摘要：一、概述 1、什么是 DOM？ DOM 是 W3C（万维网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准： "W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。" W3C DOM 标准被分为 3 个不同的部分： 核心
阅读全文
摘要：一、概念介绍 在 ECMAScript 中，所有对象并非同等创建的。一般来说，可以创建并使用的对象有三种：本地对象、内置对象和宿主对象。 要理解这三种对象，先要理解宿主环境。 1、宿主环境 一般宿主环境由外壳程序创建与维护，只要能提供js引擎执行的环境都可称之为外壳程序。 如：web浏览器，一些桌面
阅读全文
摘要：JavaScript函数（定义、参数、返回值、闭包、匿名函数） 一、函数定义 函数是一组可以随时随地运行的语句。 函数是 ECMAScript 的核心。 函数是由这样的方式进行声明的：关键字 function、函数名、一组参数，以及置于括号中的待执行代码。 二、参数 普通参数：形参 特殊参数：arg
阅读全文
摘要：1、逻辑运算符 逻辑与：&&（and） 逻辑或：||（or） 逻辑非：！(not) 逻辑 AND 运算符(&&) 逻辑 AND 运算的运算数可以是任何类型的，不止是 Boolean 值。 如果某个运算数不是原始的 Boolean 型值，逻辑 AND 运算并不一定返回 Boolean 值： 如果某个运
阅读全文
摘要：一、JavaScript引入方式 1、行内式 <script> alert(123); </script> 2、外链式 <script src='custom.js'></script> 二、JavaScript基础语法 1、变量 a、变量区分大小写； b、JavaScript中变量是弱类型，即无需
阅读全文
摘要：一、float概述 浮动（float）是CSS布局常用的一个属性。它可以左右移动，直至它的外边缘碰到包含框或另一个浮动框的外边框。 float被设计出来的初衷是用于文字环绕效果。如下代码： 效果如下： 浮动会脱离文档流，当一个元素浮动之后，不会影响到块级元素的布局而只会影响内联元素（通常是文本）的排
阅读全文
摘要：一、安装JAVA环境 1.安装JAVA mkdir -p /usr/local/java 下载jdk1.7.0_67.tar.gz包，并解压到 tar xf jdk1.7.0_67.tar.gz -C /usr/local/java 2.配置环境变量 让配置生效： 安装与配置比较简单。执行java
阅读全文
摘要：上一篇我模仿了抽屉网站，这一节我来对唯品会主页进行模仿。 我觉得写一个主页大概思路如下： 1、确定整体布局方式；(html框架布局) 2、针对每一块进行细化，尽量做到模块化。（css） 3、加上特效效果。（js） 一、整体效果图 二、实现细节 1、悬浮框 2、悬浮导航栏 3、hover效果 4、TO
阅读全文
摘要：一、效果图 前面对CSS基础知识有了一定的了解，是时候开始实战了！以下我对抽屉（https://dig.chouti.com/）主页进行模拟布局。 官方网站效果图： 模拟网站图： 二、实现步骤 1、整体布局（header、body、footer） 抽屉的首页主要分为三块：头部、网页内容、底部内容。
阅读全文
