月十八 - 生活感悟记录

发表于2023-06-24|更新于2023-06-24

JS综合知识学习可以分为三个部分，基础语法、然后是Web API，最后是高级进阶！最核心的学习，当属Web APIs了，基础语法只是一套使用规程，而中要的是，运用这台规则去解决问题，实现一套实际的项目！面向过程编程处理数据注意类型转换：隐式转换，和显式转换，也就是数据的类型！(算术运算、比较运算，正号) (1+‘1’)（!）处理逻辑结构语句，与改变顺序的方法！这也是逻辑中一大难点！当什么时候发生什么！把条件与执行的内容分开，通过箭头的方式去指向两件事！循环的价值，是把一组数当作一个数，也可以把一个数当作无限多个数！适合破解密码，处理数据！并且理解起来就和顺序结构一致！特别是处理数组字面量！生成柱状图——数据、遍历生成图表，并修改盒子的大小！核心——封装复用功能（函数）函数是具有特定功能的代码块，是一组强相关的一条条语句！传参、返回值，作用域！也有结束语句！函数的作用是提高代码的通用性和复用性，同类型的问题，用一套代码——函数来解决！逻辑中断，与和或中这个语句中，可以存在任何表达式，先执行表达式，表达式，或者运算符可以多次叠加对象，是对一种事物的具象化 ...

黑马程序员JavaScript语法进阶

发表于2023-06-14|更新于2023-06-19

javascript进阶——对之前的语法进行补充和优化JavaScript 进阶 - 第1天学习作用域、变量提升、闭包等语言特征，加深对 JavaScript 的理解，掌握变量赋值、函数声明的简洁语法，降低代码的冗余度。理解作用域对程序执行的影响能够分析程序执行的作用域范围理解闭包本质，利用闭包创建隔离作用域了解什么变量提升及函数提升掌握箭头函数、解析剩余参数等简洁语法作用域了解作用域对程序执行的影响及作用域链的查找机制，使用闭包函数创建隔离作用域避免全局变量污染。作用域（scope）规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问，作用域分为全局作用域和局部作用域。局部作用域局部作用域分为函数作用域和块作用域。函数作用域在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。 <script> // 声明 counter 函数 function counter(x, y) { // 函数内部声明的变量 const s = x + y console.log(s) // 18 } ...

Web APIs——网页相关的对象

发表于2023-06-01|更新于2023-06-11

Web APIs：具有操作网页属性和方法的对象最主要的三大对象：window对象、Document对象、Event对象，这些对象中有很多操作网页的方法和属性！黑马程序员Web APIs 复习： splice() 方法用于添加或删除数组中的元素。注意：这种方法会改变原始数组。删除数组： splice(起始位置，删除的个数) 比如： let arr = ['red', 'green', 'blue']arr.splice(1,1) // 删除green元素console.log(arr) // ['red, 'blue'] 添加元素 splice(起始位置，删除个数，添加数组元素) let arr = ['red', 'green', 'blue']//arr.splice(1, 0, 'pink') // 在索引号是1的位置添加 pink//console.log(arr) // ['red&# ...

黑马程序员JavaScript语法ECMAscript入门

发表于2023-05-29|更新于2023-05-30

参考B站视频：黑马程序员前端JavaScript入门到精通全套视频教程 JavaScript 基础 - 第1天了解变量、数据类型、运算符等基础概念，能够实现数据类型的转换，结合四则运算体会如何编程。体会现实世界中的事物与计算机的关系理解什么是数据并知道数据的分类理解变量存储数据的“容器” 掌握常见运算符的使用，了解优先级关系知道 JavaScript 数据类型隐式转换的特征介绍掌握 JavaScript 的引入方式，初步认识 JavaScript 的作用引入方式JavaScript 程序不能独立运行，它需要被嵌入 HTML 中，然后浏览器才能执行 JavaScript 代码。通过 script 标签将 JavaScript 代码引入到 HTML 中，有两种方式：内部方式通过 script 标签包裹 JavaScript 代码 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title& ...

速通Javascript

发表于2023-05-26|更新于2023-05-26

参考资料：web前端开发全程实战 web全栈开发从入门到实战——董雪燕快速入门JS基础知识前言JavaScript是一门实现用户与网页交互的编程语言，与HTML和CSS并称为前端三剑客，主要负责给网页加点灵魂，让其可以与用户交互，这种交互称为事件！基础知识包括变量和常量、数据类型、运算符和表达式、基本控制结构、函数、对象的基本用法！前端三兄弟的作用 HTML和CSS是一种标记语言，通过标识符号去说明需要的功能，主要运用在网页中展示内容和定义样式，生成静态的网页，也就是内容不可增删，而JavaScript是一门编程语言，可以控制元素的增删，可以控制样式的改变，还可以控制浏览器，从而动态的更新页面中的内容，制作动画特效等交互任务！引入到HTML文件中可以内嵌式，把JS代码放在<sript></script>标签对内，一般放置在</body>前，也可以像图片标签一样，通过<script>标签和src属性，引入外部的JS文件，<script src="js.js"></script> ...

速通HTML+CSS

发表于2023-05-22|更新于2023-05-25

