aswind7-CSDN博客

原创 js深度、广度遍历 dom树

// 深度遍历function interator(node) { console.log(node); if (node.children.length) { for (var i = 0; i < node.children.length; i++) { interator(node.children[i]); }

2016-12-22 12:51:13 3137

原创图片按需加载

// 懒加载 function lazyload() { var imgs = document.getElementsByTagName("img"); var tmp_url; var winHeight = document.documentElement.clientHeight; for (var i = 0; i <

2016-12-20 13:51:39 396

原创 HTML常见声明

<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="author" content="此处为作者"> <meta http-equiv="X-

2016-01-13 20:05:14 967

原创表单验证(email,手机号，座机等)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="http://jic.makepolo.net/js/jquery/jquery-1.8.3.min.js"></script><

2015-12-23 17:47:21 4553

原创 mac与远程服务器的问题

共享盘，然后用smb协议，http://jingyan.baidu.com/article/aa6a2c14d2d47e0d4c19c400.html连接服务器之前，点击右上角的共享盘，就可以访问我的mac文件了

2015-12-14 16:02:28 436

请看这篇文章 http://yuehu.io/web-developer/348下面的写法兼容各种情况，完美展现:font-family: Helvetica, Tahoma, Arial, STXihei, ” 华文细黑 “, “Microsoft YaHei”, ” 微软雅黑 “, SimSun, ” 宋体 “, Heiti, ” 黑体 “, sans-serif;由于 “Hiragino S

2015-12-10 16:11:43 820

原创图片加载显示loading图的疑惑解决

http://fgm.cc/learn/lesson2/11.html 遇到的问题var img = new Image();img.src = oImg[0].src = this.src.replace(/small/,"big"); //显示loading图 oDiv.style.display = "block"; /

2015-12-09 18:25:19 1899

原创 ajax与nodejs实现小交互(html,txt)

ajax.js//此组件仅实现了html文档的读取，并未实现xml的读取var btn = document.querySelector("#clickMe");var http_request = null;/**客户端的请求程序**/function makeRequest(url) { //创建客户端xml对象 if (window.XMLHttpRequest) {

2015-10-30 11:20:02 1984

原创协议,osi等

OSI模型（Open System Interconnection Reference Model）参考链接:https://zh.wikipedia.org/wiki/OSI%E6%A8%A1%E5%9E%8B 共有七层。物理层、数据链路层、网络层、传输层、会话层、表示层、应用层。OSI 模型数据单元层功能主机层Data（数据）7. 应用层网络进程到应用程序。6. 表示层数据表示

2015-10-29 10:46:20 306

原创关于从0开始学习计算机的看法

在我看来，其实不应该是从0开始的，不说天赋与智商，但是基础要有：数学和英语不能太差（要想走得远爬的高，这两个是必要的）大学前三年对计算机不感兴趣，到了快大四了，没办法，去找工作，实习，渐渐地入了计算机的坑。我是从web前端开发开始，html + css + javascript。前端开发中最重要的是js，作为图灵完备的语言，从基础学起，数据类型，函数，等等...学了一阵，去一些大公

2015-10-20 11:54:32 1039

原创数字数组的全排列(js)

