2016 年 8月随笔档案 - WeWeZhang

带你走进Ajax

摘要：DJ-LZPR-RLYP-200 /** * 搞清楚客户端与服务器的概念 */ 客户端：用户使用的设备服务器：开发出来的html、css、JavaScript文件存放的设备 2者的的相同点：都是计算机 2者的区别：客户端是给普通人使用的电脑服务器是24小时不断电的超级电脑，可提供网页、文件上传下载、邮件、视频等服务网页服务：Apache、Nginx、T... 阅读全文

posted @ 2016-08-31 16:31 WeWeZhang 阅读(381) 评论(0) 推荐(0)

基础 - CSS3盒模型背景

摘要：CSS3盒模型 content padding border margin 常见问题： W3C盒子下的width height和 IE盒子下的width height? W3C盒子下的width height padding内部的区域,即content IE盒子下的width height marg 阅读全文

posted @ 2016-08-31 02:56 WeWeZhang 阅读(188) 评论(0) 推荐(0)

基础 - CSS边框

摘要：阴阳边框阴影加 inset 内部的阴影不加 inset 外部的阴影阅读全文

posted @ 2016-08-30 10:05 WeWeZhang 阅读(176) 评论(0) 推荐(0)

基础-文字

摘要：文本阅读全文

posted @ 2016-08-30 09:24 WeWeZhang 阅读(98) 评论(0) 推荐(0)

基础 - CSS3

摘要：CSS3 CSS2的下一个版本目前最流行 CSS3的兼容情况各大浏览器对CSS3的兼容还不够完善通常给属性前加不同的前缀，来实现兼容不同的浏览器移动端的兼容更好些渐进增强原则对于高版本，支持的更好对于低版本，支持相对不好，但是也可以使用 CSS3手册 http://css.doyoe. 阅读全文

posted @ 2016-08-27 20:44 WeWeZhang 阅读(187) 评论(0) 推荐(0)

基础 - 文件管理

摘要：文件操作阅读全文

posted @ 2016-08-27 15:20 WeWeZhang 阅读(122) 评论(0) 推荐(0)

基础 - 网页存储

摘要：Application Cache WebStorage 分为localStorage和sessionStorage 阅读全文

posted @ 2016-08-27 14:35 WeWeZhang 阅读(120) 评论(0) 推荐(0)

基础 - 全屏

摘要：哈阅读全文

posted @ 2016-08-27 07:45 WeWeZhang 阅读(120) 评论(0) 推荐(0)

基础 - 访问历史

摘要：H5 阅读全文

posted @ 2016-08-26 12:23 WeWeZhang 阅读(175) 评论(0) 推荐(0)

基础 - H5的JS

