- 博客(10)
- 收藏
- 关注
原创 BOM和DOM事件
大家好,我还是那个小白,下面是我对bom和dom事件的一些总结,如有不足之处,欢迎各位大佬补充: BOM(Browser Object Model):浏览器对象模型 window: 全局对象(属性只能识别var声明的属性,方法只能识别字面量声明的函数) 只要打开一个浏览器,就会创建一个window对象 let全局变量与var全局变量的区别: let全局变量无法被window使用 var全局变量可以被window使用(即var声明变量(非函数内部)为window的属性) window的属性和方法: 不支持低版
2020-11-15 19:54:49
334
原创 JS运算符和函数
运算符(操作符): 1.赋值运算符: =:赋值符号; +=:(a+=b:a=a+b) 2.自增自减运算符: 只有在自增、自减在表达式中才考虑先后顺序 1.i++:先赋值后自增(i=i+1) 2.i– 3.++i:先自增后赋值 4.–i 降低 ++ 在前在后差异,会另起一行 3.逻辑运算符: 与或非 and、 &&:一假全假(多个条件同时满足)、 or 、 not 、 ||:一真全真(多个条件满足一个就为真)、 !(取反) &&(一假全假): 表达式1&&
2020-10-18 21:13:36
432
原创 简单购物车JS实现
大家好,我还是那个小白,这个国庆黄金周,我利用目前所学的一些知识,写了一个表格式的简单购物车: HTML: 编号 名称 单价 个数 小计 JS: let dataArr = [ { num: 1, name: "可乐",
2020-10-08 22:11:15
1554
原创 JS循环和条件分支
** JS的循环和条件分支 ** 大家好,我这个小萌新又来了 循环: 使用场景:同一个代码块,需要多次执行时,考虑用循环。 作用:重复偷懒 分类:for、while、do while 1.for : 前测试语句 写法: for(表达式1;表达式2;表达式3){ 表达式4; } 工作流程: 第一次循环:1-2-4-3; 第二次循环:2-4-3; …… 第n次循环:2-4-3; 直到2不满足时停止循环 例:输出1-10 for(let num =1;num<=10;num++){ console.log(
2020-09-26 21:21:24
2209
原创 JS基础的数据类型
** JS基础数据类型 ** 一个“=”表示赋值,从右到左赋值 两个“==”表示等于 两个“**”表示乘方 数据类型: 1.基本数据类型(原始数据类型||简单值): 1.undefined:声明的变量没有赋值,函数没有返回值(如果连声明都没有,报错:变量没有定义) 查看数据类型: var number ; console.log(typeof number); 下列情况会返回 undefined: 1.访问未赋值的变量 2.任何被设置为 undefined 的变量 3.没有定义 return 表达式的函数
2020-09-20 20:40:45
143
原创 js基础知识和变量
大家好,我还是那个小白,不过我们已经学到了js,下面是我这两天所学知识: ** JS基础: ** 开发语言分类: 解释性语言:翻译一行,执行一行 JS、Python 编译性语言:通篇翻译后再执行 Jave、C、C++、C# 数据结构:存储数据的方式 算法:解决问题的方法和步骤 报错: 表示xxx重复声明: xxx has already been declared 表示xxx没有声明: xxx is not defined 表示xxx没有赋值(不是报错): undefined typeof拓展
2020-09-13 23:27:31
138
原创 常见的html和css标签及功能应用
渐进增强:搭建起基础结构,根据用户需求进行功能添加。 优雅降级:先把所有功能开发完成,根据用户需求进行功能删减 去除滚动条:::-webkit-scrollbar{ display:none } 多行省略号设置: display:-webkit-box -webkit-box-orient:vertical; -webkit-line-clamp:行数xx; :定义文档类型【标准模式,怪异模式(浏览器默认模式)】。告诉浏览器按照标准模式解析 css(层叠样式表): 重要声明:!+important(最高优先
2020-09-06 21:19:10
467
原创 常用的css属性
** 常用的css属性 ** 大家好,我还是上次那个小白,这周我们上的课学的东西比较多,下面就是我这周学习的一些知识: 选择器: 限定选择器:元素+类,元素+id(exp:p.cls) 通配符选择器:* id选择器:#+id 元素选择器 p{} 后代选择器:(exp:div p )元素+空格+元素 类选择器 .类名{} 在html命名class="" 子代元素选择器 父>子{} 伪类选择器div>first-child ( last-child) eg:body>div:nt
2020-08-16 22:13:48
130
原创 HTML盒模型
HTML盒模型 大家好,我还是上周那个小白,今天要跟大家分享的是html中的盒模型知识: 盒模型: 组成部分:内容(content)-padding(内边距:内容到边框的距离)-border(边框)-margin(外边距:跟其他盒子之间的距离) 不同元素生成的盒子可能不同 一个盒子产生怎样的盒子,取决于它的display属性 边框(border): border-方向-width:设置边框方向和宽度。 border-方向-color:设置边框方向颜色。 border-方向-style:设置边框方向风格。(s
2020-08-09 21:29:03
162
原创 前端三架马车之HTML
前端三架马车之HTML *做为一个刚学习的小白,刚刚了解了前端中的HTML和CSS,以下是我学习HTML的一些记录: (HyperText MarkupLanguage 超文本标记语言)编辑网页的结构和内容 Hyper Text(超文本):文本,图片,链接,音乐,视频等元素都是超文本 Markup Language 标记语言(标记/标签)HTML网页就是用很多个元素组成的 CSS (Cascading Style Sheets层叠样式表)定义图层样式 JS(JavaScript )控制页面的交互效果等 HT
2020-08-02 17:35:09
368
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