前端基础
关注
分享
扫一扫
文章平均质量分 77
simon_dg
喜欢追剧，追番，想要抓住今夜的尾巴，尽情码代码的，就是我
展开
-
前端基础知识——HTML（一）
简单来讲web前端可以分为三层： 结构层 HTML 从语义的角度，描述页面结构 样式层 CSS 从审美的角度，美化页面 行为层 Javascript 从交互的角度，提升用户体验在HTML中所有的内容都是节点，下面是W3C（出web规范的组织机构）给出的HTML DOM节点树： 在sublime中输入！或者html:5，再tab会得到原创 2017-08-28 18:48:08 · 527 阅读 · 0 评论 -
JS——数组中push对象，覆盖问题
今天写运动框架时，发现将对象push进数组，后面的值会覆盖前面的值，最后输出的都是最后一次的值。其实这一切都是引用数据类型惹的祸。 如果你也有类似问题，可以继续看下去哦。 下面代码模拟： 将json对象的每个键值对，单独搞成对象，再赋值给数组，最后输出数组。结果数组应该是有三个对象。（for-in用于对象遍历）var json = { top: '400px', wid原创 2017-10-04 22:49:30 · 9338 阅读 · 0 评论 -
初始CSS
前几篇介绍的HTML只是比较常用的一部分。其他的还需自行了解。 sublime里面的emmet语法快捷键，百度云地址：http://pan.baidu.com/s/1eR1Frk2 密码：fdnp emmet语法加快了代码的书写。比如在sublime里面输入： .box1>a[#]{$}*4 会得到 <div class="box1"> <a href="#">1</a>原创 2017-08-31 23:28:50 · 439 阅读 · 0 评论 -
JS（原型链）
在聊原型链之前多对吹几句，为啥需要对象？对象的好处？在传统的开发中（也叫面向过程）。顾名思义，面向过程是你要写所有的操作代码，在这个过程中，代码重复，一旦出错或者用户修改要求，要修改的代码就很多，后期维护人员绝对累死。 在生活中，面向过程就是，你要去买东西，你要自己亲自去买，而面向对象，就是你在家里，叫别人去买。这里的“别人”就是对象。你只知道这个对象可以给你买来东西，但买的过程，原创 2017-09-26 21:56:34 · 2998 阅读 · 1 评论 -
CSS（定位）
一、元素定位定位属性 position 定位方式，取值为static（默认值，标准文档流）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位） 偏移属性，与包含块之间的偏移 top、bottom、left、right，取原创 2017-09-09 16:20:45 · 318 阅读 · 0 评论 -
CSS（盒模型）
一、盒模型 一个盒子中主要的属性就5个：width、height、padding、border、margin。 width是“宽度”的意思，CSS中width指的是内容的宽度，而不是盒子的宽度。 height是“高度”的意思，CSS中height指的是内容的高度，而不是盒子的高度 padding是“内边距”的意思 border是“边框” margin是“外边距”，是与其他盒子之间的距离原创 2017-09-03 17:14:20 · 383 阅读 · 0 评论 -
CSS（基本格式化属性）
一、字体属性 font-family字体系列；font-family：”宋体”，Arial，sans-serif。对于要显示的文字，先采用宋体，若不成功，才采用Arial，依次类推 font-size字体大小 font-style字形，取值默认值为normal，italic或oblique，两个都为斜体 font-weight 字体粗细值，normal为默认值，bold、bolder（更粗）、原创 2017-09-08 22:38:16 · 4196 阅读 · 1 评论 -
CSS（浮动）
一、标准文档流web页面的制作，是个“流”，必须从上而下。 1.块级元素和行内元素 标签分为两种等级：（都是在标准流下） 1） 块级元素 ● 霸占一行，不能与其他任何元素并列 ● 能够设置宽、高 ● 如果不设置宽度，那么宽度将默认变为父亲的100%。 ● 如果不设置高度，会被孩子撑大。但是孩子浮动了，就不会撑开父亲的高度。如果父亲设置了宽高，孩子宽高（内容）大于父亲，会溢出父亲。原创 2017-09-05 15:00:13 · 626 阅读 · 1 评论 -
JS中的全局变量和局部变量，和声明提升
在解释全局变量和局部变量之前，先说一个js中的变量搜索顺序：找变量时，先找局部变量，如果没有局部变量；再找全局变量。如何查找全局变量最外层的函数和和最外层函数外面的变量都是全局变量。因为函数是可以嵌套的，所以找全局变量时，要找最外层函数；而且函数本身也是一个变量，特殊变量，其名字就是变量名。没有用 var声明的变量，为全局变量，即使位置在函数体内部。所有Window对象的属性也是全局变量。原创 2017-09-18 13:08:12 · 2936 阅读 · 0 评论 -
前端基础知识——HTML（三）
补：超链接的锚点 一个a标签有name或者id属性，那么它就是一个锚点。其他的a标签可以通过href=“#name/id”属性转向它。 页内锚点：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>权力的游戏</title></head><body> <h2><a name="firs原创 2017-08-30 21:33:57 · 479 阅读 · 0 评论 -
前端基础知识——HTML（二 ）
-HTML是负责描述文档语义的语言。 我们应该记住的是HTML的所有标签只是为了给文字增加语义的，比如我下面会介绍的标题标签是给文本增加主标题的语义，而不是给文字加粗、加黑、变大。 - HTML是英语HyperText Markup Language的缩写，超文本标记语言。 - .html就是网页的格式。 一句话总结：HTML唯一作用就是通过标签对，给文本增加语义。这是html唯一能原创 2017-08-29 08:31:27 · 408 阅读 · 0 评论 -
手写jsonp解决跨域问题原理
JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。想要访问其他域的东西利用script里面的SRC属性。SRC允许跨域访问。 eg：访问地址http://api.douban.com/v2/movie/in_theaters?count=3&callback=jsonp函数中随机产生的调用手写的jsonp函数： (function() { $jsonp(原创 2017-10-20 13:36:33 · 694 阅读 · 0 评论