Javascript综合知识
JS综合知识学习可以分为三个部分,基础语法、然后是Web API,最后是高级进阶!
最核心的学习,当属Web APIs了,基础语法只是一套使用规程,而中要的是,运用这台规则去解决问题,实现一套实际的项目!
面向过程编程处理数据
注意类型转换:隐式转换,和显式转换,也就是数据的类型!(算术运算、比较运算,正号) (1+‘1’)(!)
处理逻辑
结构语句,与改变顺序的方法!这也是逻辑中一大难点!当什么时候发生什么!把条件与执行的内容分开,通过箭头的方式去指向两件事!
循环的价值,是把一组数当作一个数,也可以把一个数当作无限多个数!适合破解密码,处理数据!并且理解起来就和顺序结构一致!特别是处理数组字面量!
生成柱状图——数据、遍历生成图表,并修改盒子的大小!
核心——封装复用功能(函数)
函数是具有特定功能的代码块,是一组强相关的一条条语句!传参、返回值,作用域!也有结束语句!
函数的作用是提高代码的通用性和复用性,同类型的问题,用一套代码——函数来解决!
逻辑中断,与和或中这个语句中,可以存在任何表达式,先执行表达式,表达式,或者运算符可以多次叠加
对象,是对一种事物的具象化 ...
黑马程序员JavaScript语法进阶
javascript进阶——对之前的语法进行补充和优化JavaScript 进阶 - 第1天
学习作用域、变量提升、闭包等语言特征,加深对 JavaScript 的理解,掌握变量赋值、函数声明的简洁语法,降低代码的冗余度。
理解作用域对程序执行的影响
能够分析程序执行的作用域范围
理解闭包本质,利用闭包创建隔离作用域
了解什么变量提升及函数提升
掌握箭头函数、解析剩余参数等简洁语法
作用域
了解作用域对程序执行的影响及作用域链的查找机制,使用闭包函数创建隔离作用域避免全局变量污染。
作用域(scope)规定了变量能够被访问的“范围”,离开了这个“范围”变量便不能被访问,作用域分为全局作用域和局部作用域。
局部作用域局部作用域分为函数作用域和块作用域。
函数作用域在函数内部声明的变量只能在函数内部被访问,外部无法直接访问。
<script> // 声明 counter 函数 function counter(x, y) { // 函数内部声明的变量 const s = x + y console.log(s) // 18 } ...
Web APIs——网页相关的对象
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入门
参考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
参考资料:web前端开发全程实战
web全栈开发从入门到实战——董雪燕
快速入门JS基础知识前言JavaScript是一门实现用户与网页交互的编程语言,与HTML和CSS并称为前端三剑客,主要负责给网页加点灵魂,让其可以与用户交互,这种交互称为事件!基础知识包括变量和常量、数据类型、运算符和表达式、基本控制结构、函数、对象的基本用法!
前端三兄弟的作用
HTML和CSS是一种标记语言,通过标识符号去说明需要的功能,主要运用在网页中展示内容和定义样式,生成静态的网页,也就是内容不可增删,而JavaScript是一门编程语言,可以控制元素的增删,可以控制样式的改变,还可以控制浏览器,从而动态的更新页面中的内容,制作动画特效等交互任务!
引入到HTML文件中
可以内嵌式,把JS代码放在<sript></script>标签对内,一般放置在</body>前,也可以像图片标签一样,通过<script>标签和src属性,引入外部的JS文件,<script src="js.js"></script>
...
速通HTML+CSS
参考教程:菜鸟教程
web前端开发四 速通HTML+CSSHTML和CSS可以看成是一个东西,那就是网页看得到的静态页面!
HTML负责组织内容、框架结构、以及网页基本功能,CSS负责把内容制作样式、动画和布局!现在为了清晰简洁,把两部分分开!CSS原本是依附于HTML,是HTML中的某种属性。
前言
web开发的前端是什么
前端是一个很大的范畴,针对web开发的前端而言,前端主要是开发在浏览器上运行的代码!
浏览器运行这个代码,所显示的页面,就是前端的功能,简而言之浏览器运行的就是前端开发的代码,其中呢,这个代码也分为三个模块,HTML和CSS和JavaScript这三种语言。实现了用户在浏览器中能感知到的内容!
HTML是骨架,标题、内容、显示文字图片视频都是这里添加,并且这里去引入CSS和JS!
CSS是美化打扮,给网页争光添彩,把不同内容排版在网页可视窗口的不同位置
JS是交互,让网页具有生命活动,登录账号,发表评论等
HTML是什么
超文本标记语言,是一种描述语言,用来说明各种内容的关系和层级,是种文本形式,任何浏览器都可以去读取的
html内部由head头部结构 ...
参悟工作之道
参悟工作之道
阶级
要想变成富豪,跨越阶级,那么就得有钱,也就是能有银行卡余额,也就是存钱!
存钱的本质,就是一个池子,不断倒入和不断倒出的过程,其中存入的数量要比消耗的数量多,那么就能存钱,再加上无限的时间,人人能能成为富豪!
其中有两个点,被我们忽略了,第一是关于收入和负债之间的关系,什么样的是消耗,什么样的是收入,第二关于时间,这个存在且容易遗忘的点!
先说时间,就是收入和负债,单位是XX元/天,
目前我的负载是4万+ * 0.5%,也就是20元,再加房租30元,再加吃穿行60+,总计,每天的支出是110/天!所以至少得找3300以上得工作,并且,由于公司会拖欠一个月,甚至是两个月,所以!还得乘75%,也就是6500的工作,才能养活自己! 并还欠款!达到收支平衡!最好是两倍,第一个半月是欠款,也就是150%的日支出 X 30天,先欠5000+,然后才能收入,然后又得欠5000,然后才有收入,如此反复震荡5次,也就是半年才会收支平衡,每天不用发愁!如果是两倍的话,两个周期就能达到收支平衡,很快速就可以盈利了!
其中注意到,实际上每天消耗是当天出钱60+,然 ...
python10分钟试讲
python备课
教学基本的点
面向对象是一种对现实世界理解和抽象的方法,是计算机编程技术发展到一定阶段后的产物。
面向对象是相对于面向过程来讲的,面向对象方法,把相关的数据和方法组织为一个整体来看待,从更高的层次来进行系统建模,更贴近事物的自然运行模式。
对象的含义是指具体的某一个事物,即在现实生活中能够看得见摸得着的事物。在面向对象程序设计中,对象所指的是计算机系统中的某一个成分。在面向对象程序设计中,对象包含两个含义,其中一个是数据,另外一个是动作。对象则是数据和动作的结合体。对象不仅能够进行操作,同时还能够及时记录下操作结果
Python的创始人为荷兰人吉多·范罗苏姆(Guido van Rossum)。1989年圣诞节期间,在阿姆斯特丹,Guido为了打发圣诞节的无趣,决心开发一个新的脚本解释程序,作为ABC语言的一种继承。之所以选中单词Python(意为大蟒蛇)作为该编程语言的名字,是因为英国20世纪70年代首播的电视喜剧《蒙提·派森的飞行马戏团》(Monty Python’s Flying Circus)
优点简单:Python是一种代表简单主义思想的语言。阅读一个良好 ...
6小时速成python
参考B站视频:【油管大神】python教程 6小时完全零基础入门 并且达到能开发网站
python入门(2019年的视频)
一、print函数
语法1:print()打印:作用是把其参数打印显示到屏幕上
可以是字符串,python解析器会一行一行从上到下依次执行!
可以是表达式,python解析器会运算可以运算的部分,并把运算的结果打印显示!
二、变量
值会存储到计算机的内存中,名字(标识符)可以指向对应的值!注意这里使用print就不能用引号了!
可以把打印的部分重复内容,提取出来,然后再通过运算符连接(表达式)!
三、input函数
语法2:input()输入:作用是输出提示词,然后把用户输入的值,保存起来,注意只有值,没有标识符去指向,最好赋值给变量,就可以通过变量把输入的值提出来!
当我们把输入的值,通过变量存储,通过+连接并打印,很方便,但是当我们把输入的值,进行算术运算时,会提示错误,因为所有输入的值,都会被当作字符处理!字符与数值很多运算不支持!
四、类型转换
语法:int()或float():作用是把其它类型的值,转化为整型或浮点型,解释器会先执行类型转换,再执行表达式 ...
CSS布局——弹性盒子
参考B站视频:CSS Flex和响应式移动端适配
对齐分布——弹性盒子flex
display:flex;
一个弹性盒子,相当于一个容器(弹性容器),内部可以存放很多其它盒子(弹性项目)。
子元素在父元素内实现对齐分布
弹性盒子可以控制内部盒子的分布,居中、两端对齐、靠左靠右、靠上靠下、拉伸还是压缩!
相当于,在操场中让很多班级排队,你可以指挥排队规则!(站在盒子前面,面向盒子看)内部项目,有朝前、朝左对齐!(站在盒子内部)项目自身位置有几行,几列之分!
一个二维平面,每个点(弹性项目)都有自己相对(弹性容器)的位置!
弹性容器的布局模式
从上到下为一条轴,从左到右为一条轴,这两根轴有主轴和交叉轴之分,说明白点就是向什么方向排
主轴:项目沿主轴排列,从主轴起点到主轴终点!默认横向为主轴!
交叉轴:垂直于主轴!默认纵向为交叉轴!
案例
<!-- 需要先设置弹性容器宽高,设置边框,便于分辨界限 --><div style="display: flex;"> <div>伸缩项目1</div> & ...








