![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web 全栈开发 (前端)
文章平均质量分 83
从0基础进行全栈学习,主偏前端,内容全面详细,适合小白一起学习
头发又掉了一根
一名努力的程序猿,每天奔波在写BUG和改BUG之间,乐此不疲。嘻
展开
-
Javascript-BOM‘和动画
————————————JavaScript··[API]「BOM」「动画」————————————BOMDOM文档对象模型DOM将文档当做一个对象来处理DOM的顶级对象是document主要学习的是对页面元素的操作DOM是W3C标准规范BOM浏览器对象模型将浏览器当做一个对象来处理BOM的顶级对象是window学习的是浏览器窗口交互的一些对象是浏览器厂家在格子浏览器上定义的规范BOM的构成BOM是比DOM更大的盒子对象window对象:document、loc原创 2021-04-09 10:11:52 · 121 阅读 · 0 评论 -
JavaScript_DOM【重点】
——————————JavaScript··[API]「DOM」——————————DOM什么是DOM文档对象模型,是由W3C组织推荐的一种处理可扩展标记语言(xml)的标准编程接口。XML和HTML:XML:可扩展标记语言,主要是通过自定义标签进行对数据保存处理HTML:超文本标记语言,是一些已经规定好的一套标签W3C已经定义好了一系列的DOM接口,我们目前主要通过这些DOM接口进行改变网页内容、结构和样式DOM的内容DOM中最大最原始的对象是文档对象DOM的结构其实就是一个HT原创 2021-03-22 16:09:16 · 196 阅读 · 1 评论 -
JavaScript格式字符串及初识_API
——————————————JavaScript··[API]「格式化字符串」「API简介」——————————————格式化字符串使用字符串方法formatJS中不存在format方法,因此也无法使用,需要手动添加ES6语法格式化var inter=`这个人的名字是${man.name},他的年龄是${man.age},他的性别是${man.sex}`;使用``符号将字符串进行括起来,然后字符串里面的变量数据使用${}括起来,在{}里面可以写变量、表达式toString方法原创 2021-03-21 10:31:13 · 140 阅读 · 0 评论 -
JavaScript函数重载AND类
———————————JavaScript语法结构「函数重载」「类」———————————函数的重载定义在一个对象中的多个函数名称相同,其函数的形参不同(数量、类型、不同类型的排列顺序不同)称之为函数的重载。而JS中的函数重载一般只考虑参数的数量不同,实现过程也和其他语言类型中的构造有区别,因为JS中函数的预解析其实也是通过匿名函数而来的,函数名其实和变量名是同一个作用,在同一个作用域之内只允许出现一次相同的变量名称,后面重复出现的变量名称会被覆盖。因此JS中的函数重载主要通过函数的argum原创 2021-03-16 10:40:59 · 105 阅读 · 0 评论 -
JavaScript国家包分配的内置对象
———————————JavaScript语法结构「内置对象」———————————内置对象JS中的对象总共分三种:自定义对象、内置对象、浏览器对象。前两种都是JS的基础内容属于ECMAScript。浏览器对象属于JS独有的(属于API)内置独享包含哪些根据JS API(Application Program Interface),开发文档说明,讲解的内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或者最基础的最必要的功能(常用的属性、函数等)JavaScrip原创 2021-03-08 12:11:51 · 134 阅读 · 1 评论 -
JavaScript万事万物皆对象
——————————JavaScript语法结构「对象【重】」——————————对象【面向对象】== 万事万物皆为对象 ==为什么要用对象在记录一个数据值时,基本上都是使用变量,保存多个数据值时,可以使用数组。对于记录数据而言,可以使用数组记录大量数据,但是数组中的数据只能通过索引值进行访问,并不明确每个数据的实际价值,而在开发中基本上每一步都需要明确每个数据的实际价值是什么,而且数据量变得非常庞大时索引也很混乱。为了解决这种问题,使用对象的方式去解决,在对象中使用属性进行记录数据,可以原创 2021-03-03 10:33:19 · 1735 阅读 · 9 评论 -
JavaScript预解析及函数
————————————————————JavaScript语法结构「预解析」「函数【重】」————————————————————预解析概念HTML、CSS、JS代码全部交由浏览器两个引擎,渲染引擎和JS引擎两个负责执行的。JS引擎负责对JavaScript代码进行执行处理,通过两个步骤完成JS代码的执行任务,分别是预解析和代码执行什么是预解析在当前变量或者函数等作用域下,JS代码在执行之前,浏览器默认会将JS代码中有关var或者function声明的变量或者函数在内存中进行提前声明以及原创 2021-01-25 09:56:43 · 99 阅读 · 0 评论 -
JavaScript 数组及数组常用方法
——————————————JavaScript语法结构「数组及数组的相关操作」——————————————数组数组的概念数组是可以将一组相关的数据一起存放,并且提供了一些方便访问以及获取的方式数组的本质是一组数据的集合,里面的每个成员数据称为元素,一个数组里面可以存放任意多个以及任意类型的数据(一个JS数组中的元素类型可以不相同)数组的创建 var arr=["张三","男",23]; console.log(arr);数组的创建方式原创 2021-01-11 14:19:44 · 97 阅读 · 0 评论 -
JavaScript运筹帷幄,掌控全局
—————————————————JavaScript语法结构「流程控制」———————————————————————————————————————————————————————————流程控制流程控制的概念在一个程序的执行过程中。每行代码的执行顺序如果不同,对于程序的执行结果是不一样的。一般情况下需要人为控制代码的执行过程以达到我们需要的效果通过一定的手段控制代码的执行顺序分类顺序结构:标准的从上往下执行的顺序分支结构:通过判断一定的条件选择所要执行的代码,而产生若干分支循环原创 2021-01-08 09:35:00 · 187 阅读 · 2 评论 -
JavaScript 人算不如计算机算
JavaScript 人算不如计算机算————————————须知基础知识须知「变量概念」「运算符」————————————什么是变量内存中开辟一个临时空间,装载临时数据,这个空间中的数据可以修改变量命名规范使用两种命名规范,驼峰命名法(命名中首单词全部小写,之后单词首字母大写)、帕斯卡命名法(命名中的所有单词首字母大写)驼峰命名法适用于:变量、方法,帕斯卡命名法适用于:对象命名变量名称不能是关键字变量名称必须以字母,下划线开头,之后可以跟数字,尽量不要使用特殊符号命名变量,务必要原创 2021-01-05 16:28:18 · 78 阅读 · 1 评论 -
JavaScript 今天你是什么类型的靓仔
JavaScript 今天你是什么类型的靓仔———————————————————————————————————————————————————————————须知基础知识须知「JS中的数据类型【重】」———————————————————————————————————————————————————————————「JS中的数据类型【重】」Number,数字类型:整数、小数string,代表字符串类型,字符串类型赋值使用单引号或者双引号都行boolean,表示对错的数据类型,只有两个原创 2020-12-31 09:21:51 · 166 阅读 · 0 评论 -
JavaScript 科技推动进步
JavaScript 科技推动进步要想学好一门编程语言我们首先应该知道这门语言是什么,怎么样才能使用这门语言————————————————————————————须知基础知识须知「JS简介」「JS书写方式」「JS注释」「JS的控制台输出」————————————————————————————「JS简介」avaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScri原创 2020-12-30 11:10:34 · 569 阅读 · 4 评论 -
万事万物皆为对象··你有对象了吗?
对象为什么要有对象function printPerson(name, age, sex....) {}// 函数的参数如果特别多的话,可以使用对象简化function printPerson(person) { console.log(person.name); ……}什么是对象现实生活中:万物皆对象,对象是一个具体的事物,一个具体的事物就会有行为和特征。举例: 一部车,一个手机车是一类事物,门口停的那辆车才是对象 特征:红色、四个轮子 行为:驾驶、刹车JavaScr原创 2020-12-25 09:20:31 · 140 阅读 · 0 评论 -
JavaScript【流程控制】【数组】【函数】【函数作用域】经典!!
表达式和语句表达式一个表达式可以产生一个值,有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。语句语句可以理解为一个行为,循环语句和判断语句就是典型的语句。一个程序有很多个语句组成,一般情况下;分割一个一个的语句流程控制程序的三种基本结构顺序结构从上到下执行的代码就是顺序结构程序默认就是由上到下顺序执行的分支结构根据不同的情况,执行对应代码循环结构循环结构:重复做一件事情分支结构if语句语法结构if (/* 条件表达式 */) { //原创 2020-12-21 18:15:48 · 85 阅读 · 0 评论 -
JavaScript基石【数据类型//注释//转换//操作符】
数据类型简单数据类型Number、String、Boolean、Undefined、NullNumber类型数值字面量:数值的固定值的表示法110 1024 60.5进制十进制 var num = 9; 进行算数计算时,八进制和十六进制表示的数值最终都将被转换成十进制数值。十六进制 var num = 0xA; 数字序列范围:0~9以及A~F八进制 var num1 = 07; // 对应十进制的7 var num2 = 019; // 对应十进原创 2020-12-15 16:28:30 · 101 阅读 · 0 评论 -
揭开脚本的神秘面纱!【JavaScript】初识!
JavaScript基础一句话送给大家:当你要放弃的时候想想当初为什么坚持到现在!变量的声明及使用数据类型类型转换运算符课外提示1.敲代码用指法,指法配图,坚持一周者即可熟练2.码农不需要练就一阳指或者二指禅3.可以使用金山打字通,此处并非打广告,个人建议,天天敲代码,不停的反复的敲练习和作业,速度和基本功的快速提升windows中的常用快捷键浏览器说明浏览器是指可以显示网页服务器或者文件系统的HTML文件内容,并让用户与这些文件交互的一种软件。通俗的讲:可以显示页面的一个软件原创 2020-12-11 14:54:17 · 200 阅读 · 0 评论 -
BFC块级格式化上下文·打造规范生活
BFC(Block formatting context)直译为"块级格式化上下文"。元素的显示模式我们前面讲过 元素的显示模式 display。分为 块级元素 行内元素 行内块元素 ,其实,它还有很多其他显示模式。那些元素会具有BFC的条件不是所有的元素模式都能产生BFC,w3c 规范:display 属性为 block, list-item, table 的元素,会产生BFC.大家有么有发现这个三个都是用来布局最为合理的元素,因为他们就是用来可视化布局。注意其他的,displa原创 2020-11-28 14:31:09 · 86 阅读 · 0 评论 -
H5,C3新特性,你值得拥有
HTML5新标签与特性文档类型设定documentHTML: sublime 输入 html:4sXHTML: sublime 输入 html:xtHTML5 sublime 输入 html:5 字符设定<meta http-equiv="charset" content="utf-8">:HTML与XHTML中建议这样去写<meta charset="utf-8">:HTML5的标签中建议这样去写原创 2020-11-23 14:24:56 · 618 阅读 · 3 评论 -
京东实战·案例·[项目]
京东项目(一)京东项目介绍项目名称:京东网项目描述:京东首页公共部分的头部和尾部制作,京东首页中间部分。项目背景现阶段电商类网站很流行,很多同学毕业之后会进入电商类企业工作,同时电商类网站需要的技术也是较为复杂的,这里用京东电商网站复习、总结、提高前面所学布局技术。其实,最主要的原因还是,为啥写京东? 因为刘强东,赚了我们的钱,抢了我们的女神, 我们也要学刘强东,赚别人的钱,抢别人…额,自己的女神。。。设计目标保证浏览器 ie7及以上, 火狐, 360, safari,chrome等。谁原创 2020-11-20 20:33:17 · 2730 阅读 · 0 评论 -
CSS··请你搞清楚自己的‘‘定位‘‘
定位(position)如果,说浮动, 关键在一个 “浮” 字上面, 那么 我们的定位,关键在于一个 “位” 上。PS: 定位是我们CSS算是数一数二难点的了,但是,你务必要学好它,我们CSS离不开定位,特别是后面的js特效,天天和定位打交道。不要抵触它,反而要爱上它,它可以让我们工作更加轻松哦!为什么要用定位?那么定位,最长运用的场景再那里呢? 来看几幅图片,你一定会有感悟!第一幅图, 小黄色块可以再图片上移动:第二幅图, 左右箭头压住图片:第三幅图, hot 再盒子外面多出一块,原创 2020-11-16 18:37:12 · 394 阅读 · 1 评论 -
CSS盒子模型AND浮动[附:常用工具ps]
课程目标:熟练掌握CSS盒子模型熟练掌握CSS浮动盒子模型(CSS重点)其实,CSS就三个大模块: 盒子模型 、 浮动 、 定位,其余的都是细节。要求这三部分,无论如何也要学的非常精通。所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。看透网页布局的本质网页布局中,我们是如何把里面的文字,图片,按照美工给我们的效果图排列的整齐有序呢?牛奶是怎.原创 2020-11-13 09:47:45 · 826 阅读 · 2 评论 -
CSS交个朋友吧
课程目标:学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示模式熟练掌握CSS背景属性熟练掌握CSS三大特性CSS的发展历程从HTML被发明开始,样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能。但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也越来越臃肿。.原创 2020-11-09 19:59:24 · 899 阅读 · 0 评论 -
Web开发·前端基础 [初始HTML]_Day-01
学习目标:了解常用浏览器掌握WEB标准理解标签语义化掌握常用的排版标签掌握常用的文本格式化图像链接等标签掌握三种列表标签掌握表格标签掌握表格标签掌握表单标签typora-copy-images-to: mediaHTML 第一天目标能够写出基本的页面(里面包含图片、各种标签和链接)开发工具我们主要用的 开发工具有 chrome 、 sublime 、 photoshop 、vscode浏览器(显示)浏览器是网页显示、运行的平台,常用的浏览器有IE、火狐(F.原创 2020-11-06 12:31:36 · 883 阅读 · 0 评论