![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端笔记
文章平均质量分 90
xingnan.
这个作者很懒,什么都没留下…
展开
-
day10-元素大小,周边大小
一、获取元素大小1.1、clientWidth 和clientHeight这组属性可以获取元素可视区的大小,可以得到元素内容及内边距的空间大小 width+padding对于元素的实际大小,这两个属性理解方式如下: 增加边框,无变化 增加了外边距 无变化 增加滚动条,最终值的大小等于原来的大小减去滚动条的大小 增加内边距,最终值的大小等于原来的大小加上内边距的大小 1.2、scrollWidth和scrollHeight这组属性可以获取滚动内容的元素大原创 2021-07-16 17:51:30 · 171 阅读 · 0 评论 -
day07-字符串
一、字符串的创建方式1.1、字面量通常,JavaScript 字符串是原始值,通过字面方式创建:var name_ = "张三"1.2、new关键字字符串也可通过关键词 new 定义为对象:var name_ = new String("张三"); 请不要把字符串创建为对象。它会拖慢执行速度。 new 关键字使代码复杂化。也可能产生一些意想不到的结果: var x = "Bill"; var y = new String(...原创 2021-07-16 17:20:22 · 110 阅读 · 0 评论 -
day09-dom节点操作
目录一、Dom节点1.1、node节点的属性1.2、层次节点的属性2、childNodes3、firstChild和lastChild4、parentNode5、previousSibling6、nextSibling7、 attributes二、节点操作1.write()2.createElement()3.appendChild()4.createTextNode()5.insertBefore()6.replaceChild()7.c原创 2021-07-16 17:41:53 · 140 阅读 · 0 评论 -
day08-dom节点
目录一、什么是dom?二、查找节点查找 HTML 元素三、改变 HTML 内容四、获取节点属性一、什么是dom?1.文档对象的模型dom描绘的是一个层级的节点树,运用方法对节点进行增删改查操作Dom中的三个字母分别表是什么? D(文档):可以理解为整个web加载的网页文档 O(对象):可以理解为window的东西 m(模型):网页文档的树形结构 2.节点:加载html页面的时候,web浏览器生成一个树形的结构,用来描述页面的内部结构,原创 2021-07-16 17:30:28 · 121 阅读 · 0 评论 -
day06-数组
目录一、创建数组二、获取数组元素数组元素可以是对象三、数组的属性四、数组的常用方法五、数组排序数据渲染一、怎么渲染一个表格二、怎么删除表格中的一条数据三、怎么给表格新增一条数据一、创建数组数组作用:一个变量存储多个数据1.1、字面量的形式 1.声明一个数组:var 数组名 = [元素1,元素2,元素3…………] 数组名其实就是变量名,只是习惯上称之为数组名 元素其实就是数组中保存的数据,只是习惯上称之为元素原创 2021-07-15 13:28:39 · 447 阅读 · 0 评论 -
day04-javascript流程控制(if...else...,switch....)
js核心语法 day04回顾: 函数 function name(a,b){} 作用域 全局变量 局部变量 变量提升 变量和函数的声明会提升到当前程序的顶部 目标: if...else... switch 流程控制的概念在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解:流程控制就是来控制代码按照一定结构顺序来执行流程控制主要有三种结构:顺序结构、分支结构原创 2021-06-11 17:01:36 · 171 阅读 · 0 评论 -
day03-函数(作用域)
Js核心语法 day03回顾: 原始数据类型 数据类型的转化 目标 : 函数 作用域 一、函数的概念在 JS 里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。JavaScript 函数会在某代码调用它时被执行。// 声明函数function name() { //函数体代码 console.log('alle...原创 2021-06-11 16:47:14 · 61 阅读 · 1 评论 -
day02-javascript数据类型
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析..原创 2021-06-11 16:40:02 · 115 阅读 · 1 评论 -
day01初始JavaScript
js核心语法 day01目标: 什么是JavaScript? JavaScript由什么组成? JavaScript的特点 怎么样声明并使用一个变量 数据类型 一、什么是JavaScriptJavaScript 是面向 Web 的编程语言,绝大多数现代网站都使用了 JavaScript,并且所有的现代 Web 浏览器(电脑,手机,平板)均包含了 JavaScript 解释器。 这使得 JavaScript 能够称得上史上使用最广泛的编程语言。 Jav原创 2021-06-11 16:23:54 · 136 阅读 · 4 评论 -
移动web开发之rem布局
移动web开发之rem布局rem基础rem单位rem (root em)是一个相对单位,类似于em,em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如,根元素(html)设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。/* 根html 为 12px */html { font-size: 12px;}/* 此时 div 的字体大小就是 24px */ div { fon...原创 2021-06-11 16:09:28 · 66 阅读 · 0 评论 -
移动web开发——flex布局
移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局 兼容性好 布局繁琐 局限性,不能在移动端很好的布局 1.2 flex布局 操作方便,布局极其简单,移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 1.3 建议 如果是pc端页面布局,还是采用传统方式 如果是移动端或者是不考虑兼容的pc则采用flex 2.0 flex布局原理 flex 是 fl原创 2021-06-11 15:36:06 · 67 阅读 · 0 评论 -
day5-Math对象
一、Math 对象JavaScript Math 对象允许您对数字执行数学任务。1.1、Math.round()Math.round(x) 的返回值是 x 四舍五入为最接近的整数:Math.round(6.8); // 返回 7Math.round(2.3); // 返回 21.2、Math.pow()Math.pow(x, y) 的返回值是 x 的 y 次幂:Math.pow(8, 2); // 返回 641.3、Math.sqrt()Math.sqr...原创 2021-06-10 15:56:45 · 203 阅读 · 0 评论 -
day5-时间对象Date
一、创建 Date 对象什么是Date对象:Date对象用来处理日期和时间Date 对象由新的 Date() 构造函数创建。有 4 种方法创建新的日期对象:new Date()new Date(year, month, day, hours, minutes, seconds, milliseconds) new Date(milliseconds) new Date(date string) 1.1、new Date()new Date() :Date对象会自...原创 2021-06-10 15:49:05 · 304 阅读 · 0 评论