前端三剑客
文章平均质量分 95
冲呀web
与大家一起分享学习过程中的问题和解决方式,不对的也请大家多多指点,共同进步。
展开
-
JSON.parse()和JSON.stringify()和数组遍历方法
目录一、ES5 2二、 JSON扩展 22.1 parse 32.2 stringify 4三、 数组 53.1 判断数组和对象 53.2 获得数组中值的索引 53.3 forEach 63.4 map 73.5 fill 83.6 some 83.7 every 93.8 filter 103.9 reduce和reduceRight 113.10 addNum 123.11 bind 133.12 toJSON 14一、parse ()和 stringify()网络原创 2020-10-17 13:49:57 · 2884 阅读 · 0 评论 -
javaScript和jQuery中的快捷尺寸
一、javaScript的快捷的尺寸1.1 clientWidth 和 clientHeight值:包含的是 content + padding区域dom结构:1 div {2 width: 200px;3 height: 200px;4 border: 10px solid #000;5 background-color: orange;6 padding: 16px;7 margin: 20px; }执行代码:1 // 获得元素对原创 2020-10-17 13:49:34 · 146 阅读 · 0 评论 -
JS中的构造函数
面向对象1.类似于下面这种都是面向过程的书写方法 //现在我们使用变量来描述一个人 //姓名,年龄,身高,体重 /*var name1 = "老王"; var length = 180; var age = 30; var sex = "男"; }*/2 面向对象://如果想要描述10个人,就需要40个变量,于是就有了数据结构 var person = { name1:"张三", length:180, age:30, s原创 2020-10-17 13:48:24 · 188 阅读 · 0 评论 -
关于nodeValue,value,innerHTML的区别
一,nodeValue表示元素的节点值:类似于div这种元素的节点值都会输出null案例:DOM结构:<div id="node">我是内容</div>输出语句:console.log(node.nodeValue);//输出null二,value表示value属性对应的值案例:DOM结构:<input type="button" name="" id="inp" value="123" />输出语句: var inp = documen原创 2020-09-24 17:42:09 · 691 阅读 · 0 评论 -
javascript中的节点操作
一、javascriptjavascript这门语言是由DOM、BOM、ECMAScript组成其中DOM指的是: document object model 文档对象模型 体现在代码中是documentBOM指的是: browser object model 浏览器对象模型 体现在代码中 windowECMAScript: 核心语法里面包含的是如何定义变量、运算符、表达式、流程控制语句、数据类型二、DOM我们可以通过dom的onclick、onmousedown、onmouseup来添加事件原创 2020-06-26 23:05:45 · 399 阅读 · 0 评论 -
javascript基础/IIFE/DOM/JSON
一,arguments函数内部的类数组对象。(只能在函数内部使用)arguments由函数实际参数组成。读取:通过索引值进行1. arguments[0];设置:使用=arguments[0] = 100length属性:arguments.lengtharguments只能通过length属性强制将类数组对象拉长。没有赋值undefined1. // 只能通过length强制将类数组拉长2. arguments.length = 13;3. console.log(argu原创 2020-05-17 09:14:10 · 326 阅读 · 0 评论 -
javascript基础/数组/字符串/正则表达式
⦁ 数组1.1 概述数组:有序的数据集合。array数组字面量: []数据每一项之间用逗号隔开,最后一项不要书写逗号。数组中数据可以是相同数据类型,也可以是不同数据类型1 // 数组可以是相同数据类型2 var arr1 = [1,2,3,4,5,6,7,8,8];3 // 还可以是不同的数据类型4 var arr2 = [10,"你好",undefined,true,"false",function(){console.log(1)}];5 6 console.log(arr1);原创 2020-05-16 08:27:50 · 594 阅读 · 0 评论 -
javascipt基础/函数
一、函数1.1 函数的声明函数就是功能。我们可以自己封装一些语句在函数内部,函数就具有了某一种特定的功能。声明函数:使用关键字function 空格隔开函数名(参数) {},在大括号内部封装语句,表示一个整体1. function 函数名(参数) {2. 语句;3. }函数声明语句并不会执行,只是告诉我们函数可以实现某一种功能,内部有哪些语句。1. // 声明函数=2. function xiyiji() {3. console.log("接水");4. consol原创 2020-05-14 12:11:43 · 210 阅读 · 0 评论 -
javascript基础/流程控制语句/循环语句
一,流程控制语句js 中执行顺序是从上到下。我们可以通过流程控制语句改变js语句的执行顺序,让某些语句先执行,某语句不执行。通过条件来控制语句的执行顺序。条件分支语句分类:if语句,三元表达式,switch语句。⦁1.1 if语句语法:if 如果…… else否则if (条件表达式) { 当满足条件表达式,执行结构体1;}else { 当不满条件表达式,执行结构体2;}条件表达式*:结果一定是布尔值,结果如果是true,满足条件;结果如果是false,不满足条件原创 2020-05-09 14:48:30 · 308 阅读 · 0 评论 -
javascript基础/math对象
一、javascript简介1.1 用途:数据验证读写HTML元素与浏览器窗口及其内容的交互效果网页特效WEB游戏制作基于Node.js技术进行服务器端编程1.2 Javascript简史在WEB日益发展的同时,网页的大小和复杂性不断增加,受制于网速的限制,为完成简单的表单验证而频繁地与服务器交换数据只会加重用户的负担,当时走在技术革新最前沿的Netscape(网景) 公司,决定...原创 2020-05-07 22:54:44 · 260 阅读 · 0 评论 -
html5 内容
一、html5概述1.1 概述HTML5 是 HTML 标准的最新演进版本。 这个术语代表了两个不同的概念:① 它是一个新的 HTML 语言版本包含了新的元素,属性和行为② 同时包含了一系列可以被用来让 Web 站点和应用更加多样化,功能更强大的技术html5的改变:● 语义:能够让你更恰当地描述你的内容是什么。● 连通性:能够让你和服务器之间通过创新的新技术方法进行通信。● 离线...原创 2020-04-14 13:51:28 · 501 阅读 · 0 评论 -
CSS(6)定位拓展/css常用单位
一、定位表示盒子位置偏移。1 是否脱标2 相对于谁进行偏移1.1 相对定位水平:left right垂直: top bottom水平和垂直二选一1 position: relative;相对定位的元素没有脱离标准文档流,保留了原位置。新位置相对于原位置进行偏移。应用:1 进行位置微调1 .box p span {2 font-size: 12px;3 /*位置...原创 2020-04-04 14:25:14 · 196 阅读 · 0 评论 -
CSS(5)背景/定位
一、background1.1 background-position背景图位置:背景图在整个大背景(能够渲染背景区域)中的位置。 像素表示法: 水平方向偏移量 垂直方向偏移量1 background-position: 100px 40px;第一个参数:100px 表示背景图左上角相对于大背景左上角向右偏移100px(正方向)第二个参数: 40px 表示背景图左上角相对于大背景左...原创 2020-04-04 14:21:33 · 269 阅读 · 0 评论 -
CSS(4)浮动/伪类/背景
一、浮动1.1 浮动元素双向贴边1 2 13 24 35 46 57 68 79 1.2 浮动元素没有mg塌陷上下两个同级排列浮动的元素,上盒子有一个下mg,下盒子有一个上mg,他们的距离是mg之和。没有垂直方向mg塌陷。1 2 13 24 1.3浮动元素让出标准流的位置两个同级盒子,第一个盒子浮动,第二个盒子不浮动,结果浮动的元素让出标准流的...原创 2020-04-04 12:07:23 · 149 阅读 · 0 评论 -
CSS(3)深入了解盒模型/标准文档流
一、盒模型初步认识1.1 border边框:(边框必须写全3个属性值)border:复合属性,可以使用复合写法,每一个小属性值之间用空格隔开。(边框宽度 类型 颜色)1 border: 10px solid #000;可以按照类型进行拆分:border-width:线的宽度border-style: 线类型solid(实线)dashed(虚线)dotted(点线...原创 2020-03-27 09:58:45 · 198 阅读 · 0 评论 -
CSS(2) 文本样式/盒模型
一、文字样式1.1 color文字颜色:属性值:三种色值表示法都可以使用1 color: #B30000; //十六进制表示法2 color: rgb(255,0,0); //rgb()3 color: red; //单词表示法1.2 font-style设置文字是否倾斜默认值:normal(正常)倾斜: oblique(普通倾斜)倾斜: italic(使用,...原创 2020-03-26 20:50:33 · 92 阅读 · 0 评论 -
CSS(1) 基础/选择器/性质
一、css基础知识1.1 概述css(cascading style sheet)层叠式样式表(关键字:层叠式 样式)前端三层:结构层:从html角度描述页面(标签)样式层:从美化角度书写样式(css)行为层:从用户交互角度书写行为(js)1.2 css组成css分为两部分:第一部分:选择器(给谁设置样式属性)第二部分:样式属性(给选择器添加样式)1.3 css作用css作...原创 2020-03-24 21:38:17 · 149 阅读 · 0 评论 -
关于表格(table)的实例
1.标签table: 表格tr: table row 行td: table dock 单元格table > tr > td如果表格有表头的概念,将td换成th(table head)在这里插入代码片<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <tit...原创 2020-03-19 11:10:45 · 365 阅读 · 0 评论 -
html知识点(2)
一、div+css布局绝大部分网页布局都是div+css布局。优点:做到了结构和样式分离。便于代码维护结构:1 <body>2 <!-- 结构 -->3 <!-- header头部 -->4 <div class="header">5 <!-- 嵌套关系 缩进tab-->6 <h1 class="l...原创 2020-03-18 21:35:28 · 264 阅读 · 0 评论 -
html知识点(1)
一、互联网的原理1.1 概述html:就是用来制作网页。互联网原理:上网即请求数据。用户通过在浏览器上输入一个网址,通过HTTP协议向服务器发送请求,服务器做出响应,将相关的网页数据传输到本地计算机,在浏览器上渲染出来。数据:文字、图片、视频、音频等。1.2 服务器服务器:sever作用:存放我们的数据。服务器必须24小时在线,掉线了数据访问不到,就不能正常访问网页。可以通过个...原创 2020-03-16 21:34:18 · 407 阅读 · 0 评论