自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 Vue文档

Vue

2022-07-22 09:15:23 373

原创 20-Git和SVN

git 和 SVN 的区别SVN优缺点优点:集中式管理系统管理方便,逻辑明确易于管理,集中式服务器更能保证安全性代码一致性非常高适合开发人数不多的项目开发缺点:服务器压力太大,数据库容量暴增如果不能连接到服务器上,基本上不可以工作,如果服务器不能连接上,就不能提交,还原,对比等等不适合开源开发git优缺点优点:适合分布式开发,强调个体公共服务器压力和数据量都不会太大速度快,灵活任意两个开发者之间可以很容易的解决冲突离线工作缺点:学习周期相对而

2022-06-23 23:39:36 220

原创 18-sass总结

SASS是css的一种扩展语言,可以快速编写css.安装sass 是基于ruby语言,安装ruby (ruby -v)get install sass (sass -v)输出方式nested : 嵌套缩进的 css 代码,它是默认值expanded:没有缩进的、扩展的 css 代码compact:简洁格式的 css 代码compressed:压缩后的 css 代码导入功能@import ‘名字’;如果不想被编译,在名字前面添加一个下划线嵌套功能选择器嵌套属

2022-05-15 16:21:07 339

原创 19-Glup

什么是Gulp?gulp是前端自动化构建工具作用是什么?压缩html gulp-htmlmin编译sass gulp-sass编译less gulp-less压缩css gulp-cssnano重命名 gulp-rename压缩js gulp-uglify合并文件 gulp-concat将ES6转为ES5 gulp-babel @babel/core @babel/preset-env压缩图片 gulp-imagemin如何安装gulp?全局安

2022-05-15 16:20:22 244

原创 17-HTTP、SQL

HTTPhttp 是我们前后台交互的时候的传输协议(即超文本传输协议)http 的工作流程和服务器建立链接建立链接的主要步骤叫做 三次握手客户端发送一个消息给到服务端此时:服务端知道了 客户端可以正常发送消息服务端知道了 服务端可以正常接受消息服务端回给客户端一个消息此时:服务端知道了 客户端可以正常发送消息服务端知道了 服务端可以正常接受消息客户端知道了 客户端可以正常发送消息客户端知道了 客户端可以正常接受消息客户端知道了 服务端可以正常接受消息客户端

2022-05-15 16:19:23 386

原创 16-闭包~原型链

闭包什么是闭包?简单来说,闭包就是函数嵌套函数,是为了让外面有权限去访问一个函数中的局部变量。函数:正常来说调用时开辟空间,调用结束后,立即释放空间。大量使用闭包可能会产生内存泄露。(IE)如何解决内存泄露?将使用完毕的变量赋值为null.闭包原理:利用了JS中的垃圾回收机制,正常情况下,当使用完的函数就会释放空间,包含函数中的变量。但是在回收垃圾的过程中,发现被回收的这个变量正在被另一个函数使用,那么这个变量将永远不再被回收。应用场景.有回调函数的地方就会有闭包

2022-05-15 16:18:09 429

原创 15-Promise

异步编程问题如何让异步程序按顺序执行?如何请求具有依赖关系的内容?Promise : ES6提出的异步编程解决方案? //检测机构 //resolve : 表示成功的状态 //reject : 表示失败的状态 new Promise((resolve,reject) => { if(处理异步程序){ resolve([参数]); }else{ reject([参数]);

2022-05-15 16:17:51 778

原创 14-封装ajax

ajaxAjax是一种使用现有技术集合,技术内容包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。用于浏览器与服务器之间使用异步数据传输(HTTP 请求),做到局部请求以实现局部刷新作用不刷新页面而更新网页(局部刷新)在页面加载后从服务器请求数据在页面加载后从服务器接收数据前端和后端负载平衡优点:在不刷新整个页面的情况下维持与服务器通信使用异步的方式与服务器通信,不打断用户的操作将

2022-05-15 16:17:24 278

原创 13-cookie封装

