Es6常用API整理
ES6常用API整理ECMAScript 6简介ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。
let和const命名let基本用法-块级作用域在es6中可以使用let声明变量,用法类似于var
⚠️ let声明的变量,只在let命令所在的代码块内有效
123456{ let a = 10; var b = 20;}console.log(a); //a is not definedconsole.log(b); //20
不存在变量提升var命令会发生变量提升现象,即变量可以在声明之前使用,值为undefined。这种现象多多少少是有些奇怪的,按照一般的逻辑,变量应该在声明语句之后才可以使用。
为了纠正这种现象,let命令改变了语法行为,它所声明的变量一定在声明后使用,否则报错
123456789//var的情况console.log(c);//输出undefined ...
JavaScript知识整理
0、前端知识体系想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走,其中前端是绕不开的一门必修课。本阶段课程的主要目的就是带领Java后台程序员认识前端、了解前端、掌握前端,为实现成为“互联网Java全栈工程师”再向前迈进一步。
0.1、前端三要素
HTML(结构):超文本标记语言(Hyper Text Markup Language),决定网页的结构和内容
CSS(表现):层叠样式表(Cascading Style Sheets),设定网页的表现样式。
JavaScript(行为):是一种弱类型脚本语言,其源码不需经过编译,而是由浏览器解释运行,用于控制网页的行为
0.2、结构层(HTML)
太简单,略
0.3、表现层(CSS)
CSS层叠样式表是一门标记语言,并不是编程语言,因此不可以自定义变量,不可以引用等,换句话说就是不具备任何语法支持,它主要缺陷如下:
语法不够强大,比如无法嵌套书写,导致模块化开发中需要书写很多重复的选择器;
没有变量和合理的样式复用机制,使得逻辑上相关的属性值必须以字面量的形式重复输出,导致难以维护;这就导致了我们在工作中无端增加了许多 ...
Git复习
Git的本质:版本控制! 版本控制! 版本控制!
什么是版本控制版本控制(Revision control)是一种在开发的过程中用于管理我们对文件、目录或工程等内容的修改历史,方便查看更改历史记录,备份以便恢复以前的版本的软件工程技术。
实现跨区域多人协同开发
追踪和记载一个或者多个文件的历史记录
组织和保护你的源代码和文档
统计工作量
并行开发、提高开发效率
跟踪记录整个软件的开发过程
减轻开发人员的负担,节省时间,同时降低人为错误
简单说就是用于管理多人协同开发项目的技术。
没有进行版本控制或者版本控制本身缺乏正确的流程管理,在软件开发过程中将会引入很多问题,如软件代码的一致性、软件内容的冗余、软件过程的事物性、软件开发过程中的并发性、软件源代码的安全性,以及软件的整合等问题。
无论是工作还是学习,或者是自己做笔记,都经历过这样一个阶段!我们就迫切需要一个版本控制工具!多人开发就必须要使用版本控制!
常见的版本控制工具我们学习的东西,一定是当下最流行的!
主流的版本控制器有如下这些:
Git
SVN(Subversion)
CVS(Concurrent Versi ...
前端鉴权的方式
前端鉴权
保持用户的登录状态,在前端开发中也是一门不小的学问,涉及到的知识覆盖前后端。
目前前端用来处理用户鉴权信息的方式,大题看来有两种。
cookie 说到 cookie 大家都会想起饼干,在前端的领域里 cookie 用于存储变量。在前端请求网络资源或是后端接口时,请求头 Headers 里都会带上当前域下的 cookie 信息,服务端通过检测请求头内的 cookie 判断当前用户的登录状态是否过期,或是 cookie 是否错误,来判断当前用户是否能成功返回响应。
把 cookie 信息种到当前域名这个过程不会复杂,无论是 Java、PHP、Node 等服务端语言去编写接口,都有相应的种 cookie 的 API。这个过程大概是,前端请求登录接口,后端验证用户名和密码是否正确。在正确的情况下服务端 Set-Cookie ,参数大致是域名、有效时间、secure (是否 HTTPS ) 等,种下 cookie 之后,浏览器就会在指定域下添加相应的 cookie 信息。
token有些同学会有这样的疑问,如果没有浏览器环境,那就没有种 cookie 的环境,用户状态如何维护?
这里 ...
优秀资源链接分享
实用链接
全国图书馆参考咨询联盟:http://www.ucdrs.superlib.net/
科学文库:http://book.sciencereading.cn/shop/main/Login/shopFrame.do
photopea: https://www.photopea.com/
秘塔写作猫:https://xiezuocat.com/#/
Grammarly: https://app.grammarly.com/
PDF转换:www.hipdf.cn/brs
桌面端万兴PDF专家:https://pdf.wondershare.cn/landing_aini.html?utm_source=bilirs
photopea: https://www.photopea.com/
能不能好好说话:https://lab.magiconch.com/nbnhhsh/
视频网站会员号:https://www.fenxiangdashi.com/
临时邮箱:https://temp-mail.org/zh/
临时验证码:https://www.materialtools.com/? ...
Less--CSS预处理工具
初识 LessLess 是什么Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。 Less 可以运行在 Node 或浏览器端。最基础的例子如下所示:
123456789@base: #fff;.wh(@width, @height) { width: @width; height: @height;}.box { color: @base; .wh('30px', '30px')}
编译输出后的结果:
12345.box { color: #fff; width: '30px'; height: '30px';}
浏览器中使用 Less我们如何在网页中使用 Less 呢?有两种形式,第一种是通过 npm 下载 Less 包,通过 webpack 打包编译后可以编译成最终的 CSS。第二种是直接通过 Less 脚本在 HTML 页面中使用。 本章为了方便学习 L ...
Css复习笔记
CSS3学习1.css是什么
2.CSS怎么用(快速入门)
3.CSS选择器(重点 + 难点)
4.美化页面(文字、阴影、超链接、列表、渐变…)
5.盒子模型
6.浮动
7.定位
8.网页动画(特效)->菜鸟教程->w3cschool
1.什么是CSS1.1、什么是CSSCascading Style Sheet 层叠样式表CSS:表现(美化网页)字体,颜色,边距,高度,宽度,背景图片,网页定位,网页浮动
1.2、发展史CSS1.0CSS2.0:DIV(块)+CSS,HTML与CSS结构分离的思想,网页变得简单,SEOCSS2.1:浮动,定位CSS3.0:圆角、阴影、动画…浏览器兼容性~
2、快速入门2.1.1、练习格式:
123456789101112131415161718192021222324<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title ...
Html复习笔记
HTML笔记1、初识HTML
HyperTextMarkupLanguage(超文本标记语言)
< body >、< /body>等成对的标签,分别叫做开放标签和闭合标签,
单独呈现的标签(空元素),如< hr/ >;意为用/来关闭空元素。
html注释:< !–注释内容–>
12345678910111213141516171819<!--DOCTYPE:告诉浏览器使用什么规范(默认是html)--><!DOCTYPE html><!--语言 zh中文 en英文--><html lang="zh"><!--head标签代表网页头部--><head><!-- meta 描述性标签,表示用来描述网站的一些信息--><!-- 一般用来做SEO--> <meta charset="UTF-8"> <meta name="keywords" cont ...
Vue复习之旅-Vue-cli篇
Vue CLI 简介CLI」是 command-line-interface 的缩写,全称为「命令行界面」。Vue CLI 是基于 Node 环境,集成了 Webpack 对文件进行编译、压缩、打包、ES6 转 ES5等一系列操作,目前最新的 Vue CLI 为 4.1.x 版本。
为什么要使用 Vue CLI如果我们手动从零开始搭建 Vue 的开发环境,会遇到很多不必要的麻烦。虽然这样能让我们更好的学习整个 Vue 的生态,但是从项目的角度出发,为了更好地把精力放在业务上,并且减少开发中遇问题要抽出精力去解决,所以本课程采用的是 Vue 官方提供的脚手架工具Vue CLI。它的出现很大程度上减少了我们在开发环境配置上的工作,让初级开发者更容易上手开发 Vue。
安装事项要注意的是,Vue CLI 需要 Node.js 8.9 或更高的版本,在安装之前要查看自己的电脑上的 Node 版本是否复合要求。 可以使用下列命令全局安装 Vue CLI:
123npm install -g @vue/cli# oryarn global add @vue/cli
yarn 可以通过 npm ...
Vue复习之旅-全局API及生命周期
全局 API 是什么举个比较好理解的例子,Vue 就好比一块蛋糕,生命周期钩子函数以及内部指令可以理解为做蛋糕用的面粉、糖、鸡蛋等。而全局 API 就是裹在蛋糕外面的奶油,让整个蛋糕(Vue)看起来更加美味。全局 API 的作用就是给 Vue 以更多的自由,大家可以根据自己项目的需求,通过全局 API 来制作出各种各样的方法工具。
Vue.extendVue.extend 是什么?作为全局 API 中的一员,在实际开发中很少会被用到,因为相比我们经常使用的 Vue.component ,Vue.extend 在写法上就会显得比较繁琐。但在一些比较特殊的场景下,Vue.extend + $mount 是我们需要去了解的。
自定义纯标签假设我现在有个需求,在很多地方需要用到我的官网名称,并且这个官网名称还带上 url 地址,可点击跳转到我的官网,在模板中,只需要写一个 <official/> 就能展示。
让我们来看看用 Vue.extend 怎么去实现,新建 demo.html 代码如下:
12345678910111213141516171819202122232425262 ...