<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ludios的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ludios</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ludios]]></copyright><item><title><![CDATA[转行前端自我学习记录——BOM篇]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79844290</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79844290</guid><author>ludios</author><pubDate>Sat, 07 Apr 2018 21:14:34 +0800</pubDate><description><![CDATA[BOM——browser object module，浏览器对象模型，最核心的对象为window对象。其有几点特点：1、任何定义在全局作用域中的变量、函数、方法均为window对象的属性或方法。如isNaN（），parseInt（），parseFloat（）,Number（），Boolean（） 2、未指定window为对象时，声明的变量不可删除，直接指定为window对象的属性，则可删除因为对象...]]></description><category></category></item><item><title><![CDATA[转行前端自我学习记录——函数命名造成的堆栈溢出]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79841773</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79841773</guid><author>ludios</author><pubDate>Sat, 07 Apr 2018 15:25:05 +0800</pubDate><description><![CDATA[函数命名有一些广泛认可的规则，一般函数首字母小写，驼峰命名，构造函数首字母大写，驼峰命名。不能用关键字与保留字。今天在进行BOM学习时，遇到了一个因为函数命名造成的堆栈溢出的bugwindow.open(URL,name,property)方法打开一个新的网页URL，可以显示在name命名的框架（frame）内，或者_top（最外层框架，一般是当前窗口）_blank（打开新窗口显示网页）_self...]]></description><category></category></item><item><title><![CDATA[转行前端自学学习记录——表单脚本]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79690204</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79690204</guid><author>ludios</author><pubDate>Sun, 25 Mar 2018 22:31:56 +0800</pubDate><description><![CDATA[1、表单对象form可以通过document对象属性form直接访问：document.form，访问得到的是HTMLFormCollection对象。表单对象拥有几点属性：（1）elements属性，访问表单里的所有控件元素（input select button【type=submit】textarea）（2）length属性，表示表单里控件的数量。（3）reset（）方法，重置表单。（4）s...]]></description><category></category></item><item><title><![CDATA[转行前段自我学习记录——JS事件]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79605044</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79605044</guid><author>ludios</author><pubDate>Sun, 18 Mar 2018 22:45:17 +0800</pubDate><description><![CDATA[1、事件即JS与HTML之间的交互动作。2、事件都是通过事件处理程序实现。事件处理程序有DOM0级与DOM2级，其中DOM0级一般形式是element.eventType=fucntion(){};DOM2级一般是通过element.addEventlistener（）方法实现。IE为eventAttach（）3、对于IE浏览器，DOM0级事件处理程序的作用域是元素本身，DOM2级事件处理程序的作...]]></description><category></category></item><item><title><![CDATA[转行前段自我学习记录——DOM文档对象模型]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79598955</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79598955</guid><author>ludios</author><pubDate>Sun, 18 Mar 2018 16:28:53 +0800</pubDate><description><![CDATA[1、DOM文档对象模型中，最基本的类型是Document与Element引用类型。document是HTMLDocument对象一个实例，HTMLDocument直接继承自Document。2、document继承了一些直接访问HTML元素的属性，其中document.body属性访问body元素，获得的元素引用是HTMLElement对象（其直接继承自Element对象），document.do...]]></description><category></category></item><item><title><![CDATA[转行前端自我学习记录——响应式布局：bootstrap]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79451866</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79451866</guid><author>ludios</author><pubDate>Mon, 05 Mar 2018 22:32:11 +0800</pubDate><description><![CDATA[响应式布局对于很多样式重复，页面元素有很多的情况下，有很大的优势，不用去一点点设置每个元素的样式，而通过统一的类选择器，就能很好的设计出布局美观的页面，还能附带一定的交互效果。bs主要是对于css层的设计，首先最基本最常用的就是网格结构，本质就是利用了表格的均匀分布特性，父元素利用“.row”类，子元素设置“col-xs-*”类，其中为了匹配不同的终端（主要是屏幕分辨率大小），还有“col-xs_...]]></description><category></category></item><item><title><![CDATA[转行前端自学学习记录——DOM API中操作子元素节点的属性]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79440098</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79440098</guid><author>ludios</author><pubDate>Sun, 04 Mar 2018 22:00:12 +0800</pubDate><description><![CDATA[DOM遍历元素节点子元素节点的方法一般是childNode，但是不同的浏览器对待节点树中的空格处理方式不一，比如Chrome就会将空节点（创建HTML时输入的空格或者回车）就会当做一个子节点。为了得到纯粹的元素节点，DOM又定义了专门针对元素子节点属性：childElementCount:返回子元素节点的长度（只包含元素节点）firstElementChild:返回第一个子元素节点lastElem...]]></description><category></category></item><item><title><![CDATA[转行前端自学学习记录——JS闭包]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79391336</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79391336</guid><author>ludios</author><pubDate>Tue, 27 Feb 2018 18:01:53 +0800</pubDate><description><![CDATA[最近在看《JS高级程序设计》，也就是红宝书。从第六章开始，就开始有点吃力了，毕竟是JS里面最有特点也最难的部分了，原型继承，紧接着就是闭包封装了。通过MDN的铺垫，以及死啃了好几天，勉强能理解了，至于能不能用还不知道。对于闭包，一开始也是一头雾水，今天通过看转载在w3c中文网里面的阮一峰js闭包学习笔记，才慢慢有点理解了。闭包，通俗得讲，就是嵌套在一个函数里面的一个函数。目前我最常见到的都是用匿名...]]></description><category></category></item><item><title><![CDATA[转行前端自我学习记录——正则表达式提取字符串中的所有非标点非空白字符]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79255258</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79255258</guid><author>ludios</author><pubDate>Sun, 04 Feb 2018 22:08:52 +0800</pubDate><description><![CDATA[正则表达式在字符串处理中用处极大，配合replace（）跟match（）两个方法可以替换或者提取目标字符串。对于提取字符或者数字或者空白字符，可以用方括号[abc]提取方括号内的特定字符。\s可匹配空白字符（空格或回车），\S匹配非空白字符（注意S大写）。\d匹配数字字符。但在实际应用过程中，有时会要去掉字符串中的所有的标点以及空白字符，但是正则表达并没有直接的匹配定义，于是我想到一个办法，就是提]]></description><category></category></item><item><title><![CDATA[转行前端自我学习记录——freecodecamp项目实践小结]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79222698</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79222698</guid><author>ludios</author><pubDate>Wed, 31 Jan 2018 23:03:57 +0800</pubDate><description><![CDATA[这周花了大部分时间来做freecodecamp（fcc）里面的两个项目，都是比较初级的，主要是静态页面设计，做完发现一个真理：书到用时方恨少，零散的知识点想要串起来，需要大量的实践及经验，就如同武侠小说里的武林秘籍，零散的招式学会了，依然成不了天下第一，只有融汇贯通，达到无招方是境界。做完两个页面，得到几点之前没怎么掌握的知识点：
1、字体粗细的属性font-size，可以用具体数字表示属性值，]]></description><category></category></item><item><title><![CDATA[转行前端自我学习记录——《DOM编程艺术》小结]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79146905</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79146905</guid><author>ludios</author><pubDate>Wed, 24 Jan 2018 11:10:00 +0800</pubDate><description><![CDATA[《DOM》一刷小结


1、JS基本数据类型：string number Boolean null undefined。内建对象：Date Math Array。宿主对象：凡是DOM与BOM对象都是宿主对象以及自定义对象（objName=new Object()）；
2、所有对象都有基本的属性与方法，可通过具体的对象调用或赋值，对象的属性是专属的，只与对象挂钩，如第十章中的element.]]></description><category></category></item><item><title><![CDATA[转行前端自我学习养成记之js学习记录篇——表单杂记]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79142701</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79142701</guid><author>ludios</author><pubDate>Tue, 23 Jan 2018 18:00:53 +0800</pubDate><description><![CDATA[HTML表单输入类型——submit
不求甚解的学习总是会带来很多坑，今天在回顾之前写过的一些HTML文件，看到一个猜数字的游戏，就是系统随机生成1~100的随机整数，然后输入数字比对是否相同，相同则结束，不同则继续，这里就用到了表单类型里的type='number'跟type='button'。


enter a number:

    
    




butto]]></description><category></category></item><item><title><![CDATA[转行前端自我学习养成记之js学习记录篇——《DOM编程艺术》学习记录三]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79131537</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79131537</guid><author>ludios</author><pubDate>Mon, 22 Jan 2018 18:04:02 +0800</pubDate><description><![CDATA[异步加载Ajax边看边写，边写边改，边改边总结，终于到这本书的最后一章了，书中给的标题是——综合示例。这一章将前面所有章节学过的知识进行汇总练习，通过设计一个完整网页来实践。由于之前章节的练习都动手码过，所以一开始并不是很难，最难得要数Ajax这部分了书中在第7章简单的提了下Ajax的概念，配合一个简单的例子。简单来说就是不用重复加载页面就能显示新页面的内容（新页面跟调用页面的文件需在同一个文件夹...]]></description><category></category></item><item><title><![CDATA[转行前端自我学习养成记之js学习记录篇——杂记]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79077330</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79077330</guid><author>ludios</author><pubDate>Tue, 16 Jan 2018 22:39:09 +0800</pubDate><description><![CDATA[水平导航栏居中方法



尝试了4中将水平导航栏居中的方法，每种各种特点


第一种：display：inline；


将ul列表里的子元素设置成行内元素，再利用text-align：center就可以将导航栏居中了，图例的nav标签元素不是必须的
html元素设计如下：




css样式表如下：




我在导航栏前面加了一张图片。模拟页面页头的轮播]]></description><category></category></item><item><title><![CDATA[转行前端自我学习养成记之js学习记录篇——杂记“字符串”方法]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79066167</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79066167</guid><author>ludios</author><pubDate>Mon, 15 Jan 2018 16:38:44 +0800</pubDate><description><![CDATA[字符串方法之indexOf（）


对于indexOf（）这个字符串方法，最开始接触的时候，觉得还是很简单的，在w3school简单用过之后就觉得基本掌握了，最近在做一道练习题的时候，发现了它的功能远不止我理解的那些。


indexOf（str，index）这应该是它完整的表达式，最开始接触的时候，由于网上没列出，所以我也就不知道还有“index”这个参数。index指代从字符串的某]]></description><category></category></item><item><title><![CDATA[转行前端自我学习养成记之js学习记录篇——<DOM编程艺术>学习记录（二）]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79048716</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79048716</guid><author>ludios</author><pubDate>Fri, 12 Jan 2018 22:44:57 +0800</pubDate><description><![CDATA[计时方法之——setTimeout(obj.,interval)


说到定时计时的方法，属于浏览器对象模型（BOM）里的方法。有两个：setTimeout与setInterval，而我在学习里，着实被setTimeout坑了一把。


setTimeout是在一定时间间隔“interval”执行一段代码或者是函数，一般是函数，于是就有两种表达方式setTimeout（function]]></description><category></category></item><item><title><![CDATA[转行前端自我学习养成记——js学习记录篇]]></title><link>https://blog.youkuaiyun.com/ludios/article/details/79040600</link><guid>https://blog.youkuaiyun.com/ludios/article/details/79040600</guid><author>ludios</author><pubDate>Fri, 12 Jan 2018 09:45:31 +0800</pubDate><description><![CDATA[（一）学习记录


某一天在腾讯课堂听了一位大牛的公开课，忽然发觉自己的学习方式有点低效，于是根据他的建议，开始改变，主要有下面两点：


（1）定期写技术博客，将学到的遇到的写出来，以此加深理解，说不定还能帮到需要帮助的人；“看懂是别人的，能讲出来让别人听懂才是自己的！”


（2）每年去面试一两次（或更多，因人而异），了解日新月异的技术，了解市场需求，没有比去面试几把更有效率]]></description><category></category></item></channel></rss>