
前端学习
一_嚿_饭团
足肤皲裂而不知
展开
-
前端学习(一)CSS基础
CSS原创 2017-07-06 12:46:38 · 235 阅读 · 0 评论 -
前端学习(十七)HTML的空格
HTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器。其他几种空格( )在不同浏览器中宽度各异。1. 它叫不换行空格,全称No-Break Space,它是最常见和我们使用最多的空格,大多数的人可能只接触了 ,它是按下space键产生的空格。在HTML中,如果你用空格键转载 2017-09-26 23:37:46 · 455 阅读 · 0 评论 -
前端学习(十六)元素的高度宽度决定
设置页面元素的宽高,通常会设置width和height。 其实页面元素的宽高是由,外边距+宽高尺寸+内边距+边框 决定的 也就是说,默认情况下,外边距,内边距,边框大小(margin,padding,border)会影响元素的宽高,或者说,外边距,内边距,边框可以撑开元素。 css有box-sizing属性,设置影响宽高的属性 1.box-sizing: content-box;宽原创 2017-09-21 19:44:28 · 521 阅读 · 0 评论 -
前端学习(十四)CSS 圆角边框代码
.content{ border: 2px solid #000000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; }<div class="content">该边框为圆角;</div>圆角代码也支持拆分的(四个边框都圆角10px的拆分c转载 2017-08-24 14:28:49 · 3915 阅读 · 0 评论 -
前端学习(十三)CSS margin的使用
margin是设置对象外边距外延边距离。 margin的值有三种情况, 可以为正整数和负整数并加单位如PX像素(margin-left:20px); 可以为auto自动属性(margin-left:auto 自动); 可以为百分比(%)值(margin-left:3%)。单独设置四边间距属性单词: margin-left 对象左边外延边距 (margin-left:5px; 左边外延距离5原创 2017-08-23 10:45:15 · 357 阅读 · 0 评论 -
前端学习(十)封装
JavaScript是基于对象(object-based)的语言,遇到的所有东西几乎都是对象,但语法中没有class(类)。 怎么把”属性”(property)和”方法”(method),封装成一个对象?一、 生成实例对象的原始模式 var Pig = { name : '', color : '' } //原型对象根据这个原型对象的规格(schema),生成实例对象。var翻译 2017-08-18 10:28:28 · 210 阅读 · 0 评论 -
前端学习(十五)call 和 apply 的区别
call方法: 语法:call(thisObj,Object..) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。apply方法: 语法:a转载 2017-08-25 15:53:07 · 528 阅读 · 0 评论 -
前端学习(十一)构造函数的继承
构造函数间的继承,如:function Animal(){ this.atr = "动物";}function Pig(color, name){ this.color = color; this.name = name;}//想让Pig构造器继承Animal构造器一、 构造函数绑定 第一种方法也是最简单的方法,使用call或apply方法,将父对象的构造函数绑定在子对象上,即转载 2017-08-25 15:40:54 · 319 阅读 · 0 评论 -
前端学习(七)HTTP源码解读之基础知识
什么是作用域? 作用域和函数访问变量的能力有关 局部作用域: 全局作用域:什么是上下文? 和this这个关键字有关,当前可执行代码的引用。 this指向函数拥有者,全局上下文对象global(浏览器中的window)。 call:改变执行上下文,参数列表 apply:参数数组原创 2017-07-22 20:58:15 · 220 阅读 · 0 评论 -
前端学习(九)关于this关键字的理解
JavaScript的关键字 this,函数运行时,自动生成的一个内部对象,只能在函数内部使用。总的原则:this指的是,调用函数的那个对象。函数的几种情况和对应的this值: 一. 全局的函数调用 此时this代表全局对象 function test(){ alert(this); return this; }原创 2017-08-14 16:06:42 · 537 阅读 · 0 评论 -
前端学习(八)javascript is object based
procedural(面向过程的)、generic(泛型的)、object-based(基于对象的)、objectoriented(面向对象的)javascript is object basedIn computer science, the term object-based has two different senses:A somehow limited version of object原创 2017-08-14 11:22:39 · 281 阅读 · 0 评论 -
前端学习(六)回调,异步,非阻塞,事件驱动等知识
什么是回调? 异步编程最基本的方法什么是同步/异步?什么是I/O? 硬盘的写入写出什么是单/多线程?什么是阻塞/非阻塞?什么是事件?什么是事件驱动?什么是基于事件驱动的回调?什么是事件循环?HTTP模块: 只处理流相关操作和信息解析(请求头和请求体)原创 2017-07-22 15:57:47 · 790 阅读 · 0 评论 -
前端学习(五)http知识回顾
Ip:明确特征的32位地址,也是每一个联网设备的唯一标识。(IPV4 <=> IPV6 128位) 书写方式为点分十进制:101010…..010101 => 80D00298(16进制) => 128.208.2.152(十进制) 网络部分:可分配的ip部分,如128.208.0.0/24,即有24位可作为网络部分分配,子网掩码,就是用于表示Ip地址的网络部分,如255.25原创 2017-07-22 13:05:26 · 250 阅读 · 0 评论 -
前端学习(四)node核心模块querystring
querystring可处理键值对的对象和字符串querystring{ unescapeBuffer: [Function: unescapeBuffer], unescape: [Function: qsUnescape], escape: [Function: qsEscape], stringify: [Function: stringify], encode: [Func原创 2017-07-15 17:30:46 · 265 阅读 · 0 评论 -
前端学习(四)node核心模块url
URI偏重标识:字符串格式定义 URL偏重定位:说明通过哪种协议访问资源 URL是URI的一种,URL可用数字,英文和某些符号,其他文字要先编码再使用核心模块URL:nodeurl //查看url模块暴露的api{ Url: [Function: Url], parse: [Function: urlParse], //解析url变为Url对象 resolve: [Functio原创 2017-07-15 14:43:20 · 329 阅读 · 0 评论 -
前端学习(三)node基础
开启/关闭node项目node democtrl + c模块化: 将js文件变为匿名函数,避免了引入大量js文件时产生的变量冲突。 因为,模块化使全局变量变为匿名函数中的局部变量module = {id = mock;exports = {}}function(module){ module.exports = load("模块名");}exports与model.exports原创 2017-07-15 11:25:21 · 229 阅读 · 0 评论 -
前端学习(二)mac安装nvm
打开https://github.com/creationix/nvm。在下面的简介中找到install这几个字,然后继续往下找,直到找到 需要复制它提示的两行代码(就是下图拿箭头标出来的两行代码)来配置环境变量: 终端输入:nvm出现nvm node manger表明安装成功nvm install //node 版本号安装node.js完成原创 2017-07-13 14:05:43 · 267 阅读 · 0 评论 -
前端学习(十二)height和line-height
height属性是决定元素高度的因素之一。line-height多用于让单行文字垂直居中。 其实line-height就是让文字居中的height:文字按照line-height设置的高度居中。 但是,在height和line-height同时存在的情况下: 高度以height为准,文字顶部离上边的距离以line-height中所计算的为准。line-height的使用:line-原创 2018-01-22 11:23:14 · 504 阅读 · 0 评论