自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 jsoo day04 — 设计模式

一、什么是设计模式1、概念:设计模式是可重用的用于解决软件设计中一般问题的解决方案2、设计模式是一种思想3、可以方便进行沟通,为交流问题提供了通用词汇二、设计模式的要素1、模式名称2、该模式所能解决的问题3、解决方案4、使用该模式后的效果(优点和缺点)三、设计模式的好处 1、模式是行之有效的解决方法 2、模式的重用性高 ...

2021-10-14 09:56:08 181

原创 jsoo day03 — 闭包

一、能够读取其他函数内部变量的函数。本质就是将函数内部和外部连接起来,相当于一座桥梁。结论:闭包就是函数外部得到函数内部局部变量的一种解决方案。作用: 1、实现变量私有化 2、读取函数内部变量缺点:让函数内部变量始终保持在内存中,但大量的闭包就可能会造成内存溢出(或内存泄漏)如何释放:对变量的引用 = null二、闭包的嵌套三、thisthis指谁:谁调用...

2021-10-14 09:55:56 189

原创 jsoo day02 — 封装和继承

一、为什么要封装? 1、使用更加便捷(组件形式) 2、给用户实现,但是不想修改二、封装的作用 1、实现功能 2、把死的变成活的(把具体的值写成参数)3、独立的功能,可以单独提取成一个方法(高内聚) 4、让用户更方便(包容性更强,method支持大小写,参数可以写成字符串,也可以写对象) 5、可以扩展性(支持用户的个性使用)封装: 1、如何隐藏内部的实现?...

2021-10-14 09:55:41 159

原创 第四阶段 — jsoo

一、jsoo介绍 概念:jsoo称为js面向对象,又可以叫做js高级。oo:面向对象 — 以类为基础(java)oop:面向对象编程面向对象编程:类和对象(类是对象的抽象,对象是类的实例)面向对象它是一种思想,任何语言都可以用,js中也可以使用。js面向对象(原型对象、实例对象)— 基于原型,只有对象没有类(原型对象是实例对象的抽象,实例对象是原型对象的实例)原型对象就是模板,示例:fun...

2021-10-14 09:55:19 959

原创 TypeScript

一、什么是TypeScriptTypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。TypeScript的特点:1、所有js代码、对象和库都可以应用于ts。2、ts提供了强大的类型系统,静态类型的检查能力3、丰富了class的扩展功能(接口、抽象类)4、添加了系统级设计能力TypeScript与JavaScript的区别:...

2021-10-12 10:32:21 79

原创 vue3

一、vue3新特性1、支持Tree-Shaking(剪枝),使得体积更小。es6解构赋值

2021-10-12 10:31:36 74

原创 权限管理和vue项目打包

后端权限:后端权限主要是对用户的每个请求进行权限验证,是否有该权限。前端权限:前端权限主要是对不同用户显示不同的模块,及对应模块的操作按钮等控制(隐藏或禁用)权限管理的要求:1、根据不同角色的用户,显示不同的菜单(即模块)2、不同的角色,对于同一模块的操作,显示也是一样的。如:普通的销售人员,可以查看订单列表,添加订单。销售主管,除可以查看订单列表,添加订单外,还可以进行导出报表,修改订单状态等。如上,就是我们要实现的,不同角色对于同一模块,具有不...

2021-10-12 10:31:05 157

原创 ElementUi

【扩展】1. mixins :混入2. refs : 获取dom 节点3. nextTick :dom更新后执行2. element ui深度选择器>>>/deep/

2021-10-12 10:30:18 76

原创 Vuex