摘要：/*查询选择器*/ $(function () { var aSample = document.querySelectorAll(".sample"); var oSample = document.querySelector(".sample"); for(var i= 0,l=aSample.length;i<l;i++){ aSample[i].a... 阅读全文

posted @ 2016-08-26 09:16 WeWeZhang 阅读(117) 评论(0) 推荐(0)

基础 - Markdown

摘要：markdown 程序猿界时下最流行的文本记录格式，博客、论坛通用的记事方式装逼利器文件扩展名 .md 或 .markdown 语法标题 #一级标题 ##二级标题 ###三级标题无序列表　-空格有序列表 1.空格粘代码 ```javascript回车编辑器当前流行的md编辑器多种多阅读全文

posted @ 2016-08-25 22:24 WeWeZhang 阅读(96) 评论(0) 推荐(0)

基础 - SVG

摘要：SVG文件可缩放矢量图形无论怎样放大都不会失真，质量高体积小，可控制性强如何载入 Ajax加载阅读全文

posted @ 2016-08-25 19:30 WeWeZhang 阅读(115) 评论(0) 推荐(0)

基础 - WebStorm自动补全代码

摘要：Setting... Editor Code Style LiveTemplater Tab JavaScript + 1.Live Templater forin 快速遍历 for (var $01$ in $02$ ) {} Define 勾选JavaScript OK 阅读全文

posted @ 2016-08-25 13:48 WeWeZhang 阅读(2538) 评论(0) 推荐(0)

基础 - 认识H5

摘要：Web的发展历程 1991 HTML诞生 1994 HTML2 1996 CSS1 + JS 1997 HTML4 1998 CSS2 2000 XHTML1 2002 Tableless Web Design 2005 Ajax 2009 HTML5 2014 HTML5 Finalized We 阅读全文

posted @ 2016-08-24 21:45 WeWeZhang 阅读(292) 评论(0) 推荐(0)

基础 - jQuery选项卡

摘要：达文西◇ 末梢血◇ 华泰强◇ 史克力 ... 阅读全文

posted @ 2016-08-24 07:50 WeWeZhang 阅读(249) 评论(0) 推荐(0)

基础 - jQuery动画

摘要：普通动画 $("").show(3000)$("").hide(3000) 滑动动画 $("").slideDown()$("").slideUp() $("").slideToggle() 淡入淡出动画 $("").fadeIn()$("").fadeOut()$("").fadeToggle() 阅读全文

posted @ 2016-08-23 18:55 WeWeZhang 阅读(117) 评论(0) 推荐(0)

基础 - JQuery对象和DOM对象

摘要：DOM对象到基础 JQuery对象 $(document.getElementById("box")) 基础 JQuery对象到DOM对象 $("#box")[0] $("#box").get(0) 阅读全文

posted @ 2016-08-22 20:20 WeWeZhang 阅读(100) 评论(0) 推荐(0)

基础 - jQuery的下拉菜单

摘要：mouseover 和 mouseenter mouseout 和 mouseleave mouseover / mouseout 鼠标进入/走出元素或其子元素时均可触发 mouseenter / mouseleave　鼠标进入/走出元素才会触发阅读全文

posted @ 2016-08-22 18:14 WeWeZhang 阅读(198) 评论(0) 推荐(0)

基础 - jQuery

摘要：jQuery http://jquery.com/ 经典的JS框架之一不使用jQuery的弊端 window.onload入口函数容易被覆盖对null设置属性或调用方法，报错浏览器的兼容问题参考书籍《锋利的jQuery》 $符号 jQuery函数的变量名，function jQuery() 阅读全文

posted @ 2016-08-19 20:43 WeWeZhang 阅读(148) 评论(0) 推荐(0)

基础 - 面向对象

摘要：面向对象程序员必须具备的开发思想之一对象复杂的数据类型之一带有属性和方法对象的声明方式对象的封装函数 new的作用是使this指向新的对象因此构造函数的写法为阅读全文

posted @ 2016-08-19 14:17 WeWeZhang 阅读(138) 评论(0) 推荐(0)

基础 - 闭包·

摘要：闭包通俗的讲，函数去访问其他函数的局部变量闭包选项卡延时阅读全文

posted @ 2016-08-19 10:49 WeWeZhang 阅读(153) 评论(0) 推荐(0)

基础 - 动画函数的初步封装

摘要：小数的取整 WHY? JS不能精准的表示小数 Math.round() 四舍五入取整 Math.ceil() 向上取整 Math.floor() 向下取整属性的访问点语法 [""]法得到内嵌和外链的CSS IE Opera currentStyle 其他 getComputedStyle第二个阅读全文

posted @ 2016-08-15 18:28 WeWeZhang 阅读(146) 评论(0) 推荐(0)

基础 - 网易的轮播图

摘要：* { margin: 0; padding: 0; } ul, ol { list-style-type: none; } img { vertical-align: top; } .box { position: relative; width: 39... 阅读全文

posted @ 2016-08-15 10:19 WeWeZhang 阅读(202) 评论(0) 推荐(0)

基础 - 冒泡

摘要：事件传播捕获冒泡目标捕获：　从最上级标签开始依次查找事件，找到目标即停止查找冒泡：　从事件目标开始往上依次传递事件，直到最上级标签冒泡机制元素的事件被触发时，默认会把相同的事件依次传递给祖先元素，直到DOM树的最上层标签冒泡顺序 IE6 div body html document 阅读全文

posted @ 2016-08-14 18:09 WeWeZhang 阅读(145) 评论(0) 推荐(0)

基础 - client可视区域

摘要：client 可视区域 clientWidth width+padding 阅读全文

posted @ 2016-08-14 16:46 WeWeZhang 阅读(182) 评论(0) 推荐(0)

基础 - JSON

摘要：JSON JavaScript Object Notation 时下最流行的数据交换格式特点键和值都必须包裹在引号中语法数据在键值对中数据由逗号分隔花括号保存对象方括号保存数组格式阅读全文

posted @ 2016-08-14 13:47 WeWeZhang 阅读(103) 评论(0) 推荐(0)

基础 - scroll滚动

摘要：scroll scrollTop 被卷去的头部 scrollLeft 被卷去的左边没有文件头 document.body.scrollTop 其他 document.documentElement.scrollTop 最新的浏览器 window.pageYOffset 阅读全文

posted @ 2016-08-14 10:22 WeWeZhang 阅读(110) 评论(0) 推荐(0)

基础 - 拖拽的简单封装

摘要：/** * 选中的文本（兼容） **/function funSelectionText() { window.getSelection?window.getSelection().toString():document.selection.createRange().text;} /** * 禁止选中文本（兼容） **/function funClearSelection() { w... 阅读全文

posted @ 2016-08-14 08:10 WeWeZhang 阅读(271) 评论(0) 推荐(0)

基础 - 事件放大镜加载条

摘要：事件对象 oEvent 阅读全文

posted @ 2016-08-12 16:28 WeWeZhang 阅读(157) 评论(0) 推荐(0)

基础 - offset偏移筋斗云

摘要：offset 偏移尺寸大小相关，content+padding+border offsetWidth 自己的宽度 offsetHeight 自己的高度定位相关 content+padding 实际上是到有定位的父级的距离 offsetParent　body默认有定位数值，只读，无定位亦可 of 阅读全文

posted @ 2016-08-11 08:43 WeWeZhang 阅读(208) 评论(0) 推荐(0)

基础 - 封装选择器

摘要：function funGetClass(className) { if(document.getElementsByClassName) { return document.getElementsByClassName(className); } var aClassDiv = []; var a 阅读全文

posted @ 2016-08-10 16:21 WeWeZhang 阅读(141) 评论(0) 推荐(0)

基础 - 验证文件类型

摘要：<input id="show" type="file" /> window.onload = function () { var oShow = document.getElementById("show"); oShow.onchange = function () { var filePath 阅读全文

posted @ 2016-08-10 15:08 WeWeZhang 阅读(179) 评论(0) 推荐(0)

基础 - 配置环境

摘要：注意 32位选X86 64位选X64 下载相关资源包下载VC++https://www.microsoft.com/en-us/download/details.aspx?id=52982下载Apachehttp://httpd.apache.org/download.cgiFiles for Mi 阅读全文

posted @ 2016-08-09 08:10 WeWeZhang 阅读(220) 评论(0) 推荐(0)

基础 - 长篇图

摘要：* { margin: 0; padding: 0;}.show { position: relative; width: 512px; height: 512px; border: 5px solid #C81623; margin: 100px auto; overflow: hidden;}.show i... 阅读全文

posted @ 2016-08-08 17:35 WeWeZhang 阅读(181) 评论(0) 推荐(0)

基础 - arguments

摘要：arguments.callee函数递归时，用来调用函数 window.onload = function () { function funRead() { console.log(arguments.callee); } funRead();} 阅读全文

posted @ 2016-08-08 14:11 WeWeZhang 阅读(115) 评论(0) 推荐(0)

基础 - 时钟

摘要：结构样式行为阅读全文

posted @ 2016-08-08 08:19 WeWeZhang 阅读(239) 评论(0) 推荐(0)

基础 - 定时器

摘要：重复调用的定时器var timer = null;if (timer) clearInterval(timer);fun();timer = setInterval(fun,1000);function fun(){ }if (timer) clearInterval(timer); 只调用一次的定时器 setTimeout(function () {},5000); 倒计时... 阅读全文

posted @ 2016-08-08 00:00 WeWeZhang 阅读(193) 评论(0) 推荐(0)

基础 - 日期 Date

摘要：样式结构行为阅读全文

posted @ 2016-08-07 22:17 WeWeZhang 阅读(156) 评论(0) 推荐(0)

基础 - 发布信息

摘要：结构样式行为阅读全文

posted @ 2016-08-06 18:57 WeWeZhang 阅读(110) 评论(0) 推荐(0)

基础 - DOM

摘要：Document Object Model 文档对象模型提供结构化表示提供了JS脚本访问结构的方式文档节点 Node document.getElementsByClassName() 此方法有兼容性问题 document.getElementsByTagName() 解决方案 getElem 阅读全文

posted @ 2016-08-06 09:08 WeWeZhang 阅读(191) 评论(0) 推荐(0)

基础 - 星星评分

摘要：结构样式行为阅读全文

posted @ 2016-08-03 14:57 WeWeZhang 阅读(140) 评论(0) 推荐(0)

基础 - 下拉菜单

摘要：结构样式行为阅读全文

posted @ 2016-08-03 07:25 WeWeZhang 阅读(153) 评论(0) 推荐(0)

基础 - 选项卡的实现

摘要：结构样式行为阅读全文

posted @ 2016-08-02 17:20 WeWeZhang 阅读(209) 评论(0) 推荐(0)

基础 - 全选和反选

摘要：结构样式行为阅读全文