自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS面试题

七、Js基础JavaScript相关JavaScript分三个部分:ECMAScript标准—基本语法DOM—>Document Object Model 文档对象模型,操作页面元素的BOM—>Browser Object Model 浏览器对象模型,操作浏览器的浏览器中有个顶级对象:window----皇上页面中顶级对象:document-----总管太监页面中所有的内容都是属于浏览器的,页面中的内容也都是window的,因为页面中的所有内容都是window的,window是

2022-05-17 22:52:56 1039

原创 HTML&CSS相关面试题

一、什么是盒模型1.在我们HTML页面中每一个元素都可以被看作一个盒子,而这个盒子由:内容区(content)、填充区(padding)、边框区(border)、外边界区(margin)四部分组成。2.盒子模型有标准盒子模型和怪异盒子模型标准模式下: 一个盒子的总宽度(页面中占的宽度)= width + margin(左右) + padding(左右) + border(左右)怪异模式下: 一个盒子的总宽度= width + margin(左右)(即width已经包含了padding和border

2022-05-17 22:49:29 366

原创 Webpack常见面试题

Webpack打包原理webpack五大模块Entry入口:以哪个文件为入口起点开始打包,分析构建内部依赖图Output输出:指示Webpack打包后的资源bundles输出位置和命名Loader加载器:让Webpack可以处理非js文件,比如样式文件,图片文件Plugins插件:增强Webpack,打包优化,Gzip压缩,重新定义环境中的变量等Mode模式:本地环境development 生产环境productionWebpack介绍webpack只是一个打包模块的机制,只是把依赖的模块

2022-05-17 22:48:09 473

转载 03-React组件基础

黑马程序员课程组件基础内容介绍React 组件介绍React 组件的两种创建方式事件绑定组件的状态事件绑定 this 指向表单处理组件基本介绍目标:能够知道 React 组件的意义内容:组件是 React 开发(现代前端开发)中最重要的内容组件允许你将 UI 拆分为独立、可复用的部分,每个部分都可以独立的思考组合多个组件(组装乐高积木)实现完整的页面功能特点:独立、可复用、可组合组件包含三部分:HTML/CSS/JS展示页面中的可复用部分React创建组件-函数

2022-05-17 22:41:33 133

转载 02-JSX介绍-黑马React

转载自用黑马React基础

2022-05-05 23:49:59 212

原创 Vue前端面试题

2022年初级前端面试题

2022-05-05 23:41:28 1335 1

原创 Vue中 props-mixin-插件-插槽

作用域插槽

2020-09-12 09:46:32 266

原创 基于Vant组件的Vue移动端黑马头条项目Day02 登录注册

二、登录注册目标能实现登录页面的布局能实现基本登录功能能掌握 Vant 中 Toast 提示组件的使用能理解 API 请求模块的封装能理解发送验证码的实现思路能理解 Vant Form 实现表单验证的使用准备创建组件并配置路由1、创建 src/views/login/index.vue 并写入以下内容<template> <div class="login-container">登录页面</div></template>

2020-09-11 09:12:30 3895 1

原创 基于Vant组件的Vue移动端黑马头条项目Day01 处理rem适配 字体图标 封装axios

一、项目初始化目标能使用 Vue CLI 创建项目了解 Vant 组件库的导入方式掌握制作使用字体图标的方式掌握如何在 Vue 项目中处理 REM 适配理解 axios 请求模块的封装导入图标素材05-项目初始化-导入图标素材:07:41可以暂停,实现图标制作并获取代码设计师为我们单独提供了设计稿中的图标,为了方便使用,我们在这里把它制作为字体图标。制作字体图标的工具有很多,在这里我们推荐大家使用:https://www.iconfont.cn/。一、注册账户第三方登录即可

2020-09-11 09:05:46 694 2

原创 使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

1.购买阿里云阿里云,有学生认证可以买一个月,毕业证没发就可以低配,新用户首单96元,一年,买CentOS的(一个稳定的Linux操作系统)2.设置root密码阿里云购买过程中都没有设置root密码的过程,所以当你买完之后,进入ECS控制台页面,点击 实例与镜像中的实例,查看你购买的实例,点击最右边的更多,点击密码/密钥,重置实例密码这个密码要记住,后面远程登录有用,可以Chrome自动保存3.配置宝塔Linux面板然后我们在阿里云页面点击ECS实例,点进去实例,点击远程登录在阿里

2020-09-08 19:13:25 1136 1

原创 Day 14 VueX 组件全局状态管理

今日目标1.Vuex概述2.Vuex基本使用3.使用Vuex完成todo案例1.Vuex概述Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享使用Vuex管理数据的好处:A.能够在vuex中集中管理共享的数据,便于开发和后期进行维护B.能够高效的实现组件之间的数据共享,提高开发效率C.存储在vuex中的数据是响应式的,当数据发生改变时,页面中的数据也会同步更新2.Vuex的基本使用创建带有vuex的vue项目,打开终端,输入命令:vue ui当项目仪表

2020-09-05 15:10:43 313

原创 附加 VUE项目权限管理详解

Vue权限控制在Web系统中, 权限很久以来一直都只是后端程序所控制的.为什么呢?因为Web系统的本质围绕的是数据, 而和数据库最紧密接触的是后端程序.所以在很长的一段时间内, 权限一直都只是后端程序需要考虑的话题.但是随着前后端分离架构的流行, 越来越多的项目也在前端进行权限控制.1.权限相关概念1.1.权限的分类后端权限从根本上讲前端仅仅只是视图层的展示, 权限的核心是在于服务器中的数据变化, 所以后端才是权限的关键, 后端权限可以控制某个用户是否能够查询数据, 是否能够修改数据等操

2020-09-05 15:04:50 1638

原创 Day13 VUE 项目 优化 上线

今日目标1.完成项目优化2.完成项目上线1.项目优化实现步骤:A.生成打包报告,根据报告优化项目,移除生产环境的console,使用chainWebPack设置生产和开发的打包入口B.通过externals加载第三方库CDN资源引用C.Element-UI组件按需加载D.路由懒加载,当路由被访问时候才加载对应的组件E.首页内容定制,使用chainWebPack设置生产和开发的打包入口2.添加进度条给项目添加进度条效果,先打开项目控制台,打开依赖,安装nprogress打开main.j

2020-09-05 14:59:12 157

原创 JS高级+ES6常见语法

面向过程编程面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。面向过程,就是按照我们分析好了的步骤,按照步骤解决问题。面向对象编程面向对象是把事物分解成一个个对象,然后由对象之间分工与合作。面向对象是以对象功能来划分问题,而不是步骤。在面向对象程序开发思想中,每一个对象都是功能中心,具有明确分工。面向对象编程具有灵活、代码可复用、容易维护和开发的优点,更适合多人合作的大型软件项目。面向对象的特性封装性继承性多态性

2020-09-02 10:49:59 3422

原创 AjaxDay02

目标能够说出form表单的常用属性能够知道如何阻止表单的默认提交行为能够知道如何使用jQuery快速获取表单数据能够知道如何安装和使用模板引擎能够知道模板引擎的实现原理Form表单的基本使用什么是表单表单在网页中主要负责 数据采集功能。HTML中<form>标签,就是用于采集用户输入的信息,并通过 <form>标签的提交操作,把采集的信息提交到服务器端进行处理[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7Mbys7LT-1599

2020-09-02 10:45:26 193

原创 Ajax Day01

目标能够知道和服务器相关的基本概念能够知道客户端和服务器通信的过程能够知道数据也是一种资源能够说出什么是Ajax以及应用场景能够使用jQuery中的Ajax函数请求数据能够知道接口和接口文档的概念相关概念客户端与服务器(⭐⭐⭐)上网的目的上网的**本质目的:**通过互联网的形式来 获取和消费资源服务器上网过程中,负责 存放和对外提供资源 的电脑,叫做服务器客户端在上网过程中,负责 获取和消费资源 的电脑,叫做客户端URL地址的概念&组成URL的概念URL(全

2020-09-02 10:42:42 247

原创 Dat12 ElementUI VUE后台管理项目 商品添加 订单列表 数据统计

今日目标1.完成商品添加2.完成订单列表3.完成数据统计展示1.添加商品A.完成图片上传使用upload组件完成图片上传在element.js中引入upload组件,并注册因为upload组件进行图片上传的时候并不是使用axios发送请求所以,我们需要手动为上传图片的请求添加token,即为upload组件添加headers属性//在页面中添加upload组件,并设置对应的事件和属性<el-tab-pane label="商品图片" name="3"> <!--

2020-09-02 10:30:57 2386

原创 开源协议与git分支

目标能够使用 Github 创建和维护远程仓库能够掌握 Git 分支的基本使用了解开源相关的概念什么是开源[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ydBzkLy6-1598931790709)(images/开源和闭源.png)]通俗的理解开源是指不仅提供程序还提供程序的源代码闭源是只提供程序,不提供源代码什么是开源许可协议开源并不意味着完全没有限制,为了限制使用者的使用范围和保护作者的权利,每个开源项目都应该遵守开源许可协议( O

2020-09-01 11:43:51 320

原创 介绍版本控制分类Git/Svn Git特性与基础用法

目标了解版本控制软件的作用了解版本控制系统的分类Git的特性初始化 Git 仓库的命令查看文件状态的命令一次性将文件加入暂存区的命令将暂存区的文件提交到 Git 仓库的命令版本控制软件(⭐⭐⭐)概念版本控制软件是一个用来记录文件变化,以便将来查阅特定版本修订情况的系统,因此有时也叫做“版本控制系统”通俗的理解把手工管理文件版本的方式,改为由软件管理文件的版本;这个负责管理文件版本的软件,叫做“版本控制软件”使用版本控制软件的好处操作简便:只需识记几组简单的终端命令,即可

2020-09-01 11:42:10 282

原创 Day 11 ElementUI VUE后台管理系统 参数管理 商品列表 商品添加

今日目标1.完成参数管理2.推送代码到码云3.制作商品列表页面4.制作商品添加页面1.参数管理A.展示动态参数可选项动态参数可选项展示及操作在获取动态参数的方法中进行处理。//将获取到的数据中的attr_vals字符串转换为数组res.data.forEach(item => { item.attr_vals = item.attr_vals ? item.attr_vals.split(' ') : [] //添加一个bool值控制文本框的显示或者隐藏 item.in

2020-08-31 17:18:36 832 1

原创 Day10 ElementUI VUE后台管理项目 商品分类 动态参数管理

今日目标1.完成商品分类2.完成参数管理1.商品分类A.新建分支goods_cate新建分支goods_cate并推送到码云git checkout -b goods_categit push -u origin goods_cateB.创建子级路由创建categories子级路由组件并设置路由规则import Cate from './components/goods/Cate.vue'path: '/home', component: Home, redirect: '/welc

2020-08-31 16:34:13 739

原创 Day09 ElementUI VUE后台管理项目 用户修改删除 角色权限分配

今日目标1.修改用户,删除用户2.推送代码到码云3.权限列表4.角色列表5.分配角色1.修改用户信息A.为用户列表中的修改按钮绑定点击事件B.在页面中添加修改用户对话框,并修改对话框的属性C.根据id查询需要修改的用户数据//展示编辑用户的对话框async showEditDialog(id) { //发送请求根据id获取用户信息 const { data: res } = await this.$http.get('users/' + id) //判断如果添加

2020-08-30 11:14:25 1543

原创 Day 08 ElementUI Vue后台管理项目 后台页面布局 左侧菜单栏 用户列表 添加用户

今日目标实现后台首页的基本布局实现左侧菜单栏实现用户列表展示实现添加用户1.后台首页基本布局打开Home.vue组件,进行布局:<el-container class="home-container"> <!-- 头部区域 --> <el-header>Header<el-button type="info" @click="logout"> 退出 </el-button></el-header> <

2020-08-28 15:33:14 2712

原创 VUE Day07 ElementUI电商后台管理系统 Vuecli初始化项目 登录页面

今日目标1.初始化项目2.基于Vue技术栈进行项目开发3.使用Vue的第三方组件进行项目开发4.理解前后端分离开发模式scoped 为什么能只对当前组件生效 自定义属性 data 每个组件的唯一标识1.电商业务概述客户使用的业务服务:PC端,小程序,移动web,移动app管理员使用的业务服务:PC后台管理端。PC后台管理端的功能:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计电商后台管理系统采用前后端分离的开发模式前端项

2020-08-27 18:57:11 525

原创 Day06Vue前端模块化 WebPack脚手架

今日目标1.能够了解模块化的相关规范2.了解webpack3.了解使用Vue单文件组件4.能够搭建Vue脚手架5.掌握Element-UI的使用1.模块化的分类A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品为:Require.js 2).CMD(Common Module Definition,通用模块定义) 代表产品为:Sea.jsB.服务器端的模块化 服务器端的模块化规范

2020-08-25 09:05:55 218

原创 NodeJS 非阻塞 I/O 模型执行流程

NodeJS 非阻塞 I/O 模型执行流程主线程:执行 node 的代码,把代码放入队列事件循环程序(主线程)把队列里面的同步代码都先执行了,同步代码执行完成,执行异步代码异步代码分 2 种状况,(1)、异步非 io setTimeout() setInterval() 判断是否可执行,如果可以执行就执行,不可以跳过。(2)、异步 io 文件操作 会从线程池当中去取一条线程,帮助主线程去执行主线程会一直轮循,队列中没有代码了,主线程就会退出。子线程:被放在线程池里面的线程,用来执行异步

2020-08-23 20:43:45 231

原创 进程与线程的区别

进程:狭义定义:进程是正在运行的程序的实例。广义定义:进程是一个具有一定独立功能 的程序关于某个数据集合的一次运行活动。它是操作系统动态执行的基本单元,在传统的操 作系统中,进程既是基本的分配单元,也是基本的执行单元。进程是一个实体,进程是一个 “执行中的程序”进程的特点:并发性:任何进程都可以同其他进程一起并发执行 独立性:进程是一个能独立运行的基本单位,同时也是系统分配资源和调度的独立单位;异步性:由于进程间的相互制约,使进程具有执行的间断性,即进程按各自独立的、不可预 知的速度向前推

2020-08-23 20:36:35 86

原创 OSI七层模型

物理层:物理接口规范,传输比特流,网卡是工作在物理层的.数据链路层:成帧,保证帧的无误传输,MAC 地址,形成 EHTHERNET 帧数据链路层在不可靠 的物理介质上提供可靠的传输。该层的作用包括:物理地址寻址、数据的成帧、流量控制、 数据的检错、重发等。网络层:路由选择,流量控制,IP 地址,形成 IP 包 传输层:端口地址,如 HTTP 对应 80 端口.TCP 和 UDP 工作于该层,还有 差错校验和流量控制.会话层:组织两个会话进程之间的通信,并管理数据的交换使用 ETBIOS 和 WI..

2020-08-23 20:25:53 75

原创 Day05 Vue路由

今日目标1.能够说出什么是路由2.能够说出前端路由的实现原理3.能够使用Vue-Router实现前端路由4.能够实现嵌套路由,动态路由5.能够实现命名路由以及编程式导航6.理解并实现后台管理案例1.路由的概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现,并完成资源的分发2).前端路由是依

2020-08-22 20:20:38 96

原创 自己手敲的VUE组件化购物车案例 纪念一下

<div id="app"> <div class="container"> <my-cart></my-cart> </div> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript">

2020-08-20 15:40:20 186

原创 Vue Day04 前后端交互

接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程,是指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函数promise主要解决异步深层嵌套的问题promise 提供了简洁的API 使得异步操作更加容

2020-08-19 11:44:11 145

原创 Vue Day03 组件化开发

day03组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代组件注册全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称,第2个参数是一个选项对象全局组件注册后,任何vue实例都可以用组件基础用<div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签的形式使用 --> <my-component>&l

2020-08-18 13:16:00 127

原创 Nodejs Day08 文章分类后台管理

Node 第 8 天1. 学习目标◆ 完成获取文章分类列表的功能◆ 完成新增文章分类的功能◆ 完成根据 ID 删除文章分类的功能◆ 完成根据 ID 获取文章分类的功能◆ 完成根据 ID 更新文章分类的功能◆ 完成发布新文章的功能项目的 API 接口地址: https://www.showdoc.cc/escook?page_id=37071587612152172. 新建 ev_article_cate 数据表2.1 创建表结构2.2 新增两条初始化的数据3. 获取文章分类列表

2020-08-18 13:07:20 514

原创 Nodejs Day07 登录+路由

Node 第 7 天1. 学习目标◆ 完成登录功能的开发◆ 能够获取用户的信息并重置密码和头像2. 登录功能2.1 实现步骤检测表单数据是否合法根据用户名查询用户的数据判断用户输入的密码是否正确生成 JWT 的 Token 字符串2.2 检测表单数据是否合法将 /router/user.js 中 登录 的路由代码修改进行修改// 注册新用户router.post('/reguser', expressJoi(reg_login_schema), userHandle.

2020-08-18 12:54:51 504

原创 Nodejs Day06 Session jwt 前后端认证

Node 第 6 天1. 学习目标◆ 前后端的身份认证◆ 能够了解 Session 的实现原理◆ 能够了解 JWT 的实现原理◆ 大事件项目初始化◆ 大事件注册新用户功能2. web 开发模式2.1 主流的两种开发模式基于服务端渲染的传统 Web 开发模式基于前后端分离的新型 Web 开发模式2.2 了解服务端渲染的概念以及优缺点服务端渲染的概念:服务器发送给客户端的 HTML 页面,是在服务器通过字符串的拼接动态生成的。因此,客户端不需要使用 Ajax 这样的技术额外请

2020-08-18 12:28:32 668

原创 Nodejs Day05 MySQL数据库

Node 第 5 天1. 学习目标◆ 能够知道如何配置 MySQL 数据库环境◆ 能够认识并使用常见的 SQL 语句操作数据库◆ 能够在项目中操作 MySQL 数据库2. 数据库的基本概念2.1 什么是数据库数据库(database)是用来组织、存储和管理数据的仓库为了方便管理互联网世界中的数据,就有了数据库管理系统的概念(简称:数据库)。用户可以对数据库中的数据进行新增、查询、更新、删除等操作2.2 常见的数据库以及分类常见的数据库分类下面几种MySQL 数据库(目前使用

2020-08-18 12:13:37 329

原创 Nodejs Day03 Express模块

Node 第 4 天1. 学习目标◆ Express 路由◆ Express 中间件◆ 使用 Express 写接口2. Express 路由2.1 路由的概念路由就是映射关系根据不同的用户 URL 请求,返回不同的内容本质:URL 请求地址与服务器资源之间的对应关系2.2 Express 中的路由在 Express 中,路由指的是客户端的请求与服务器处理函数之间的映射关系Express 中的路由分 3 部分组成,分别是请求的类型、请求的 URL 地址、处理

2020-08-18 11:57:02 146

原创 Node Day02 模块化

Node 第 2 天1. 学习目标◆ 能够使用 http 模块写一个基本的 web 服务器◆ 能够说出模块化的好处◆ 能够知道 CommonJS 规定了哪些内容◆ 能够说出 Node.js 中模块的三大分类各自是什么◆ 能够使用 npm 管理包2. http 模块2.1 什么是 http 模块http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer() 方法,就能方便的把一台普通的电脑,

2020-08-18 11:46:54 154

原创 Nodejs Day01 内置模块

Node 第 1 天总体node流程使用node操作文件node开发基础服务器node框架:express数据库mysql, sql语句http协议, cookie, session, token jwt2.1 为什么 JavaScript 可以在浏览器中执行浏览器中的JSECMAScript + DOM + BOMJS解析引擎-V8引擎因为浏览器提供了DOM和BOM的API,所以JS才能够使用DOM和BOM浏览器是JS的一种运行环境Node.js运行环境N

2020-08-18 11:40:36 179

原创 Vue基础 Day02 常用特性

day02Vue常用特性表单基本操作获取单选框中的值通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就是选中的值,我们只需要实时监控他的值就可以了 --> <input type="radio"

2020-08-18 11:34:30 96

空空如也

空空如也

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

TA关注的人

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