前端系统学习笔记 - 随笔分类(第3页) - 阿江是个程序猿

CSS——溢出文字隐藏

摘要：溢出的文字隐藏 word-break:自动换行 normal 使用浏览器默认的换行规则。 break-all 允许在单词内换行。 keep-all 只能在半角空格或连字符处换行。主要处理英文单词 white-space white-space设置或检索对象内文本显示方式。通常我们使用于强制一行显示阅读全文

posted @ 2019-10-16 18:49 阿江是个程序猿阅读(3410) 评论(0) 推荐(0)

CSS——元素的显示与隐藏

摘要：元素的显示与隐藏在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是 display visibility 和 overflow。他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。最常见的是网站广告，当我们点击类似关闭不见了，但是我们重新刷新页面，它们又会出现和你玩阅读全文

posted @ 2019-10-16 18:48 阿江是个程序猿阅读(388) 评论(0) 推荐(0)

JS对象

摘要：对象为什么要有对象 function printPerson(name, age, sex....) { } // 函数的参数如果特别多的话，可以使用对象简化 function printPerson(person) { console.log(person.name); …… } 什么是对象现阅读全文

posted @ 2019-10-16 18:45 阿江是个程序猿阅读(566) 评论(0) 推荐(0)

JS预解析与变量提升

摘要：预解析 JavaScript代码的执行是由浏览器中的JavaScript解析器来执行的。JavaScript解析器执行JavaScript代码的时候，分为两个过程：预解析过程和代码执行过程预解析过程：把变量的声明提升到当前作用域的最前面，只会提升声明，不会提升赋值。把函数的声明提升到当前作用域阅读全文

posted @ 2019-10-15 08:16 阿江是个程序猿阅读(639) 评论(0) 推荐(0)

JS作用域

摘要：作用域作用域：变量可以起作用的范围全局变量和局部变量全局变量在任何地方都可以访问到的变量就是全局变量，对应全局作用域局部变量只在固定的代码片段内可访问到的变量，最常见的例如函数内部。对应局部作用域(函数作用域) 全局变量在任何地方都可以访问到的变量就是全局变量，对应全局作用域局部变量阅读全文

posted @ 2019-10-15 08:15 阿江是个程序猿阅读(253) 评论(0) 推荐(0)

JS函数

摘要：函数为什么要有函数如果要在多个地方求1-100之间所有数的和，应该怎么做？什么是函数把一段相对独立的具有特定功能的代码块封装起来，形成一个独立实体，就是函数，起个名字（函数名），在后续开发中可以反复调用函数的作用就是封装一段代码，将来可以重复使用函数的定义函数声明 function 函阅读全文

posted @ 2019-10-15 08:13 阿江是个程序猿阅读(254) 评论(0) 推荐(0)

CSS定位(position)

摘要：定位(position) 定位有两个含义。 1 Positioned Layout Modulue 提供元素定位与层叠的相关功能，是CSS定位布局的一个核心模块。 2 CSS定位属性知识点 1）document-tree 2）normal-flow 普通流：自然顺序，从上至下，从左至右。 3）co 阅读全文

posted @ 2019-10-15 08:08 阿江是个程序猿阅读(465) 评论(0) 推荐(0)

JS数组