let $ = { // 创建cookie cookie(key,value,json = {}){ let cookie_str = encodeURIComponent(key) + "=" + encodeURIComponent(value); if(!isNaN(json.expires)){ let date = new Date(); date.setDate(date.getDate() + js

2022-05-15 16:16:42 91

原创 11-正则

正则的概述什么是正则表达式?一组匹配字符串的规则。作用?主要用于表单验证。用于处理复杂的字符串。如何创建正则表达式?字面量: /正则表达式/标志位构造函数: new RegExp(‘正则表达式’,‘标志位’)正则的方法?正则表达式.test(字符串) : 检测字符串中是否包含了正则表达式的内容,如果包含了,则返回true.否则,返回false正则表达式.exec(字符串) : 将正则表达式匹配的结果以数组的形式返回。处理正则的字符串方法?字符串.match

2022-05-14 08:59:50 133

原创 12-ES5和ES6

严格模式如何启动严格模式? 在作用域的开头添加’use strict’;严格模式有哪些影响?必须使用关键字声明变量函数中的形参不允许重复函数中的形参值的改变不再影响arguments中值取消了arguments中的callee方法取消了解析对象的with方法取消了八进制新增关键字eval arguments修改上下文中的this指向这两个修改this指向的方法都是 函数的方法,都是用于修改this指向。call(对象,参数1,参数2,……) : 返回对象apply

2022-05-14 08:59:15 169

原创 10-事件监听

浏览器的默认行为及阻止右键菜单右键菜单事件- oncontextmenu超链接拖拽 - ondragstart阻止默认行为标准浏览器: event.preventDefault()IE浏览器 : event.returnValue = false;兼容:function preventDefault(evt){ var e = evt || window.event; e.preventDefault ? e.preventDefault() :

2022-05-13 10:45:04 341

原创 9-事件流

什么是事件对象?(飞机上的黑匣子、汽车上的行车记录仪、教室中的摄像头)当绑定对象的事件被触发时,所发生的信息会记录在一个地方,这个这个地方叫做事件对象。如何获取事件对象?标准浏览器获取事件对象:通过触发事件时,给事件处理程序传递的第一个参数。IE浏览器获取事件对象:通过window对象的属性event来获取兼容function fn(evt){return evt || window.event;}事件对象的应用如何获取鼠标的编码值?event.button

2022-05-13 10:44:47 112

原创 8-BOM和DOM

BOM什么BOM?浏览器对象模型。BOM中的顶级对象是什么?window顶级对象下面有哪些子对象?document location history navigator frames screenwindow对象的方法有哪些?alert() : 警告框confirm() :选择框prompt() :输入框open() :打开新窗口close() : 关闭当前窗口location对象跳转页面window.locationloc

2022-05-13 10:44:31 574

原创 7-Math和Date

Math : 数学对象 (千万不要去new)Math.PI : 圆周率Math.abs() : 求绝对值Math.round() : 四舍五入如果是负数时, <= 0.5 舍去 > 0.5 进一console.log(Math.round(4.5)); // 5console.log(Math.round(4.4)); //4console.log(Math.round(-4.5)); //-4console.log(Math.round(-4.500001))

2022-05-13 10:44:01 117

原创 6-ES5和String

ES5扩展内容严格模式启动严格模式:使用’use strict’要求:必须放在作用域的开头部分。严格模式的影响必须使用关键字声明变量函数中的形参名不允许重复函数中形参值的改变不再影响arguments中的值。取消了arguments中的callee方法取消了解析对象的with方法取消了八进制新增了关键字eval 和 arguments好处:使语法更加规范,减少编程中的错误。数组新增方法indexOf(元素,start) : 查找元素在数组中第一次出现的下标位置,如果

2022-05-13 10:43:44 207

原创 5-数组的概述

数组的概述概念 :是存储一组或一系列相关数据的容器。好处 :集中管理数据,提高访问速度。类型 : Object数组元素 : 存储在具有唯一索引号的空间中的数据数组下标 : 可以唯一标识一个空间的索引号最小下标是: 0最大下标是: 长度 - 1数组的声明字面量方式: []构造函数的方式: new Array()//字面量var arr = []; //创建了一个空数组var arr01 = [1,2,true,4]; //数组的初始化console.log(a

2022-05-13 10:43:23 152

原创 4-函数的概述

函数的概述概念:将(反复)使用的功能代码,(封装)成一个独立的模块,这个模块叫做函数。好处:使程序独立可控。一次封装,无限使用(复用度高)分类:内置函数自定义函数类型:Function函数的定义(声明)语句定义法(声明式函数): 可以在程序的任意位置调用。function 函数名([参数]){ //功能}表达式定义法(赋值式函数):只能先声明,后调用。var 变量名 = function([参数]){ //功能}函数的调用一

2022-05-13 10:42:57 106

原创 3-循环结构

循环概念满足一定条件,(重复)执行一个动作或一段代码。循环思想(循环三要素)从哪里开始到哪里结束步长(步进)实现循环的语句有哪些?whiledo whilefor当型循环 循环初值(设置一个循环变量:计数器) while(循环条件){ //循环体 语句组; 步长; }直到型循环 循环初值(设置一个循环变量:计数器) do{ //循环体 语句组; 步长;

2022-05-13 10:37:43 94

原创 2-逻辑分支

程序流程控制的三大结构?顺序结构:从上到下,从左到右依次执行第一条语句,不允许跳过任何一条语句。选择结构:根据条件,(选择)执行某一段代码。循环结构:满足一定的条件,(重复)执行一段代码。实现选择结构的语句有哪些?三元运算符 ?:ifswitch单分支语句语法 if(条件){ 语句组; }双分支语句语法 if(条件){ 语句组; }else{ 语句组; }注:1. 双分支

2022-05-13 10:37:24 99

原创 1-基本语法

JavaScript概述概念:什么是Javascript?JS是一种(基于对象)和(事件驱动)的(脚本)语言。作用是什么?实现页面特效。实现页面或前后交互效果。JS诞生于哪一年?哪家公司?谁写的?第一个名字叫什么?1995年网景布兰登liveScriptJavaScript与Java是什么关系?没有任何关系。JS的第一套前端标准: ECMA-262JS包含哪几部分?ECMAScriptBOM(浏览器对象模型)DOM(文档对象模型)

2022-05-13 10:37:09 116

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除