/** 传入一个数组参数（数组里面的数字互不相同），返回数组数字全排列的所有情况的数组*思路：从数组的数字里面选一个，放在第一项,剩下的数字递归全排*没考虑去重的问题***/function fullSort(arr){ var result = []; if (arr.length == 1) { result.push(arr); ret

2015-10-15 10:51:16 1962

原创合并有序的两个数字数组为一个

自己最先写的方案1:// 传参两个数组,返回合并后的数组function mergeArray(a,b){ var times = a.length + b.length, c = []; for (var i = 0; i < times; i++) { if (a.length && b.length) { if (a[0] <

2015-10-14 23:22:01 378

原创 js事件封装(已兼容)

addHandler: function(elem, type, handler){removeHandler: function(elem, type, handler){getEvent: function(event){getTarget: function(event){preventDefault: function(event){stopPropagation: function(event){

2015-10-13 10:58:56 518

原创停止冒泡事件的方法(已兼容)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <button>点我<tton> <script> var btn = document.querySelector("button");

2015-10-13 09:06:05 437

原创 addEventListener只执行一次即销毁(已兼容)

/***只执行一次函数*兼容各种浏览器**/var obj = document.querySelector("button"); handler = function(){ alert(this.tagName); if (obj.removeEventListener){ obj.removeEventListener("cl

2015-10-12 16:38:02 7849

转载欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2015-10-12 16:36:37 335

原创获取css的属性对应的值(适用各种浏览器)

ie7及以下出错因为不支持querySelector; ff,chrome返回颜色值rgb,ie返回white和16进制值 //getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。 // element.currentStyle返回的是元素当前应用的最终CS

2015-10-12 09:24:24 501

原创 offsetLeft到浏览器边用回溯替代的方法

高程有错。 html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>  <style> body {

2015-10-11 00:48:04 426

原创一些原生js处理的兼容性问题解决方法（自己）

// ****js处理浏览器的浮动样式var div = document.querySelector("#testId");if (div.style.styleFloat) { // ie div.style.styleFloat = "right"} else { div.style.cssFloat = "right";}

2015-10-10 16:45:46 507

原创异步创建js,css，外部内嵌样式

// 创建js内部外部是一样的，见高程3第279页。//外部样式表,传入样式表的urlfunction loadLinkString(url){ var link = document.createElement('link'); var head = document.getElementsByTagName('head')[0]; link.type = 'text/

2015-10-10 11:20:23 282

原创增删类名

document.writeln("<p class='test para my a b ' align='right'>sqf1</p><div>这是一个div块</div>");var elem = document.getElementsByTagName('p')[0];/*****************************************************

2015-10-09 17:02:51 286

原创获取url参数的几种方式

// 方法一：function getLocationValue1(propName){ var qs = location.search; // 去掉问号 qs = qs.substring(1); // 定义数组保存每个name-value对 var name_value_Array = qs.split('&'); // 分别存储名字和值

2015-10-09 10:55:15 678

原创创建随机数，对象，数字，字符串

//见 http://segmentfault.com/q/1010000000197274//创建随机数，字符串等console.log('创建随机数，字符串等');var mkMixedArr = function(len, dev) { var xs = new Array(len); for (var i = 0; i < len; ++i) { var

2015-10-08 15:39:58 348

原创数组的去重问题

//**************** 数组去重的几种方法****************///参考： http://php.js.cn/blog/array-unique-in-javascript/#comment2665//方法一：用indexOf()查找，indexOf()只支持ie9+//而且性能不好，js引擎需要反复找多次function unique1(src){ var

2015-10-08 15:32:02 291

原创对象，数组，字符串，数字,date的深复制浅复制问题

// *******数组的深浅复制****************/// 浅复制,导致引用类型都改变console.log('浅复制,导致引用类型都改变');var array1 = ['red','yellow','blue']; var array2 = array1;console.log(array1); array2[0] = 'changed';console.log(ar

2015-10-08 12:00:19 382

原创 js的几种继承方式

//方式一：原型链继承function Parent(){ this.name = 'dad';}Parent.prototype.getParentName = function(){ return this.name;}// 子类function Child(){ this.subName = 'baby';}// 下面这步实现继承，这步需要放在getCh

2015-09-29 15:36:41 601

原创创建对象的几种模式

/***下面是一些创建对象的模式，可反复看*以创建人为例子，人有自己的名字和年龄，并有一个说自己名字和年龄的方法**///模式一：为了避免重复代码如var obj = {....}的代码出现，萌生了最初的工厂模式,缺点:无法获知对象的类型function createPerson(name,age){ // 创建一个对象 var o = new Object(); o

2015-09-29 10:51:31 362

原创我的gulpfile.js

版本1（可以运行）但是提示有问题，gulp.run() has been deprecated. Use task dependencies or gulp.watch task triggering instead. 查阅资料，看到gulp1.0之后貌似不再用run这个方法// 引入 gulpvar gulp = require('gulp'); // 引入组件// 检查js代码var j

2015-09-22 09:01:31 808

原创前端看到一些不错的写法，网站，资源网站，字体等

1.写法不错a:hover:before { content: “> “; } http://cloudhead.io/2.字体不错http://fonts.googleapis.com/css?family=Raleway:100,400,7003.系统自带的不错的英文字体:“Segoe UI Light”,4.推荐几个关于字体的网站：网站1：非常不错的网站！可以显

2015-09-18 17:41:44 367

原创自己写的淡入淡出轮播图基本实现(jq)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { padding: 0; margin: 0; } .lunboBlock {

2015-09-17 17:08:22 2014

原创轮播图-好代码-(jq)

$(function(){ var aPage = $('#main .page a'); //分页按钮 var aImg = $('#main .box img'); //图像集合 var iSize = aImg.size(); //图像个数 var index = 0; //切换索引 var t;

2015-09-17 15:54:27 444

原创 css里面常用一些通用样式写法

baidu_padding_1等html, body, div, h2, h3, h4, p, td, tr, ul, ol, li, table, dl, dd, dt, img, form { margin: 0; padding: 0;}baidu_padding_2等body, div, span, object, iframe, h1, h2, h3, h4, h5, h

2015-09-17 09:28:42 873

原创平时、工作、学习遇到或解决的问题（前端）

1.断词问题 2015-09-09一个词语（2到6个字）如何每一行不断词？比如：注意力培养就分为了两行，这样是不行的解决方法: 设置 a {display: inline-clock;}2.两行字超出隐藏问题(解决一个bug)原来的时候，html中php代码是这样：<span title="<{$val.siteName}>">

2015-09-09 17:15:00 569

原创关于iframe的一点总结(jq,css,html)

父类页面里面如果有iframe：1.若父类引入了jquery,子类没有引入，则子类不能直接写jquery语句，仍然需要再次引入jquery; 2.iframe是单独的一个html文档,可以设置高宽，但是设置了宽高之后，则里面的内容（div）始终限制在iframe里面，无法呈现在其余的父类的div里面了.(有过页面导航使用iframe而无法显示弹框的经历)

2015-09-09 16:26:18 306

原创关于jQuery版本不同而产生的问题、写法的记录

关于toggle():<script src="jquery-1.8.3.min.js"></script><script> $(function(){ // 点击一个块，让另一个块切换(显示/隐藏)的状态

2015-09-09 15:21:31 279

原创计算机(win+mac)遇到的一些问题记录

2015-7-23日(win+mac) 路径： H:\一些存储-前端-用的少\之前各种的存储的东西-可以偶尔看看\meituan H:\前端-经常用到\testDemo 用txt,浏览器打开,均为空白；用st打开，为0000；可能是二进制文件？或者编码问题？文件格式是什么？估计：七月初之前的文件有问题，之后的文件没有问题！系统故障？

2015-09-09 11:13:11 251

原创未来可以做的东西，一些想法

1.利用background-position,将一个完整的大图，分成10%10%慢慢显示(setTimeOut()) 这样来制作动画。 div块显示大图的10%.div块很小，背景图很大。

2015-09-09 11:05:47 367

转载 Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID，反之也行！

query取得iframe中元素的几种方法在iframe子页面获取父页面元素代码如下:$(‘#objId’, parent.document); // 搞定…在父页面获取iframe子页面的元素代码如下:$(“#objid”,document.frames(‘iframename’).document)$(document.getElementById(‘iframeId’).conte

2015-09-09 09:26:02 430

原创前后端交互的问题(php)

<a class="fl ml10 unde fon14 <{if $pageNow == 'org'}>navOn<{/if}>" href="/web/org/list.php" ><span >所有学校</span></a> <a class="fl ml10 unde fon14 <{if $pageNow == 'live'}>navOn<{/if}>" href="/w

2015-09-08 10:46:04 427

原创关于clearfix

百度新闻的css: .clearfix{zoom:1} .clearfix:after{clear:both;content:’.’;display:block;font-size:0;line-height:0;visibility:hidden;height:0}

2015-09-07 09:48:16 335

空空如也

空空如也