🙂循环 一行打印★★★★★ 12345var str = '';for (var i = 1;i<=5;i++) { str = str + '★'; //追加字符串} console.log(str); 倒序打印★ 第一行9个，第九行1个 12345678var str = '';for (var i=1;i<10; i++) { // 控制行数 for (var j=i;j<10;j++) { // 控制每一行★个数 str = str + '★'; } str = str + '\n'; // 每行结尾换行} console.log(str); 正序打印★ 第一行1个，第九行9个 12345678var str = '';for (var i=1;i<10;i++) { for (var j ...

JavaScript输入输出语句 为了方便信息的输入输出，JS中提供了一些输入输出语句，其常用的语句如下： 方法 说明 归属 alert(msg) 浏览器弹出警示框 浏览器 console.log(msg) 浏览器控制台打印输出信息 浏览器 prompt(info) 浏览器弹出输入框，用户可以输入 浏览器 注意：alert() 主要用来显示消息给用户，console.log() 用来给程序员自己看运行时的消息。 变量 什么是变量 白话：变量就是一个装东西的盒子。 通俗：变量是用于存放数据的容器。 我们通过 变量名 获取数据，甚至数据可以修改。 变量的使用 12345var age; // 声明一个 名称为age 的变量 age = 10; // 给 age 这个变量赋值为 10 var age = 18; // 声明变量同时赋值为 18// 声明一个变量并赋值， 我们称之为变量的初始化。var age = 10, name = 'zs', sex = 2; //同时声明多个变量 声明变量特殊情况 情况 说明 结 ...

函数是一块代码，接收零个或多个参数，做一件事情，并返回零个或一个值。 调用函数 函数名() ()起到了表示函数调用的作用，即使没有参数也需要()；如果有参数，则需要给出正确的数量和顺序，这些值会被按照顺序依次用来初始化函数中的参数。 123456789101112131415#include<stdio.h>void sum(int begain, int end){ int i = 0; int sum = 0; for (i=begain; i <= end; i++) { sum += i; } printf("%d到%d的和是%d", begain, end, sum);}int main(){ sum(1, 10); return 0;} 从函数中返回值 return停止函数的执行，并返回一个值。 12345678910111213141516171819#include<stdio.h>int max(int a, int b){ int ret = ...

整数 char：1字节（8比特） -128~127 short：2字节 -32768~32767 int：取决于编译器（CPU），通常意义是“1个字” long：取决于编译器（CPU），通常意义是“1个字” long long：8字节 整数的内部表达都是二进制 补码 补码的意义就是拿补码和原码可以加出一个溢出的“零” 0-1=-1 (1)00000000 - 00000001 --> 11111111 11111111被看作纯二进制看待时，是255，被当作补码看待时是-1 同理，-a的补码是0-a，实际上是 (n是这种类型的位数) 2n−a2^n-a 2n−a 8进制和16进制： 一个以0开始的数字字面量是8进制 一个以x开始的数字字面量是16进制 %0用于8进制，%x用于16进制 8进制和16进制只是如何把数字表达为字符串，与内部如何表达数字无关 浮点数 类型 字长 有效数字 scanf printf float 32 7 %f %f，%e double 64 15 %lf %f，%e 输出精度：在%和f之间加上.n可 ...

rem基础 rem (root em)是一个相对单位，类似于em，em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。 12345678/* 根html 为 12px */html { font-size: 12px;}/* 此时 div 的字体大小就是 24px */ div { font-size: 2rem;} rem的优势：父元素文字大小可能不一致， 但是整个页面只有一个html，可以很好来控制整个页面的元素大小。 媒体查询 什么是媒体查询 媒体查询（Media Query）是CSS3新语法。 使用 @media查询，可以针对不同的媒体类型定义不同的样式 @media 可以针对不同的屏幕尺寸设置不同的样式 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面 目前针对很多苹果手机、Android手机，平板等设备都用得到多媒体查询 媒体查询语法规范 ...

flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。 当我们为父盒子设为 flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效。 给父盒子添加flex属性，来控制子盒子的位置和排列方式 父项常见属性 flex-direction：设置主轴的方向 justify-content：设置主轴上的子元素排列方式 flex-wrap：设置子元素是否换行 align-content：设置侧轴上的子元素的排列方式（多行） align-items：设置侧轴上的子元素排列方式（单行） flex-flow：复合属性，相当于同时设置了 flex-direction 和 flex-wrap flex-direction 设置主轴方向，在flex布局中分为主轴和侧轴（x、y轴），默认主轴是x轴，水平向右。 1234flex-direction: row; /*主轴为x轴，从左到右*/flex-direction: row-reverse; /*，主轴为 ...

meta标签 为使网站在移动端有理想的阅读宽度，需添加meta标签。 meta标签的目的：使布局视口的宽度与理想视口的宽度一致，简单理解就是设备有多宽，我们布局的视口就多宽。 1<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"> width - viewport的宽度，width=device-width页面适应设备宽度 initial-scale - 初始的缩放比 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放，yes or no（1或0） 二倍图 物理像素&物理像素比 CSS 像素：又称为虚拟像素、设备独立像素或逻辑像素，也可以理解为直觉像素。CSS 像素是 Web 编程的概念，指的是 CSS 样式代码中 ...

7月7日回到家，8.26号返校，不知不觉已经在家呆14天了，还有一个月就大二了…… 正如李宗盛《给自己的歌》中写道：“等你发现时间是贼了，它早已偷光你的选择”。想到第一次去学校的场景，现在还历历在目，一年的时间已经溜走，大学已完成了1/4，大学中能做的选择也已被偷走了1/4。 沉湎于过去毫无意义，过去已经不属于我了，我拥有的只有现在。我的人生就取决于当下。 《被讨厌的勇气》里有这样一段： 我有一位年轻朋友，虽然梦想着成为小说家，但却总是写不出作品。他说是因为工作太忙、写小说的时间非常有限，所以才写不出来作品，也从未参加过任何比赛。但真是如此吗？实际上，他是想通过不去比赛这一方式来保留一种“如果做的话我也可以”的可能性，即不愿出去被人评价，更不愿去面对因作品拙劣而落选的现实。他只想活在“只要有时间我也可以、只要环境具备我也能写、自己有这种才能”之类的可能性中。或许再过5年或者10年，他又会开始使用“已经不再年轻”或者“也已经有了家庭”之类的借口。 阿德勒心理学不同于弗洛伊德的“原因论”，ta主张的是“目的论”。一件事的结果不是由原因决定的，而是由目的决定的。上面的案例，那位梦想成为小 ...

类似网站中的广告，点击关闭时消失，重新刷新页面再出现。 本质：让一个元素在页面中隐藏或者显示出来。 display display: none ；隐藏对象 display：block ；显示元素/转换为块元素 display 隐藏元素后，不再占有原来的位置。 visibility visibility：visible; 元素可视 visibility：hidden; 元素隐藏 visibility 隐藏元素后，仍占有原来的位置。 overflow overflow 属性指定在元素的内容太大而无法放入指定区域时是剪裁内容还是添加滚动条。 overflow 属性可设置以下值： visible - 默认。溢出没有被剪裁。内容在元素框外渲染 hidden - 溢出被剪裁，其余内容将不可见 scroll - 溢出被剪裁，同时添加滚动条以查看其余内容 auto - 与 scroll 类似，但仅在必要时添加滚动条 注释：overflow属性仅适用于具有指定高度的块元素。

定位 浮动可以让多个块级盒子一行没有缝隙排列显示， 经常用于横向排列盒子。 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。 定位=定位模式+边偏移 定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。 定位模式 1234position: static; /*静态定位*/position: relative; /*相对定位*/position: absolute; /*绝对定位*/position: fixed; /*固定定位*/ 边偏移 1234top: 20px; /*顶级偏移量，定义元素相对于父元素上边距的距离*/bottom: 20px; /*底部偏移量，定义元素相对于父元素下边距的距离*/left: 20px; /*左侧偏移量，定义元素相对于父元素左边距的距离*/right: 20px; /*右侧偏移量，定义元素相对于父元素右边距的距离*/ static 静态定位是元素的默认定位方式，无定位的意思。 1选择器 { position: static; } 静态定位按照标准流特性摆放位置 ...