vuex的工作流程1、vue组件 -> Dispatch派发 -> action2、action -> commit提交 -> mutation3、mutation -> mutate修改 -> state4、state -> render渲染 -> vue组件组成文件: state action mutation四、什么时候使用vuex中大型单页面应用(登录、购物车、tab选项...

2021-09-07 17:54:14 282

原创 vue - router(路由)

两个标签: router-link:类似于a标签,to属性相当于a标签当中的href router-view:容器,用于

2021-09-07 16:49:59 197

原创 Axios

一、axios的安装与使用1、什么是axios(ajax i/o system)axios:向服务器请求数据的一种技术,不止可以用在vue中,也可以用在react、nodejs中等2、axios的安装npm i axios3、使用 在main.js中导入:import Axios from 'axios' 配置:Vue.prototype.$axios = Axios;4、应用this.$axios.get()this.$ax...

2021-09-07 15:45:18 117

原创 Vuejs脚手架

一、Vuejs脚手架介绍1、什么是vue-cli脚手架本质:一套文件结构2、安装下载 1)、安装npm install -g @vue/cli 2)、创建项目vue create 项目名注:项目名不能包含大写字母文件结构: public(不会编译) index.html src(会编译) assets:放资源文件(css、...

2021-09-07 09:02:30 869

原创 Vue.js

一、Vuejs介绍 vue.js:是一套构建用户界面的渐进式JavaScript框架。与其他重量级框架不同的是,vue采用自底向上增量开发的设计。vue的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和Vue生态系统支持的库结合使用时,vue也完全能够为复杂的单交应用程序提供驱动。 渐进式:主张最少、自底向上。优雅降级(Graceful Degradation):一开始就构建站点的完整旎,然后针对浏览器测试...

2021-09-01 18:21:15 212

原创 Promise

一、什么是PromisePromise是由社区提出的,用于解决异步回调深渊的一种方案。Promise是异步编程的一种解决方案,它有三种状态,分别是pending进行中、resolved已完成、rejected已失败。二、Promise的使用1、声明一个Promise对象 方法1:let promise = new Promise(function(resolve,reject){ //业务逻辑 if(success){...

2021-08-31 15:33:35 78

原创 Module.exports与exports的区别

Module.exports与exports都可以用来暴露接口。Module.exports = {query:query}Module.exports.query = queryexports.query = query;exports = {query:query}也可以写成:exports = module.exports = {}引用:const xx = require('地址'); // module.exports...

2021-08-31 15:14:48 136

原创 session与cookie

一、cookieHTTP协议是一种无状态协议,session和cookie都是用于记录会话状态的两种技术。cookie: cookie将用户信息存储在客户端cookie登录demo流程: 1、用户发起登录请求 2、服务器端进行响应 3、客户端接收到数据,并将相应的数据存储到cookie文件 4、之后每一次请求都将带上cookie文件cookie的使用: document.cookie返...

2021-08-31 14:54:25 151

原创 HTML5 — canvas

一、html5是什么? html5是html的一个版本(最新),它在html4的基础上进行了修正,并且提供了一些新技术,包括本地存储(sessionStorage、localStorage)、canvas、websocket等。三、canvas1、canvas是什么?HTML<canvas>标签用于通过脚本(通常是JavaScript)动态绘制图形。2、canvas的使用 1)、html中定义一个canvas标签&lt...

2021-08-31 14:51:21 90

原创 ejs(视图模板)

一、ejs是什么? ejs是一个JavaScript模板库,用来从JSON数据中生成HTML字符串。模板:结构+数据MVC框架(Model View Controller):经典MVC模式中,M是指业务模型,V是指用户界面,C则是控制器,使用MVC的目的是将M和V的实现代码分离,从而使同一个程序可以使用不同的表现形式。其中,View的定义比较清晰,就是用户界面。二、如何使用ejs1、了解,视图模板(页面+数据)2、下载npm ins...

2021-08-31 14:50:39 1763

原创 Ajax

一、ajax是什么Ajax即Asynchronous Javascript And XML(异步JavaScript和XML),是一种可以与服务器进行交互的客户端技术,是属于JavaScript的一种浏览器技术。 最大特点:页面不重新刷新(局部更新),用户体验非常好。 缺点:不利于SEO(搜索引擎优化)推广二、如何使用Ajax 1、创建xhr对象var xhr;if(window.XMLHttpRequest){ ...

2021-08-20 09:46:12 81

原创 Nodejs

一、Node.js是什么Nodejs是一门新的后端语言,只采用了js语法(ECMA、dom、bom)中的ECMA,不支持dom和bom。是一个服务器端的js解释器。使用Google编写的v8引擎解释js语法。 特点:模块化、IO异步操作、事件驱动nodejs项目结构: public —— 静态资源文件夹view —— 视图 routes —— 模块包 app.js —— 项目入口文件 ...

2021-08-20 09:44:47 128

原创 第三阶段 数据库

一、为什么要用数据库(永久化)Q1:数据库存储在哪些地方答:变量(内存、临时存在)、硬盘、U盘、网盘(文件)二、数据库的作用1、存储大量的数据,访问和检索(管理数据)2、保证数据的完整性(正确性)3、安全和共享4、数据可以进行组合(数据分析)三、数据库是什么就是存储数据的“仓库”,本质也是一个文件四、数据存储形式发展历史1、层次模型...

2021-08-20 09:43:57 92

原创 Bootstrap

一、Bootstrap介绍Bootstrap是HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。

2021-08-20 09:42:13 90

原创 jQuery事件

一、事件类型鼠标事件键盘事件浏览器相关事件(scroll)表单相关事件html事件(用户界面事件)二、jQuery添加事件1、jQuery事件对象var e = arguments[0] || window.event;arguments //参数列表2、添加事件的两种方法方法1:jQuery提供的事件函数$("button").click(function...

2021-08-20 09:41:35 56

原创 jQuery

一、jQuery介绍1、jQuery就是一个js函数库,主要用于DOM操作(DOM节点、DOM操作节点的样式、DOM事件)。2、为什么使用jQuery:小巧、代码简洁、跨平台(不需要考虑兼容性)、高性能、插件众多3、jQuery插件库:https://www.jq22.com/4、jQuery版本:jQuery1.x、jQuery2.x、jQuery3.x二、如何使用jQuery1、下载jQuery文件(...

2021-08-20 09:40:59 98

原创 JavaScript面向对象介绍

一、面向对象介绍面向对象是一种思想面向对象语言中有两个概念:类和对象 类:对实体对象的抽象(学生) 对象:类的具体示例(张三)面向对象语言(java)js中没有类的概念,采用的原型,它相当于类js中原型对象(类)和实例对象(对象)对象由属性和方法组成,属性是静态特征(变量),方法是动态特征(函数)面向对象三大特征:封装、继承(共性)、多态(个性)一切皆对象二、对象的创建1、原生对象//js原生对象(js自己写好的对象,直接使用...

2021-08-20 09:40:13 900

原创 BOM对象

一、window对象window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。平时经常会省略window不写。document.write() 等同于 window.document.write();1、window对象的基本属性和方法计时器:setTimeOut(函数,时间):只执行一次,以毫秒为单位setInterval(函数,时间):每隔多久时间执行一次,以毫秒为单位清除计...

2021-08-19 16:11:53 80

原创 DOM Event(事件)对象

一、什么是事件事件:就是与浏览器交互的瞬间。事件的作用:通过事件去驱动(触发)程序,从而实现一些特定的操作。二、事件流事件流:指页面中执行事件的顺序分类:1、事件冒泡流:点击的具体的元素向最不具体的元素,一层一层的向上冒泡点击的元素 -> body -> html -> document -> window2、捕获流:从最不具体的元素到最具体的元素,一层一层的向下捕获window -> document -> html -> bo

2021-08-19 16:10:54 1269

原创 DOM文档对象模型

一、DOM简介1、DOM是文档对象模型(Document Object Model),由W3C组织提出的标准。2、DOM是一种XML文档的解析标准。3、DOM的原理是将XML/XHTML文档装入内容,并以节点的形式解析为一棵节点树。4、DOM提供相应的API,可以对节点树进行增删改查。5、利用DOM可以让JavaScript对网页中的元素进行控制,实现动态网页的功能。6、DOM是关于如何获取、修改、添加或删除HTML元素的标准二、DOM节点类型根据W3C的HTML DOM标准,HTML文档中的

2021-08-19 16:09:47 253

原创 String对象、Date对象和正则表达式

String对象重点:JavaScript的字符串是不可变的,String类定义的方法都不能改变字符串的内容。它返回的是全新的字符串,而不是修改原始字符串。所以String的操作非常耗性能。一、创建字符串1.使用new关键字创建字符串对象//创建字符串对象var str = new String(); //空字符串var str = new String(任何值);⒉使用字面量方式创建字符串对象var str = ""; //空字符串var str = 'Hello JavaScrip

2021-08-19 16:08:40 106

原创 JS 函数

一、什么是函数可以重复使用的代码块函数是由事件驱动或者被直接调用时执行的可重复使用的代码块二、函数的作用重用:代码重复使用分离:分离思想,可以以模块的形式将代码进行分离,提高代码的可读性,建立模块化编程的思想函数的原则:高内聚,低耦合三、函数的基本语法函数四部分:函数名、函数体(代码块)、参数(可选)、返回值(可选)函数的定义:1、函数的声明式function 函数名(参数){ 代码块1; 代码块2;}注:函数里的代码块只有调用函数时,才会被执行2、函数表达

2021-08-19 16:07:47 75

原创 JS 数组

一、数组的定义数组也是一个变量,它可以存储一组数据。数组名:代表数组的整体数组的元素:存放在数组中具体的数据数组的下标:序号从0开始二、创建一个数组1、使用new关键字创建var arr1 = new Array();var arr1 = new Array(大小);var arr1 = new Array("张三","李四","王麻子");2、使用数组赋值的方式创建var arr1 = []; //空数组var arr1 = ["张三","李四","王麻子"];三、数组的

2021-08-19 16:06:59 321

原创 JS 编程三大结构

一、三大结构1、顺序结构(默认)从上到下,一句一句的执行2、选择结构根据条件判断,执行不同的代码,可分为单分支和多分支3、循环结构根据条件,进行重复执行,不满足条件就结束循环二、选择结构1、单分支if(条件表达式){ 如果条件成立,执行本语句}2、双分支if(条件表达式){ 条件为真的处理}else{ 条件为假的处理}3、多分支(多重if)特点:对于多分支,我们会从第1个if开始判断,如果第1个if条件不满足,则判断第2个if条件……直到满足为止。一旦满

2021-08-19 16:05:47 537

原创 第二阶段 JS基础

一、什么是JavaScript1、是一种嵌入在网页中的程序段。2、是一种解释型语言(无需编译,运行时直接执行),被浏览器解释执行3、由Netscape发明,ECMA将其标准化。4、JavaScript借用了Java的名字,但它和java没有关系。5、出于安全性考虑,增加了JavaScript的限制6、增强客户端的交互功能(js事件,对html元素进行增删改查,验证数据)二、JavaScript体系ECMAScript:提供js语法规则和原生对象。BOM浏览器对象模型:与浏览器进行交互的方法

2021-08-19 16:05:05 193

原创 CSS 3

css3新增选择器字符串匹配属性选择器元素名[属性="值"],全匹配元素名[属性^="值"],表示以"值"开头的元素元素名[属性$="值",表示以I值I结尾的元素元素名[属性*="值"],表示匹配包含I值I的元素元素名[属性~="值"],匹配用空格分隔后,有等于值的元素目标伪类选择器:选择器[type="chekcbox"]:checked{ }ll选中状态下的样式设置选择器[type="text"]:disabled{ }//禁用状态下的样式设置选择器[type="text"]:re

2021-08-19 16:03:50 253

原创 浮动和定位

浮动float:none|left|right文档流:网页中元素排列顺序。标准文档流(默认):从上到下,从左到右浮动流:左浮动:从左到右,右浮动:从右到左。从上到下浮动原理:1、浮动元素将脱离标准文档流2、浮动元素不会遮挡行内元素3、浮动元素变成行内块级元素,浮动元素后面的元素会依次向上填充不允许浮动元素覆盖文字浮动带来的问题:父盒子塌陷如何解决父盒子塌陷(扩展盒子高度/清除浮动的影响)1、设置盒子高度2、overflow:hidden...

2021-08-19 16:03:03 138

原创 CSS属性

一、文本属性字体颜色 color:值; 值:单词。 十六进制:简写(两两相同时,一般为3位)。 rgb():数字(0~255 用,隔开)、百分比。英文大小写转换 text-transform:uppercase/lowercase/capitalize;文本对齐 text-align:left/center/right;(针对行内、行内块级元素,块级元素使用这个属性无效)文本缩进 text-indent:数值; 单位: px:像素 em:倍数(字体大小的倍数)

2021-06-29 18:30:31 481

原创 HTML标签介绍

HTML标签<div></div>:没有任何含义,相当于容器结构:h5添加很多结构标签<header><main><section>:章节<aside>:侧边栏<footer>:底部标签的学习:在浏览器的默认样式标题含义基本标签标题标签:h1-h6:数字越大字体越小段落标签:<p></p>:换行,行间距变大换行:<br/>加粗<stro

2021-06-29 09:03:36 132

原创 初识CSS

一、css介绍1、css(层叠样式表):叠加显示2、版本:css1.0、css2.0、css3.0(兼容问题)3、主流:css2为什么要用css二、如何引用css三种:1、内联样式:style属性2、内部样式:style标签3、外部样式:link标签(主要使用)@import导入link标签和@import导入的区别:link标签是一种标签,@import导入是css中导入文件的一个方法加载顺序不一样:link同时加载,import先加载也买你,再加载样式。兼容性:im

2021-06-29 09:01:23 94

原创 web前端预备知识

1、企业计算机应用哑终端C/S(Client/Server):B/S(Browser/Server)B/S架构的四个部分:浏览器(客户端)HTTP协议web服务器网页工作流程:1、用户在浏览器上输入网址(域名),域名:IP+端口号(默认端口号:80)2、回车,向服务器发起一个http请求3、服务器必须时启动的,服务器根据请求,进行响应4、响应回来的代码,需要浏览器来进行解析5、显示出网页2、网页:W3C:国际万维网联盟(W3C协议)官网:MDN结构(HTML/XHTML)

2021-06-24 08:53:09 90

原创 初识HTML

第一阶段:html+csshtml:超文本标记语言html5:有兼容性问题,用户群体较广的网站不合适使用。但是手机浏览器不存在兼容性问题,都支持html5。xhtml1.0:(x指:xml;xml:可扩展标记语言),语法更加严格。xhtml语法规则:标签与属性全部小写标签必须闭合属性=“值”,不能简写标签顺序要一致html文件的后缀:.htm:DOC操作系统,只支持3位.html:.shtml:ssl技术html术语:元素:从标签开始到标签结束,包含内容的一个整体结

2021-06-23 18:36:29 60

空空如也

空空如也

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

TA关注的人

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