学会成长

原创 计算机系统：概述

计算机系统由计算机硬件与软件两部分组成。计算机系统具有接收存储信息、按程序快速计算和判断并输出处理结果、数据传送等功能。

原创 函数小知识：理解参数

函数可以传递任意数量的参数；引用参数复制的实际上指针

原创 软件签名：写入空包

软件签名写入空包

原创 vue: 搭建项目与iconfont引入

一、项目搭建1. 安装vue/cli：npm i -g @vue/cli2. 创建vue项目：vue create my-project3. 安装typescript：当前项目路径下 vue add @vue/typescript4. 安装vuex：当前项目路径下 npm i vuex二、eslint1.关闭 变量未使用检查项目package.json文件中：eslintConfig->rules->"no-unused-vars": 0...

原创 css: 弹性盒

目录一、父元素（容器）属性1. flex-direction：容器伸缩方向2. flex-wrap：换行3.flex-flow：同时设置 flex-direction 和 flex-wrap 属性的简写属性4.justify-content：主轴对齐， 用来定义伸缩项目沿主轴线的对齐方式5.align-items：侧轴对齐，伸缩项目行在侧轴上的对齐方式6.align-content：对齐弹性线，往往要与换行同时应用，没有换行就不存在多行的情况二、子元素（项目）属性1...

原创 vue3+ts: 路由处理

1. 在main.ts下：import { createApp } from 'vue'import App from './App.vue'import router from './router'createApp(App).use(router).mount('#app')2. router->index.ts中：import Vue from 'vue'import VueRouter, { RouteRecordRaw } from 'vue-router'co

原创 css：元素类型

二、边框属性border-width:2px;/*边框的样式也叫线型*/边框样式：border-style:solid（实线）/double（双线）/dotted（点）/dashed（虚线）;border-color:red;©—— ©<div>——</div>——border-bottom:边框宽度边框风格边框颜色；底边框border-left:边框宽度边框风格边框颜色；左边框border-right:边框宽度边框风格边框颜色；右边框.

原创 css：文本属性

1. 控制文字的样式字体大小默认在浏览器下是16px，在谷歌浏览器下默认设置文字大小支持的最小是12px 9pt = 12px2.font-family font-weight font-style font-size

原创 css：盒模型

盒模型规定了所有元素都拥有一个像盒子一样外形的东西，由border、margin、padding、content组成。1. 标准盒模型：宽度=左右margin+左右border+左右padding+width 高度=上下margin+上下border+上下padding+height2. 怪异盒模型（在IE6下，当不对doctype进行定义时，会触发怪异盒模型）：宽度=左右margin+content的width； 高度=上下margin+content的height；3...

原创 css：选择器

一、伪类选择器1. 类型link ：链接的初始状态； visited ：链接被访问过后的状态； hover ： 鼠标悬停（划过）时的状态； active ：鼠标激活的状态，即鼠标按下的状态；2. 使用事项当此4个状态联合使用的时候，需要按link->visited->hover->active的顺序，错误的顺序会使样式设置失效； 除了hover以外可以给其他标签使用，剩余的几个只能给a超链接使用； 伪类选择器有缓存问题；二、选择器权重css中使用四位表示权重：

原创 css：float浮动

一、基础概念标准流（文档流）：标签默认在网页中显示的初始排版顺序； 浮动流：设置了float属性的标签；二、使用 float: none/left/right； 目的：让标签脱离文档流，使原本竖向排列的标签横向排列； 三、注意事项两个元素，第一个浮动了float: left，第二个没有浮动，浮动的元素会把没有浮动元素给覆盖掉; 两个元素，第一个没有浮动，第二个有浮动，两个元素的位置保持不变; 两个元素，都浮动，当整体宽度不够的时候，就会把第二个元素挤到下一行； 文本会默

原创 css：样式表

一、分类1.内部样式表最好放在header标签内部，格式：<style type="text/css">css语句</style>2. 外部样式表（同一个css样式表可以给多个html文件引用）link标签引入css文件：<link rel="stylesheet" type="text/css" href="css/style.css">① rel="stylesheet" ：关联样式表；②type="text...

原创 css：背景属性

1. 属性background-image：url()表示路径，显示原则： 图片<容器大小的时候，默认平铺； 图片>容器大小的时候，背景图显示不完整； 图片=容器大小的时候，背景图刚好显示完整; background-repeat：背景平铺属性 no-repeat：不平铺 repeat：平铺（默认值） repeat-x：水平平铺 repeat-y：垂直平铺 background-position：背景图位置属性 left、right、center、top

原创 html: img

1. 相关属性src: 图片路径 当前文件与图片文件在同一目录下，使用：图片文件名+扩展名； 当前文件与图片文件所处的文件夹在同一目录下，使用：文件夹名/目标文件全称+扩展名； width: 设置图片宽度信息； height: 设置图片高度信息； title: 提示信息，鼠标进入图片区域显示信息； alt: 提示信息，路径错误、加载失败、网速较慢的时候给予用户的提示；...

原创 第五节：光线

原创 Vue常用指令

v-for：用于渲染数组，对象；v-html：渲染html语句；v-bind：动态绑定，可以简写为 :v-on： 可以缩写为 @，绑定事件；v-once： 只绑定一次数据，不响应数据的修改，这个对于提升性能略有帮助，不要频繁使用v-cloak：这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。v-if： vue的条件渲染：只有v-if的表达式为真的时候，

原创 数组相关函数

一、常用函数contact(array2,array3,...,arrayX)：连接两个或多个的数组，返回最新合成数组； forEach()：遍历数组元素； indexOf(item,start)：返回数组中某个指定元素的索引； item: 检索的元素； start：开始检索的位置； isArray(): 判断是否是数组； join(separator): 使用传入的分隔符进行分隔，把数组中的所有元素转换一个字符串； pop()：删除数组的最后一个元素，返回删除的元素； push(

原创 VSCode常用插件与相关操作技巧

一、常用插件 1. git相关： GitLens: 实时显示选中行的git提交记录； 2. 公用： Chinese: 中文汉化；Beautify：Js高亮显示； 3. Vue: Vuter: 代码格式化、高亮显示二、小技巧 1. emmet.triggerExpansionOnTab：启用后，按...

原创 第四节：曝光

曝光来源于胶片摄影时代曝晒胶片。光线通过镜头汇聚在胶片上形成影像。正确的曝光：密度适中，有明暗层次，亮部暗部有影纹。曝光要素：光照度-通过镜头的光线（光圈），停留时间（快门）。...

原创 第三节：照相机与摄像机

照相机的结构主要分为：镜头与机身。镜头依据不同的焦距大小，使用功能领域又有不同的划分。机身包含部件：快门、测距系统、取景器、暗箱、机壳。其中快门与光圈相互的影响决定了一个影像的成像质量。...

原创 第二节：镜头要素

影像的成像原理：小孔成像。所涉及到的相关要素包含：焦距，光圈，景深。

原创 第一节：影像序言与技术史

在了解影像的原理之前，首先我们需要了解影像的发展史