ludios-CSDN博客

原创转行前端自我学习记录——BOM篇

BOM——browser object module，浏览器对象模型，最核心的对象为window对象。其有几点特点：1、任何定义在全局作用域中的变量、函数、方法均为window对象的属性或方法。如isNaN（），parseInt（），parseFloat（）,Number（），Boolean（） 2、未指定window为对象时，声明的变量不可删除，直接指定为window对象的属性，则可删除因为对象...

2018-04-07 21:14:34 233

原创转行前端自我学习记录——函数命名造成的堆栈溢出

函数命名有一些广泛认可的规则，一般函数首字母小写，驼峰命名，构造函数首字母大写，驼峰命名。不能用关键字与保留字。今天在进行BOM学习时，遇到了一个因为函数命名造成的堆栈溢出的bugwindow.open(URL,name,property)方法打开一个新的网页URL，可以显示在name命名的框架（frame）内，或者_top（最外层框架，一般是当前窗口）_blank（打开新窗口显示网页）_self...

2018-04-07 15:25:05 181

原创转行前端自学学习记录——表单脚本

1、表单对象form可以通过document对象属性form直接访问：document.form，访问得到的是HTMLFormCollection对象。表单对象拥有几点属性：（1）elements属性，访问表单里的所有控件元素（input select button【type=submit】textarea）（2）length属性，表示表单里控件的数量。（3）reset（）方法，重置表单。（4）s...

2018-03-25 22:31:56 164

原创转行前段自我学习记录——JS事件

1、事件即JS与HTML之间的交互动作。2、事件都是通过事件处理程序实现。事件处理程序有DOM0级与DOM2级，其中DOM0级一般形式是element.eventType=fucntion(){};DOM2级一般是通过element.addEventlistener（）方法实现。IE为eventAttach（）3、对于IE浏览器，DOM0级事件处理程序的作用域是元素本身，DOM2级事件处理程序的作...

2018-03-18 22:45:17 146

原创转行前段自我学习记录——DOM文档对象模型

1、DOM文档对象模型中，最基本的类型是Document与Element引用类型。document是HTMLDocument对象一个实例，HTMLDocument直接继承自Document。2、document继承了一些直接访问HTML元素的属性，其中document.body属性访问body元素，获得的元素引用是HTMLElement对象（其直接继承自Element对象），document.do...

2018-03-18 16:28:53 118

原创转行前端自我学习记录——响应式布局：bootstrap

响应式布局对于很多样式重复，页面元素有很多的情况下，有很大的优势，不用去一点点设置每个元素的样式，而通过统一的类选择器，就能很好的设计出布局美观的页面，还能附带一定的交互效果。bs主要是对于css层的设计，首先最基本最常用的就是网格结构，本质就是利用了表格的均匀分布特性，父元素利用“.row”类，子元素设置“col-xs-*”类，其中为了匹配不同的终端（主要是屏幕分辨率大小），还有“col-xs_...

2018-03-05 22:32:11 166

原创转行前端自学学习记录——DOM API中操作子元素节点的属性

DOM遍历元素节点子元素节点的方法一般是childNode，但是不同的浏览器对待节点树中的空格处理方式不一，比如Chrome就会将空节点（创建HTML时输入的空格或者回车）就会当做一个子节点。为了得到纯粹的元素节点，DOM又定义了专门针对元素子节点属性：childElementCount:返回子元素节点的长度（只包含元素节点）firstElementChild:返回第一个子元素节点lastElem...

2018-03-04 22:00:12 146

原创转行前端自学学习记录——JS闭包

最近在看《JS高级程序设计》，也就是红宝书。从第六章开始，就开始有点吃力了，毕竟是JS里面最有特点也最难的部分了，原型继承，紧接着就是闭包封装了。通过MDN的铺垫，以及死啃了好几天，勉强能理解了，至于能不能用还不知道。对于闭包，一开始也是一头雾水，今天通过看转载在w3c中文网里面的阮一峰js闭包学习笔记，才慢慢有点理解了。闭包，通俗得讲，就是嵌套在一个函数里面的一个函数。目前我最常见到的都是用匿名...

2018-02-27 18:01:53 472

原创转行前端自我学习记录——正则表达式提取字符串中的所有非标点非空白字符

正则表达式在字符串处理中用处极大，配合replace（）跟match（）两个方法可以替换或者提取目标字符串。对于提取字符或者数字或者空白字符，可以用方括号[abc]提取方括号内的特定字符。\s可匹配空白字符（空格或回车），\S匹配非空白字符（注意S大写）。\d匹配数字字符。但在实际应用过程中，有时会要去掉字符串中的所有的标点以及空白字符，但是正则表达并没有直接的匹配定义，于是我想到一个办法，就是提

