- 博客(42)
- 收藏
- 关注
RSS订阅原创 学习笔记31:JS对象
JS对象1、对象1.1什么是对象在现实生活中，对象是一个具体的事物。在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串，数值，数组，函数等。属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中用方法来表示（常用动词）1.2为什么需要对象保存一个值时，可以使用变量，保存多个值（一组值）时，可以用数组。但是如...
2020-03-27 22:26:49
148
原创 学习笔记30:JS预解析
JS预解析1、预解析1.1背景 //直接输出num console.log(num); //报错 //先写输出语句后定义 console.log(num); var num = 10; //输出结果为undefined //定义函数调用 fun...
2020-03-26 19:52:22
124
原创 学习笔记29:JS作用域
JS作用域1、作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。注意⚠️：js只有全局作用域和局部作用域，块级作用域是在ES6中新能的。2、变量的作用域2.1全局变量 在全局作用域下的变量，在整个script标签中都有效果，只有浏览器关闭时...
2020-03-26 19:51:45
71
原创 学习笔记28:JS函数
JS函数1、函数的概念 函数就是封装了一段可以被重复调用执行的代码块，通过此代码块可以实现大量代码的复用。2、函数的使用2.1声明函数function sayHi(){ console.log('Hi ~~');}2.2调用函数sayHi();2.3⚠️注意 函数不调用，自己不执行 函数调用时即使没有变量也要加小括号3、函数的参数3.1形参 在声明函数的...
2020-03-25 20:16:15
97
原创 计算机网络发展的7个阶段
计算机网络发展的7个阶段20世纪50年代：批处理时代 批处理（Batch Processing）是指事先将用户程序和数据装入卡带或磁带，并由计算机按照一定的顺序读取，使用户所要执行的这些数据能够一并批量得到处理的方式。 缺点：价格昂贵体积巨大，无法在一般的办公场所中使用。操作复杂，使用门槛高。有时程序处理时间长，不便个人使用。20世界60年代：分时系统时代 TSS（Time Sha...
2020-03-24 11:27:01
1832
原创 学习笔记23:css3动画
定义 /* 定义动画 */ @keyframes move1 { /* 开始状态 */ 0% { transform: translateX(0px); } /* 结束状态 */ 100% { ...
2020-03-20 09:59:00
82
原创 nth-child和nth-of-type的区别
nth-child会把所有的盒子都排序，执行的时候先执行nth-child，再看前面的元素假如有如下代码HTML：<section> <p></p> <div></div> <div></div></section>CSS：section div:nth-child(1) { ba...
2020-03-19 20:07:56
121
原创 学习笔记19:CSS光标改变(cursor)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...
2020-03-19 16:22:53
228
原创 学习笔记18:CSS定位（静态定位、相对定位、绝对定位、固定定位）
1、定位组成2、定位模式3、边偏移4、静态定位静态定位是元素的默认定位方式，也就是无定位，没有边偏移5、相对定位相对定位是指盒子在移动位置时，是相对于他原来的位置而定的position： relative；⚠️：原来的位置依然保留，其他盒子不能占用！！！6、绝对定位绝对定位在移动位置时，是相对于他的上级元素来决定的position： absolute；⚠️：会依...
2020-03-19 11:08:54
275
原创 学习笔记18:CSS清除浮动
清除浮动的方法1、额外标签法（隔墙法）：在浮动元素末尾添加一个空的标签，例如<div style="clear: both"></div>优点：通俗易懂，书写方便缺点：添加许多无意义的标签，结构化较差⚠️：新添加的标签必须为块级元素2、父级添加overflow属性给父元素添加样式overflow: hidden;优点：代码简洁缺点：无法显示溢出的部...
2020-03-18 11:42:11
158
原创 学习笔记17：盒子阴影、文字阴影
CSS盒子阴影box-shadow: h-shadow v-shadow blur spread cloro inset;
2020-03-18 09:07:38
113
原创 CSS三大特性
1、层叠性相同选择器设置相同的样式，此时一个样式就会覆盖另一个冲突的样式。层叠性主要解决样式冲突的问题层叠性原则：就近原则2、继承性CSS中，子标签会继承父标签的某些样式，如文本颜色，字体打下恰当的使用继承可以简化代码，降低CSS样式的复杂性注意并不是所有的样式都可以继承，主要是文本样式和颜色行高的继承性：body { font: 12px/1.5;}这里的1.5指的是当前...
2020-03-17 15:26:58
110
原创 学习笔记16:CSS的元素显示模式（块元素、行内元素、行内块元素、元素显示模式的转换）
1、块元素常见的块元素有：<h1> ~ <h6> <p> <div> <ul> <ol> <li>等，其中<div>是经典的块元素块元素的特点：1、自己独占一行2、宽度，高度，外边距，内边距都可以设置3、宽度默认跟随父一级宽度的100%4、是一个容器及盒子，里面可以放行内元素或者块元...
2020-03-17 10:59:16
379
原创 学习笔记15:css复合选择器
/* 后代选择器 *//* 元素一 元素二 {样式声明} *//* eg：把ol中的li选出来，颜色改为blue */ol li {color: blue;}/* eg：nav类中的ul中的a，颜色改为yellow */.nav ul a {color: yellow;}/* 子选择器 // 子选择器只能选择作为某元素最近一级子元素 // 元素一>元素二 {样式声明}...
2020-03-17 10:27:09
92
原创 Emmet语法
emmet语法已经集成在vs code中，基本输入方式都是以tab键结束快速生成HTML语法结构0、直接 ！+ TAB 生成HTML基本结构1、生成标签可以直接输入标签名按tab键即可2、如果要生成多个标签，加上*n就可以了，比如div*33、如果有父子级关系的标签，可以用>表示，如ul>li4、如果有兄弟级关系的标签，可以用+表示，如div+p5、如果生成带有类名或...
2020-03-17 09:41:32
225
原创 学习笔记14:CSS字体（font）样式与文本（text）样式
字体（font）样式h2 { font-family: ”Microsoft Yahei“; /* font-family用于设置字体系列; */ /* 各种字体之间必须使用英文状态下的逗号隔开 */ /* 尽量使用系统自带字体，保证兼容性 */}h2 { font-size: 30px; /* 谷歌浏览器默认的文字大小为16px */ ...
2020-03-16 22:03:31
285
原创 学习笔记13:id与clas的区别 （id选择器和类选择器）
d选择器和class选择器的区别1、类选择器（class）好比人的名字，一个人可以有多个名字，同一个名字也可以多个人使用2、id选择器好比人的身份证号码，是唯一的，只能调用一次，不得重复3、id选择器和类选择器最大的不同在于使用次数上4、类选择器在开发中使用的最多，id选择器一般用于页面上唯一性的元素，经常和js搭配使用<!DOCTYPE html><html lan...
2020-03-16 11:12:08
465
原创 CSS使图片居中显示
直接利用css居中 .css_center { width: 90px; height: 160px; border: 1px dashed #333; display: table-cell; vertical-align: middle; ...
2020-03-16 10:23:20
416
转载 CSS类名命名规则
CSS样式命名网页公共命名#wrapper 页面外围控制整体布局宽度#container或#content 容器,用于最外层#layout 布局#head, #header 页头部分#foot, #footer 页脚部分#nav 主导航#subnav 二级导航#menu 菜单#submenu 子菜单#sideBar 侧栏#sidebar_a, #sidebar_b 左边栏或...
2020-03-16 10:10:10
307
原创 学习笔记12:html表单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>html_表单<...
2020-03-16 09:40:02
131
原创 学习笔记11:html列表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>html_列表<...
2020-03-15 22:39:28
124
原创 学习笔记10:html表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>html_表单<...
2020-03-15 22:20:52
96
原创 学习笔记9:html中空格、大于号、小于号
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>特殊字符</ti...
2020-03-15 21:44:15
431
原创 学习笔记8:HTML常用标签（span和div的区别、锚点链接的用法）
<!DOCTYPE html> <!-- 文档类型声明标签，告诉浏览器这个页面采取HTML5版本来显示--><html lang="en"> <!--语言种类声明 en定义语言为英文，zh-Cn为中文--><head> <meta charset="UTF-8"> <!--编码方式，还有GB2312(简体中...
2020-03-15 19:59:24
333
原创 学习笔记7:C语言：布尔类型、条件运算符 ? :、数组之表驱动法
布尔类型布尔类型对象可以被赋予文字值true或者false，所对应的关系就是真与假的概念。布尔类型只有两个值，false 和 true。通常用来判断条件是否成立。在C89 (ANSI C）标准中没有定义与布尔类型相关的内容。但在C99标准中新定义了一个新的关键字_Bool ，以及新增了一个头文件 <stdbool.h>规范了布尔类型的操作，方便程序员进行调用！打开<stdb...
2020-03-12 11:58:00
405
1
原创 学习笔记6:前端、后端（B/S）学习路线
简介B/SB/S（Browser/Server，浏览器/服务器）不同于C/S模式。用户不需要安装客户端，只需要通过浏览器就能实现各种数据的交互。此种模式由于浏览器的刷新机制，页面动态更新机制，服务器数据负荷，响应速度等问题，B/S的稳定性明显不如C/S架构，但随着技术的发展，B/S所面临的问题将会逐渐改善。前端（Front-end）2、软件准备vscodeGoogle ChromeN...
2020-03-11 11:25:49
777
转载 学习笔记4:ubuntu常用命令
cd //打开路径cd.. //回到上一级目录cd ～ //回到主目录ls //列表touch demo.c //创建一个“demo.c”文件mkdir project //创建一个“project”文件夹vi . //进入当前目录删除文件pwd //显示当前路径ifconfig //查看本机IP地址mv 文件名 /PATH //移动文件到某一目...
2020-03-10 11:45:18
273
原创 学习笔记3（补充）：ubuntu root权限、ssh相关命令
SSH与SSHD的区别SSH是英文secure shell的简称，通过SSH机制可以实现在两台Linux主机之间建立可靠的shell连接。SSH运行在客户端，SSHD运行在服务端，服务端通过SSHD开启shell窗口，完成连接。并且可以通过修改SSHD的配置文件来实现黑白名单，登陆画面等功能。Ubuntu root权限获取（已知密码）修改密码输入命令，按照提示修改sudo passwd...
2020-03-10 10:31:20
224
原创 学习笔记3:Ubuntu mac ssh连接
Ubuntu安装虚拟机VMware Fusioniso文件下载进入Ubuntu官网download下载，server为无图形界面，desktop为有图形界面。安装下载完成后将iso文件拖拽至VM虚拟机。按照提示与步骤安装即可主题安装步骤可参见https://blog.csdn.net/tjsxin/article/details/93199595安装中注意网络配置，镜像源选择，...
2020-03-09 22:47:11
252
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人