- 博客(26)
- 收藏
- 关注
原创 尚硅谷Web前端ES6教程,涵盖ES6-ES11(p16-p48)
一、再谈symbol1.使用keyfor获得symbol.for创建的symbol的描述let test = Symbol.for(“我是描述”)console.log(Symbol.keyFor(test))2.获取symbol创建的描述let test = Symbol(“我是描述”)console.log(test.description);3.symbol不能使用for…in和for…of来遍历读取4.symbol用来作为属性具有唯一性5.symbol的属性-Object.ge
2021-02-06 13:52:11
291
原创 2019年最全最新Vue、Vuejs教程,从入门到精通【p119-p147】
一、Promise1.什么是Promise-Promise是ES6中非常重要和好用的特性,在JS中Promise是异步编程的一种解决方案2.处理异步事件的情况-一种很常见的场景应该就是网络请求了,我们封装一个网络请求的函数,因为不能立即拿到结果,所以不能像简单的3+4=7一样将结果返回。所以我们往往会传入另外一个函数,在数据请求成功时,将数据通过传入的函数回调出去,如果只是一个简单的网络请求,那么这种方案不会给我们带来很大的麻烦。但是,当网络请求非常复杂时,就会出现回调地狱。3.Promise的使
2021-02-02 16:22:07
374
原创 2019年最全最新Vue、Vuejs教程,从入门到精通【p91-p118】
一、Vue CLI1.什么是Vue CLI-CLI是Command-Line Interface ,翻译为命令行界面,俗称脚手架。-Vue CLI是一个官方发布vue.js项目脚手架-使用vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置.2.安装Vue CLI-npm install -g @vue/cli 安装脚手架2:npm install -g @vue/cli-init-vue create 项目名称 /vue init webpack 项目名称 脚手
2021-01-30 20:27:49
642
原创 2019年最全最新Vue、Vuejs教程,从入门到精通【p26-p63】
2019年最全最新Vue、Vuejs教程,从入门到精通一、let和var1.let的好处-ES5之前因为if和for都没有块级作用域的概念,所以在很多时候,我们都必须借助于function的作用域来解决引用外部变量的问题。在ES6中,let它是有if和for的块级作用域的,而在ES5中的var是没有块级作用域的2.代码演示二、v-on1.v-on的语法糖-v-on:click=“方法()” 可以写成@click=“方法()”-如果该方法不需要额外的参数,那么方法后的()可以不添加2.v-
2021-01-24 19:54:40
494
原创 2019年最全最新Vue、Vuejs教程,从入门到精通【p1-p25】
2019年最全最新Vue、Vuejs教程,从入门到精通一、Vue、Vuejs的认识和特点介绍1.Vue是一个渐进式的框架,什么是渐进式的呢?-渐进式意味着你可以把vue作为你应用的一部分嵌入其中,慢慢对项目中的一部分进行重构,-如果你希望将更多的业务逻辑使用vue实现,那么将会使用到vue的全家桶core(vue的核心)+router+Vuex(vue的状态管理)2.vue有很多特点和Web开发中常见的高级功能-解耦视图和数据-可复用的组件-前端路由技术-状态管理-虚拟DOM3.官网
2021-01-21 23:39:15
553
原创 尚硅谷Web前端ES6教程,涵盖ES6-ES11(p1-p15)
尚硅谷Web前端ES6教程,涵盖ES6-ES11一、let关键字1.变量不能重复声明-let star = ‘罗志祥’;let star = ‘小猪’;2.块级作用域-let关键字声明的变量,在块级作用域外无法查询到3.不存在变量提升-不允许在变量声明前使用变量4.不影响作用域链5.可以利用块级作用域隔开其他变量的影响遍历并绑定事件for(let i = 0;i<items.length;i++){items[i].onclick = function(){//修改当前元
2021-01-18 22:13:58
410
原创 尚硅谷最新版JavaScript基础全套教程完整版(p124-p140)
尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)一、BOM1.定义-浏览器对象模型-BOM可以使我们通过JS来操作浏览器,在BOM中为我们提供了一组对象,用来完成对浏览器的操作2.BOM对象-window 代表的是整个浏览器的窗口,同时window也是网页中的全局对象-Navigator 代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器-Location 代表的浏览器的地址栏信息,通过Location可以获取地址栏信息,或者操作浏览器跳转页面
2021-01-18 16:29:16
373
原创 尚硅谷最新版JavaScript基础全套教程完整版(p91-p109)
尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)一、DOM1.什么是DOM-DOM(全称为 Document Object Model 文档对象模型)-JS可以通过DOM对HTML文档进行操作,这里的model模型指的就是HTML文档中对象之间的关系2.节点(Node)-节点是构成我们网页的基本单位-常用节点分成四类: 文档节点(整个HTML网页)、元素节点(HTML文档中的HTML标签)、属性节点(元素的属性)、文本节点(HTML标签中的文本内容)
2021-01-14 23:52:32
408
原创 尚硅谷最新版JavaScript基础全套教程完整版(p79-p90)
尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)一、函数的方法1.call()和 apply()方法-这两个方法都是函数对象方法,需要通过函数对象来调用-当对函数调用call和apply方法时,都会调用函数执行-在调用call和apply时,可以将一个对象指定成第一个参数,此时这个对象将会成为函数执行时的this-call()方法可以将实参在对象之后依次传递-apply()方法需要将实参封装到数组中统一传递2.this的情况-以函数情况调用时,th
2021-01-13 18:11:14
332
原创 尚硅谷最新版JavaScript基础全套教程完整版(p66-p78)
尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)一、原型对象1.原型(prototype)-我们所创建的每一个函数,解析器都会向函数中添加一个属性,叫做prototype-这个属性对应了一个对象,这个对象就是我们所谓的原型对象。-如果函数作为普通函数调用prototype,那么prototype没有任何作用。如果函数作为构造函数调用prototype,它所创建的对象中都会有一个隐含的属性指向该构造函数的原型对象,我们可以通过下划线("_proto _")来
2021-01-12 18:58:49
219
原创 尚硅谷最新版JavaScript基础全套教程完整版(p48-p65)
尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)一、基本数据类型和引用数据类型1.基本数据类型-string 、 number 、 Boolean 、null 、undefined2.引用数据类型-object3.区别-JS中的变量都是保存到栈内存中的,基本数据类型的值直接在栈内存中存储,值与值之间是独立存在的,修改一个变量不会影响另外一个变量。-引用数据类型(对象)是保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟出一个新的空间,而变量保存
2021-01-10 20:46:54
246
原创 尚硅谷最新版JavaScript基础全套教程完整版(p23-p48)
尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)一、Unicode编码1.使用方法-在字符串中如果要使用unicode编码,那么可以用 \u四位编码 来输出。2.unicode网站unicode网址二、相等运算符1.相等-相等运算符用来比较两个值是否相等,如果相等返回true,不相等会返回false2.相等运算的规则-使用==来做相等运算,当两个值类型不同时,则会将其转换成相同的类型进行比较。例子: 当 true 与 ”1“进行比较时,这两个值
2021-01-08 16:36:58
743
原创 尚硅谷最新版JavaScript基础全套教程完整版(p2-22)
尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)一、JS的Helloworld和编写位置1.js输出语句-alert(”“); 控制浏览器弹出一个警告框-document.write(""); 让计算机在页面中输出一个内容-console.log(); 向控制台输出一个内容-JS代码执行的顺序是从上往下的2.js编写的位置-js代码可以写到我们标签的onclick属性当中,当我们点击按钮时,js代码才会执行。可以将js代码写在超链接的href属性中,
2021-01-06 15:46:35
256
原创 尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p131-p148】
尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)一、flex(弹性盒、伸缩盒)1.简介-弹性盒是css中的又一种布局手段,它主要用来代替浮动来完成页面的布局。-flex可以使元素具有弹性,可以让元素根据页面大小的改变而改变。2.弹性容器-要设置弹性盒,必须先将一个元素设置为弹性容器。-我们通过 display来设置弹性容器-display-flex:设置为块级的弹性容器-display-inline-flex:设置为行内的弹性容器3.弹性元素-弹性容器的
2021-01-04 19:39:58
474
原创 尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p115-p130】
尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)一、过渡1.transition的作用-通过过渡,可以指定一个属性发生变化时的切换方式。-通过过渡,可以创建一些非常好的效果,提升用户的体验。2.transition的属性值-transition-property:指定需要过渡的属性,多个属性间用逗号隔开,如果所有属性都需要过渡,则可以使用all关键字。大部分有数值的属性,值是可以计算的,都支持过渡效果。注意:过渡时,必须从一个有效值向另外一个有效值进行过渡。-t
2021-01-03 18:16:21
296
原创 尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p89-p100】
尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)p89一、背景1.background-color-设置背景颜色2.background-image-设置背景图片3.background-repeat-设置背景的重复方式-可选值:repeat(默认值,背景会沿着x轴、y轴重复平铺)、repeat-x(沿着x轴重复)、repeat-y(沿着y轴重复)、no-repeat(不重复)4.background-position-设置背景的位置-方位词可选值:to
2020-12-28 00:01:50
223
原创 尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p69-p84】
尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)p69一、定位(position)1.定位是一个更加高级的布局手段。2.通过定位可以让元素摆放在页面的任意位置。3.使用position属性来设置定位。4.可选值:(1)static(默认值,元素是禁止的,没有开启定位)(2)relative (开启元素的相对定位) (3)absolute(开启元素的绝对定位) (4) fixed(开启元素的固定定位) (5)sticky(开启元素的粘滞定位)二、相对定位(rel
2020-12-23 19:06:45
243
原创 尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p58-p68】
尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)p58(07:42)-一、盒子的大小1.默认情况下,盒子的可见框大小由内容、内边距、边框共同决定。-box-sizing:用来设置盒子大小的计算方式(设置width和height的作用范围)。可选值:content-box(默认值,宽度和高度用来设置内容区的大小)、border-box(宽度和高度用来设置整个盒子的可见框大小,width和height指的是内容区、边框、内边距的总大小)二、轮廓、阴影和圆角1.outl
2020-12-21 09:13:42
292
1
原创 尚硅谷新版Web前端HTML5+CSS3知识点集合篇【P38-P53】
尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)p38(15:28)、一、样式的继承1.定义-我们为一个元素设置的样式,也会应用到它的后代元素。-继承是发生在祖先和后代之间的。-优点:继承的设计是为了方便我们的开发,利用继承我们可以将一些通用的样式设置到共同的祖先元素上,这样我们只需要设置一次,就可以让所有元素都获取到该样式。-注意:并不是所有的样式都会被继承,比如背景、布局等相关的这些样式都不会被继承。二、选择器的权重1.当我们通过不同的选择器选中一个相同
2020-12-17 22:39:25
279
原创 尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p27-p37】
尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)p27(17:48)p28(23:54)p29 (12:47)P30 (18:12)
2020-12-16 17:05:18
292
原创 尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p20-p26】
尚硅谷新版Web前端HTML5+CSS3知识点集合笔记篇尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)p20(10:44)一、超链接1.跳转到其他页面-使用a标签来定义超链接-超链接也是行内元素,在a标签中可以嵌套除它以外的任何元素。-href属性,用来指定跳转的路径。-href的值可以是外部网页的一个地址,也可以写一个内部页面的地址。2.跳转到当前页面其他位置-最好使用相对路径p21(16:04)一、相对路径1.一般当我们需要跳转到一个服务器的内部
2020-12-15 23:44:24
300
原创 尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p11-p19】
尚硅谷新版Web前端HTML5+CSS3知识点集合笔记篇[尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)](https://www.bilibili.com/video/BV1XJ411X7Ud?from=search&seid=9656795985329486237p11(27:31)一、如何使用文档(便于查询标签和属性的软件Zeal和w3school)1.可以使用的标签、属性搜索软件:Zeal-优点在于版本较新-缺点是该软件为英文版,且有的时候连接不上
2020-12-15 18:57:16
357
原创 尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p9-p10】
尚硅谷新版Web前端HTML5+CSS3知识点集合笔记篇尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)p9(18:31)一、进制1.十进制-特点:满10进1单位数字10个(0-9)2.二进制(计算机底层进制)-特点:满2进1-单位数字2个(0、1)-所有数据在计算机底层都会以二进制形式保存-可以将内存想象成多个小格子储存的容器,每一个小格子都可以存储一个1或一个0-这一个小格子在我们内存中被称为1位(bit)-8个bit=1byte(字节)-102
2020-12-14 23:12:24
476
2
原创 尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p1-p8】
尚硅谷新版Web前端HTML5+CSS3知识点集合笔记篇尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)源码地址p1(22:55s)一、软件的分类:1.系统软件-windows、Linux、macOS2.应用软件-office、QQ3.游戏软件-绝地求生、王者荣耀二、客户端与服务器1.用户通过客户端来使用软件2.服务器负责在远程处理业务逻辑3.服务端语言-JAVA、PHP、C#、Python、node.js4.客户端的形式-文字客户端,古老的方
2020-12-14 22:24:50
1188
转载 2020-12-13【web前端HTML5(emmet插件)篇】
@[Emmet—写HTML/CSS快到飞起] Emmet—写HTML/CSS快到飞起 在前端开发的过程中,最费时间的工作就是写 HTML、CSS 代码。一堆的标签、属性、括号等,头疼。这里推荐一个Emmet语法规则,让你写的时候爽到飞起,能大大提高代码书写,只需要敲一行代码就能生成
2020-12-13 10:18:47
842
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人