2018-02-04 22:08:52 1017

原创转行前端自我学习记录——freecodecamp项目实践小结

这周花了大部分时间来做freecodecamp（fcc）里面的两个项目，都是比较初级的，主要是静态页面设计，做完发现一个真理：书到用时方恨少，零散的知识点想要串起来，需要大量的实践及经验，就如同武侠小说里的武林秘籍，零散的招式学会了，依然成不了天下第一，只有融汇贯通，达到无招方是境界。做完两个页面，得到几点之前没怎么掌握的知识点：1、字体粗细的属性font-size，可以用具体数字表示属性值，

2018-01-31 23:03:57 1305

原创转行前端自我学习记录——《DOM编程艺术》小结

《DOM》一刷小结1、JS基本数据类型：string number Boolean null undefined。内建对象：Date Math Array。宿主对象：凡是DOM与BOM对象都是宿主对象以及自定义对象（objName=new Object()）；2、所有对象都有基本的属性与方法，可通过具体的对象调用或赋值，对象的属性是专属的，只与对象挂钩，如第十章中的element.

2018-01-24 11:10:00 179

原创转行前端自我学习养成记之js学习记录篇——表单杂记

HTML表单输入类型——submit不求甚解的学习总是会带来很多坑，今天在回顾之前写过的一些HTML文件，看到一个猜数字的游戏，就是系统随机生成1~100的随机整数，然后输入数字比对是否相同，相同则结束，不同则继续，这里就用到了表单类型里的type='number'跟type='button'。enter a number: butto

2018-01-23 18:00:53 164

原创转行前端自我学习养成记之js学习记录篇——《DOM编程艺术》学习记录三

异步加载Ajax边看边写，边写边改，边改边总结，终于到这本书的最后一章了，书中给的标题是——综合示例。这一章将前面所有章节学过的知识进行汇总练习，通过设计一个完整网页来实践。由于之前章节的练习都动手码过，所以一开始并不是很难，最难得要数Ajax这部分了书中在第7章简单的提了下Ajax的概念，配合一个简单的例子。简单来说就是不用重复加载页面就能显示新页面的内容（新页面跟调用页面的文件需在同一个文件夹...

2018-01-22 18:04:02 214

原创转行前端自我学习养成记之js学习记录篇——杂记

水平导航栏居中方法尝试了4中将水平导航栏居中的方法，每种各种特点第一种：display：inline；将ul列表里的子元素设置成行内元素，再利用text-align：center就可以将导航栏居中了，图例的nav标签元素不是必须的html元素设计如下：css样式表如下：我在导航栏前面加了一张图片。模拟页面页头的轮播

2018-01-16 22:39:09 145

原创转行前端自我学习养成记之js学习记录篇——杂记“字符串”方法

字符串方法之indexOf（）对于indexOf（）这个字符串方法，最开始接触的时候，觉得还是很简单的，在w3school简单用过之后就觉得基本掌握了，最近在做一道练习题的时候，发现了它的功能远不止我理解的那些。indexOf（str，index）这应该是它完整的表达式，最开始接触的时候，由于网上没列出，所以我也就不知道还有“index”这个参数。index指代从字符串的某

2018-01-15 16:38:44 116

原创转行前端自我学习养成记之js学习记录篇——<DOM编程艺术>学习记录（二）

计时方法之——setTimeout(obj.,interval)说到定时计时的方法，属于浏览器对象模型（BOM）里的方法。有两个：setTimeout与setInterval，而我在学习里，着实被setTimeout坑了一把。setTimeout是在一定时间间隔“interval”执行一段代码或者是函数，一般是函数，于是就有两种表达方式setTimeout（function

2018-01-12 22:44:57 183

原创转行前端自我学习养成记——js学习记录篇

（一）学习记录某一天在腾讯课堂听了一位大牛的公开课，忽然发觉自己的学习方式有点低效，于是根据他的建议，开始改变，主要有下面两点：（1）定期写技术博客，将学到的遇到的写出来，以此加深理解，说不定还能帮到需要帮助的人；“看懂是别人的，能讲出来让别人听懂才是自己的！”（2）每年去面试一两次（或更多，因人而异），了解日新月异的技术，了解市场需求，没有比去面试几把更有效率

2018-01-12 09:45:31 278

ludios的博客