参考教程：菜鸟教程 web前端开发四速通HTML+CSSHTML和CSS可以看成是一个东西，那就是网页看得到的静态页面！ HTML负责组织内容、框架结构、以及网页基本功能，CSS负责把内容制作样式、动画和布局！现在为了清晰简洁，把两部分分开！CSS原本是依附于HTML，是HTML中的某种属性。前言 web开发的前端是什么前端是一个很大的范畴，针对web开发的前端而言，前端主要是开发在浏览器上运行的代码！浏览器运行这个代码，所显示的页面，就是前端的功能，简而言之浏览器运行的就是前端开发的代码，其中呢，这个代码也分为三个模块，HTML和CSS和JavaScript这三种语言。实现了用户在浏览器中能感知到的内容！ HTML是骨架，标题、内容、显示文字图片视频都是这里添加，并且这里去引入CSS和JS！ CSS是美化打扮，给网页争光添彩，把不同内容排版在网页可视窗口的不同位置 JS是交互，让网页具有生命活动，登录账号，发表评论等 HTML是什么超文本标记语言，是一种描述语言，用来说明各种内容的关系和层级，是种文本形式，任何浏览器都可以去读取的 html内部由head头部结构 ...

参悟工作之道

发表于2023-05-20|更新于2023-05-20

参悟工作之道阶级要想变成富豪，跨越阶级，那么就得有钱，也就是能有银行卡余额，也就是存钱！存钱的本质，就是一个池子，不断倒入和不断倒出的过程，其中存入的数量要比消耗的数量多，那么就能存钱，再加上无限的时间，人人能能成为富豪！其中有两个点，被我们忽略了，第一是关于收入和负债之间的关系，什么样的是消耗，什么样的是收入，第二关于时间，这个存在且容易遗忘的点！先说时间，就是收入和负债，单位是XX元/天，目前我的负载是4万+ * 0.5%，也就是20元，再加房租30元，再加吃穿行60+，总计，每天的支出是110/天！所以至少得找3300以上得工作，并且，由于公司会拖欠一个月，甚至是两个月，所以！还得乘75%，也就是6500的工作，才能养活自己！并还欠款！达到收支平衡！最好是两倍，第一个半月是欠款，也就是150%的日支出 X 30天，先欠5000+，然后才能收入，然后又得欠5000，然后才有收入，如此反复震荡5次，也就是半年才会收支平衡，每天不用发愁！如果是两倍的话，两个周期就能达到收支平衡，很快速就可以盈利了！其中注意到，实际上每天消耗是当天出钱60+，然 ...

python10分钟试讲

发表于2023-05-16|更新于2023-05-16

python备课教学基本的点面向对象是一种对现实世界理解和抽象的方法，是计算机编程技术发展到一定阶段后的产物。面向对象是相对于面向过程来讲的，面向对象方法，把相关的数据和方法组织为一个整体来看待，从更高的层次来进行系统建模，更贴近事物的自然运行模式。对象的含义是指具体的某一个事物，即在现实生活中能够看得见摸得着的事物。在面向对象程序设计中，对象所指的是计算机系统中的某一个成分。在面向对象程序设计中，对象包含两个含义，其中一个是数据，另外一个是动作。对象则是数据和动作的结合体。对象不仅能够进行操作，同时还能够及时记录下操作结果 Python的创始人为荷兰人吉多·范罗苏姆（Guido van Rossum）。1989年圣诞节期间，在阿姆斯特丹，Guido为了打发圣诞节的无趣，决心开发一个新的脚本解释程序，作为ABC语言的一种继承。之所以选中单词Python（意为大蟒蛇）作为该编程语言的名字，是因为英国20世纪70年代首播的电视喜剧《蒙提·派森的飞行马戏团》（Monty Python’s Flying Circus）优点简单：Python是一种代表简单主义思想的语言。阅读一个良好 ...

6小时速成python

发表于2023-05-13|更新于2023-05-15

参考B站视频：【油管大神】python教程 6小时完全零基础入门并且达到能开发网站 python入门(2019年的视频) 一、print函数语法1：print()打印：作用是把其参数打印显示到屏幕上可以是字符串，python解析器会一行一行从上到下依次执行！可以是表达式，python解析器会运算可以运算的部分，并把运算的结果打印显示！二、变量值会存储到计算机的内存中，名字(标识符)可以指向对应的值！注意这里使用print就不能用引号了！可以把打印的部分重复内容，提取出来，然后再通过运算符连接（表达式）！三、input函数语法2：input()输入：作用是输出提示词，然后把用户输入的值，保存起来，注意只有值，没有标识符去指向，最好赋值给变量，就可以通过变量把输入的值提出来！当我们把输入的值，通过变量存储，通过+连接并打印，很方便，但是当我们把输入的值，进行算术运算时，会提示错误，因为所有输入的值，都会被当作字符处理！字符与数值很多运算不支持！四、类型转换语法：int()或float()：作用是把其它类型的值，转化为整型或浮点型，解释器会先执行类型转换，再执行表达式 ...

CSS布局——弹性盒子

发表于2023-05-09|更新于2023-05-09

参考B站视频：CSS Flex和响应式移动端适配对齐分布——弹性盒子flex display:flex; 一个弹性盒子，相当于一个容器（弹性容器），内部可以存放很多其它盒子（弹性项目）。子元素在父元素内实现对齐分布弹性盒子可以控制内部盒子的分布，居中、两端对齐、靠左靠右、靠上靠下、拉伸还是压缩！相当于，在操场中让很多班级排队，你可以指挥排队规则！（站在盒子前面，面向盒子看）内部项目，有朝前、朝左对齐！（站在盒子内部）项目自身位置有几行，几列之分！一个二维平面，每个点（弹性项目）都有自己相对（弹性容器）的位置！弹性容器的布局模式从上到下为一条轴，从左到右为一条轴，这两根轴有主轴和交叉轴之分，说明白点就是向什么方向排主轴：项目沿主轴排列，从主轴起点到主轴终点！默认横向为主轴！交叉轴：垂直于主轴！默认纵向为交叉轴！案例 <div style="display: flex;"> <div>伸缩项目1</div> & ...