摘要：为什么要学习数组之前学习的数据类型，只能存储一个值(比如：Number/String。我们想存储班级中所有学生的姓名，此时该如何存储？数组的概念所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。数组的定义数组是一个有序的列表，可以在数组中阅读全文

posted @ 2019-10-14 16:26 阿江是个程序猿阅读(189) 评论(0) 推荐(0)

JS分支结构与循环结构

摘要：1.分支结构 ①if语句语法结构 if (/* 条件表达式 */) { // 执行语句 } if (/* 条件表达式 */){ // 成立执行语句 } else { // 否则执行语句 } if (/* 条件1 */){ // 成立执行语句 } else if (/* 条件2 */){ / 阅读全文

posted @ 2019-10-14 16:24 阿江是个程序猿阅读(549) 评论(0) 推荐(0)

CSS案例2（一个简单的新闻网页）

摘要：知识点： 1.一般网页不用纯黑，用淡灰色 3c3c3c 2.text-align: center; /* 文字水平居中 */ 3.font-weight: normal; /* 清除加粗效果 */ font-style: normal; /* 清除倾斜效果 */ 4.伪类选择器 ××：hover 鼠阅读全文

posted @ 2019-10-14 16:14 阿江是个程序猿阅读(1563) 评论(0) 推荐(0)

CSS浮动

摘要：浮动(float) 1.普通流(normal flow) 这个单词很多人翻译为文档流，字面翻译普通流或者标准流都可以。前面我们说过，网页布局的核心，就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置？ CSS的定位机制有3种：普通流（标准流）、浮动和定位。 html语言当中另外一个相阅读全文

posted @ 2019-10-14 16:00 阿江是个程序猿阅读(289) 评论(0) 推荐(1)

CSS盒模型及应用

摘要：其实，CSS就三个大模块：盒子模型、浮动、定位，其余的都是细节。这三部分，无论如何也要学的非常精通。所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。阅读全文

posted @ 2019-10-13 07:18 阿江是个程序猿阅读(770) 评论(0) 推荐(0)

JS流程控制语句

摘要：表达式和语句表达式一个表达式可以产生一个值，有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。语句语句可以理解为一个行为，循环语句和判断语句就是典型的语句。一个程序有很多个语句组成，一般情况下;分割一个一个的语句流程控制程序的三种基本结构顺序结构从上到下执行的代阅读全文

posted @ 2019-10-13 07:00 阿江是个程序猿阅读(212) 评论(0) 推荐(0)

JS操作符

摘要：表达式操作符运算符 operator 5 + 6 表达式：组成操作数和操作符，会有一个结果 1 算术运算符 2 一元运算符一元运算符：只有一个操作数的运算符二元运算符：5 + 6 两个操作数的运算符 ++ 自身加1 -- 自身减1 前置++ var num1 = 5; ++ num1; 阅读全文

posted @ 2019-10-13 06:58 阿江是个程序猿阅读(212) 评论(0) 推荐(0)

JS数据类型

摘要：简单数据类型（基本数据类型） Number、String、Boolean、Undefined、Null Number类型数值字面量：数值的固定值的表示法 110 1024 60.5 进制十进制 var num = 9; 进行算数计算时，八进制和十六进制表示的数值最终都将被转换成十进制数值。十六阅读全文

posted @ 2019-10-12 08:10 阿江是个程序猿阅读(227) 评论(0) 推荐(0)

JS基础语法与JS变量

摘要：1 JS的注释和分号 2 Javascript预备知识 Javascript的标识符 3 什么是变量什么是变量变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据为什么要使用变量使用变量可以方便的获取或者修改内存中的数据 4 如何使用变量（变量的声明和赋值） var声明阅读全文

posted @ 2019-10-12 08:05 阿江是个程序猿阅读(253) 评论(0) 推荐(0)

CSS案例1（导航栏）

摘要：文本的装饰 text-decoration 通常我们用于给链接修改装饰效果使用技巧：在一行内的盒子内，我们设定行高等于盒子的高度，就可以使文字垂直居中。阅读全文

posted @ 2019-10-12 07:55 阿江是个程序猿阅读(427) 评论(0) 推荐(0)

CSS三大特性

摘要：层叠继承优先级是我们学习CSS 必须掌握的三个特性。 CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，阅读全文

posted @ 2019-10-12 07:52 阿江是个程序猿阅读(1269) 评论(0) 推荐(0)

CSS——背景，渐变和列表

摘要：CSS背景 CSS 可以添加背景颜色和背景图片，以及进行图片设置。 1 background-color 背景颜色语法:background-color:颜色值|transparent；补充：颜色值：颜色名|rgb|十六进制颜色值 transparent：全透明背景区包括：内容，内边距，边框阅读全文

posted @ 2019-10-12 07:49 阿江是个程序猿阅读(505) 评论(0) 推荐(0)

JavaScript简介

摘要：00 网页、网站和应用程序网页：单独的一个页面网站：一些列相关的页面组成到一起应用程序：可以和用户产生交互，并实现某种功能。 01 演示JavaScript的强大 http://impress.github.io/impress.js/ http://naotu.baidu.com/ http 阅读全文

posted @ 2019-10-11 06:22 阿江是个程序猿阅读(521) 评论(0) 推荐(0)

放弃不难，但坚持一定很酷

随笔分类 - 前端系统学习笔记

公告