- 博客(64)
- 资源 (1)
- 问答 (3)
- 收藏
- 关注
原创 Linux行业熟悉
这一章节主要介绍了Linux运维和云计算这两个行业的概况和发展趋势。其中,Linux作为一种开源免费的操作系统,在全球网站服务器中的占比非常高,而云计算学科在就业方面表现也非常优秀。同时,该章节还提到了不同IT行业的需求量和薪资水平,并且对运维职业的发展路径进行了详细的阐述。如果你对此感兴趣,可以进一步了解相关知识并考虑未来的职业规划。
2024-03-25 00:08:54
302
1
原创 使用vue2.0创建简单登录UI
建立登录页面创建vue项目后安装npm i element-ui -S一、路由配置1.在 src\views 目录下新建 login 目录及此目录下新建文件 index.vue说明:通过 import Login from ‘./views/login’ 导入组件,当前只指定了组件路径,默认导入的就是指定路径下的 index.vue 组件2.在 src\router.js 中配置路由(把原有的路由配置删除),如下:import Vue from "vue";import Router fro
2021-12-22 17:00:21
1547
原创 Vuex学习笔记
今日目标1.Vuex概述2.Vuex基本使用3.使用Vuex完成todo案例###1.Vuex概述Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享使用Vuex管理数据的好处:A.能够在vuex中集中管理共享的数据,便于开发和后期进行维护B.能够高效的实现组件之间的数据共享,提高开发效率C.存储在vuex中的数据是响应式的,当数据发生改变时,页面中的数据也会同步更新###2.Vuex的基本使用创建带有vuex的vue项目,打开终端,输入命令:vue ui
2021-12-18 01:15:46
332
原创 电商后台管理系统完成
###今日目标1.完成项目优化2.完成项目上线###1.项目优化实现步骤:A.生成打包报告,根据报告优化项目B.第三方库启用CDNC.Element-UI组件按需加载D.路由懒加载E.首页内容定制###2.添加进度条给项目添加进度条效果,先打开项目控制台,打开依赖,安装nprogress打开main.js,编写如下代码//导入进度条插件import NProgress from 'nprogress'//导入进度条样式import 'nprogress/nprogress.c
2021-12-18 01:06:37
171
原创 电商后台管理系统第六次提交
###今日目标1.完成商品添加2.完成订单列表3.完成数据统计展示###1.添加商品####A.完成图片上传使用upload组件完成图片上传在element.js中引入upload组件,并注册因为upload组件进行图片上传的时候并不是使用axios发送请求所以,我们需要手动为上传图片的请求添加token,即为upload组件添加headers属性//在页面中添加upload组件,并设置对应的事件和属性<el-tab-pane label="商品图片" name="3">
2021-12-18 01:04:36
107
原创 电商后台管理系统第五次提交
###今日目标1.完成参数管理2.推送代码到码云3.制作商品列表页面4.制作商品添加页面###1.参数管理####A.展示动态参数可选项动态参数可选项展示及操作在获取动态参数的方法中进行处理。//将获取到的数据中的attr_vals字符串转换为数组res.data.forEach(item => { item.attr_vals = item.attr_vals ? item.attr_vals.split(' ') : [] //添加一个bool值控制文本框的显示或者隐藏
2021-12-18 01:01:26
111
原创 电商后台管理系统第四次提交
###今日目标1.完成商品分类2.完成参数管理###1.商品分类####A.新建分支goods_cate新建分支goods_cate并推送到码云git checkout -b goods_categit push -u origin goods_cate####B.创建子级路由创建categories子级路由组件并设置路由规则import Cate from './components/goods/Cate.vue'path: '/home', component: Home, re
2021-12-18 00:58:08
103
原创 电商后台管理系统第三次提交
###今日目标1.修改用户,删除用户2.推送代码到码云3.权限列表4.角色列表5.分配角色###1.修改用户信息A.为用户列表中的修改按钮绑定点击事件B.在页面中添加修改用户对话框,并修改对话框的属性C.根据id查询需要修改的用户数据//展示编辑用户的对话框async showEditDialog(id) { //发送请求根据id获取用户信息 const { data: res } = await this.$http.get('users/' + id) //
2021-12-18 00:56:33
190
原创 电商后台管理系统第二次提交
今日目标1.实现后台首页的基本布局2.实现左侧菜单栏3.实现用户列表展示4.实现添加用户###1.后台首页基本布局打开Home.vue组件,进行布局:<el-container class="home-container"> <!-- 头部区域 --> <el-header>Header<el-button type="info" @click="logout"> 退出 </el-button></el-header&g
2021-12-18 00:54:27
99
原创 电商后台管理系统第一次提交
###今日目标1.初始化项目2.基于Vue技术栈进行项目开发3.使用Vue的第三方组件进行项目开发4.理解前后端分离开发模式###1.电商业务概述客户使用的业务服务:PC端,小程序,移动web,移动app管理员使用的业务服务:PC后台管理端。PC后台管理端的功能:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA(单页应用程序)项目前端技术栈:Vue,Vue-Rou
2021-12-18 00:51:35
256
原创 Vue-webpack-脚手架-Element-UI学习笔记
今日目标1.能够了解模块化的相关规范2.了解webpack3.了解使用Vue单文件组件4.能够搭建Vue脚手架5.掌握Element-UI的使用###1.模块化的分类####A.浏览器端的模块化1).AMD(Asynchronous Module Definition,异步模块定义)代表产品为:Require.js2).CMD(Common Module Definition,通用模块定义)代表产品为:Sea.js####B.服务器端的模块化服务器端的模块化规范是使用CommonJ
2021-12-18 00:40:58
322
原创 Vue-Router的学习笔记
今日目标1.能够说出什么是路由2.能够说出前端路由的实现原理3.能够使用Vue-Router实现前端路由4.能够实现嵌套路由,动态路由5.能够实现命名路由以及编程式导航6.理解并实现后台管理案例1.路由的概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现,并完成资源的分发2).前端路由是依
2021-12-18 00:37:59
116
原创 RESTful 和 XML学习笔记
RESTful 和 XMLRESTful风格的** API传统请求地址回顾GET http://www.example.com/getUsers // 获取用户列表GET http://www.example.com/getUser?id=1 // 比如获取某一个用户的信息POST http://www.example.com/modifyUser // 修改用户信息GET http://www.example.com/deleteUser?id=1 ...
2021-12-17 01:23:10
121
原创 jQuery 中的 Ajax学习笔记
jQuery 中的 Ajax$.ajax()$.ajax()方法概述作用:发送Ajax请求。 $.ajax({ type: 'get', url: 'http://www.example.com', data: { name: 'zhangsan', age: '20' }, contentType: 'application/x-www-form-urlencoded', beforeSend: function () { ...
2021-12-17 01:21:44
190
原创 Ajax编程学习笔记
Ajax编程模板引擎模板引擎概述作用:使用模板引擎提供的模板语法,可以将数据和 HTML 拼接起来。官方地址: art-template使用步骤 下载 art-template 模板引擎库文件并在 HTML 页面中引入库文件 <script src="./js/template-web.js"></script> 准备 art-template 模板 <script id="tpl" type="text/html"> .
2021-12-17 01:07:29
137
原创 ASP.NET Razor - 学习笔记
什么是 Razor ?Razor 是一种允许您向网页中嵌入基于服务器的代码(Visual Basic 和 C#)的标记语法。当网页被写入浏览器时,基于服务器的代码能够创建动态内容。在网页加载时,服务器在向浏览器返回页面之前,会执行页面内的基于服务器代码。由于是在服务器上运行,这种代码能执行复杂的任务,比如访问数据库。Razor 基于 ASP.NET,它为 web 应用程序的创建而设计。它拥有传统 ASP.NET 标记的能力,但更易使用,也更易学习。1.ASP.NET Razor - C# 和
2021-12-12 00:34:40
467
原创 ASP.NET Web Pages - 学习笔记
什么是 Web Pages?Web Pages 是三种 ASP.NET 编程模型中的一种,用于创建 ASP.NET 网站和 web 应用程序。1.ASP.NET Web Pages - 添加 Razor 代码1.1什么是 Razor?Razor 是一种向网页添加基于服务器的代码的标记语法 Razor 拥有传统 ASP.NET 标记的能力,但是更易学习,更易使用 Razor 是一种类似 ASP 和 PHP 的服务器端标记语法 Razor 支持 C# 和 Visual Basic 编程语
2021-12-11 23:55:45
381
原创 ASP.NET MVC - 学习笔记
ASP.NET 是一个开发框架,用于通过 HTML、CSS、JavaScript 以及服务器脚本来构建网页和网站。ASP.NET 支持三种开放模式:Web Pages、MVC (Model View Controller) 以及 Web Forms:MVC 编程模型MVC 是三个 ASP.NET 开发模型之一。MVC 是用于构建 web 应用程序的一种框架,使用 MVC (Model View Controller) 设计:Model(模型)表示应用程序核心(比如数据库记录列表.
2021-12-11 23:25:59
381
转载 c#高级的学习
目录1.特性(Attribute)1.1规定特性(Attribute)预定义特性(Attribute)1.2创建自定义特性(Attribute)2.反射(Reflection)优缺点2.1反射(Reflection)的用途3.属性(Property)3.1访问器(Accessors)3.2抽象属性(Abstract Properties)4.索引器(Indexer)4.1索引器(Indexer)的用途4.2重载索引器(Indexer)5委托(Del
2021-12-11 22:54:09
842
原创 c#基础学习
C#1.基本语法using关键字class关键字C# 中的注释成员变量成员函数实例化一个类标识符C# 关键字2.数据类型值类型(Value types)引用类型(Reference types)对象(Object)类型动态(Dynamic)类型字符串(String)类型指针类型(Pointer types)3.类型转换类型转换方法4.变量C# 中的变量定义C# 中的变量初始化接受来自用户的值C# 中的 L
2021-12-03 10:34:47
155
原创 Git基础学习
目录◆ 起步◆ Git 基础◆ Git 分支起步 - 关于版本控制 文件的版本 操作麻烦 每次都需要复制 → 粘贴 → 重命名命名不规范 无法通过文件名知道具体做了哪些修改容易丢失 如果硬盘故障或不小心删除,文件很容易丢失协作困难 需要手动合并每个人对项目文件的修改,合并时极易出错人和动物的区别?人会制造并使用工具2.版本控制软件概念版本控制软件是一个用来记录文件变化,以便将来查阅特定 版本修订情况的系统,因此有时也叫做“版本控制系统”。通俗
2021-11-29 01:19:53
133
原创 JavaScript高级第二天笔记
1.构造函数和原型1.1对象的三种创建方式--复习1.2静态成员和实例成员字面量方式var obj = {};new关键字var obj = new Object();构造函数方式function Person(name,age){ this.name = name; this.age = age;}var obj = new Person('zs',12);1.2.1实例成员实例成员就是构造函数内部通过this添加的成员 如下列代码中uname age sin..
2021-11-29 00:45:00
150
原创 JavaScript高级第一天笔记
1.面向过程与面向对象1.1面向过程 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。 1.2面向对象 面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。 1.3面向过程与面向对象对比 面向过程 面向对象 优点 性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机就采用的面向过程编程。 易维护、易复用、易扩展,由于面向对象有封装、继承、多态性的特性,可以设计出低耦合的系统
2021-11-29 00:44:52
98
原创 第三天 - jQuery
学习目标:能够说出4种常见的注册事件 能够说出 on 绑定事件的优势 能够说出 jQuery 事件委派的优点以及方式 能够说出绑定事件与解绑事件 能够说出 jQuery 对象的拷贝方法 能够说出 jQuery 多库共存的2种方法 能够使用 jQuery 插件1.1. jQuery 事件注册jQuery 为我们提供了方便的事件注册机制,是开发人员抑郁操作优缺点如下: 优点: 操作简单,且不用担心事件覆盖等问题。 缺点: 普通的事件注册不能做事件委托,且无法实现事件解绑,需要...
2021-11-28 12:31:10
136
原创 第二天- jQuery
学习目标:能够操作 jQuery 属性 能够操作 jQuery 元素 能够操作 jQuery 元素尺寸、位置1.1. jQuery 属性操作jQuery 常用属性操作有三种:prop() / attr() / data() ;1.1.1 元素固有属性值 prop()所谓元素固有属性就是元素本身自带的属性,比如 <a> 元素里面的 href ,比如 <input> 元素里面的 type。语法注意:prop() 除了普通属性操作,更适合操作表...
2021-11-28 01:52:59
100
原创 第一天 - jQuery
学习目标:能够说出什么是 jQuery 能够说出 jQuery 的优点 能够简单使用 jQuery 能够说出 DOM 对象和 jQuery 对象的区别 能够写出常用的 jQuery 选择器 能够操作 jQuery 样式 能够写出常用的 jQuery 动画1.1. jQuery 介绍1.1.1 JavaScript 库JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动...
2021-11-28 01:45:47
181
原创 第四天 - Web APIs
学习目标:能够写出移动端触屏事件 能够写出常见的移动端特效 能够使用移动端开发插件开发移动端特效 能够使用移动端开发框架开发移动端特效 能够写出 sessionStorage 数据的存储以及获取 能够写出 localStorage 数据的存储以及获取 能够说出它们两者的区别1.1. 触屏事件1.1.1 触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),...
2021-11-28 01:36:47
106
原创 第六天 - Web APIs
学习目标:能够封装简单动画函数能够理解缓动动画的封装能够使用动画函数能够写出网页轮播图案例能够写出移动端触屏事件1.1. 动画函数封装1.1.1 缓动效果原理缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路: 让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。 核心算法: (目标值 - 现在的位置) /10 做为每次移动的距离步长 停止的条件是: 让当前盒子位置等于目标位置就停止定时器 注意步长...
2021-11-28 01:18:21
92
原创 第五天 - Web APIs
学习目标:能够说出常见 offset 系列属性的作用能够说出常见 client 系列属性的作用能够说出常见 scroll 系列属性的作用能够封装简单动画函数1.1. 元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 ...
2021-11-28 01:13:11
94
原创 第四天 - Web APIs
学习目标:能够说出常用的3-5个键盘事件能够知道如何获取当前键盘按下的是哪个键能够知道浏览器的顶级对象window能够使用window.onload事件能够使用window.onresize事件能够说出两种定时器的区别能够使用location对象的href属性完成页面之间的跳转能够使用location对象获取url中的参数部分能够使用history提供的方法实现页面刷新1.1. 常用的键盘事件1.1.1 键盘事件 <script&g...
2021-11-28 01:03:21
81
原创 第三天- Web APIs
学习目标:能够使用removeChild()方法删除节点能够完成动态生成表格案例能够使用传统方式和监听方式给元素注册事件能够说出事件流执行的三个阶段能够在事件处理函数中获取事件对象能够使用事件对象取消默认行为能够使用事件对象阻止事件冒泡能够使用事件对象获取鼠标的位置能够完成跟随鼠标的天使案例1.1. 节点操作1.1.1 删除节点node.removeChild() 方法从 node节点中删除一个子节点,返回删除的节点。 <b...
2021-11-28 00:44:08
99
原创 第二天 - Web APIs
学习目标:能够说出排他操作的一般实现步骤能够使用html5中的dataset方式操作自定义属性能够根据提示完成百度换肤的案例能够根据提示完成全选案例能够根据提示完成tab栏切换案例能够区分元素节点、文本节点、属性节点能够获取指定元素的父元素能够获取指定元素的所有子元素能够说出childNodes和children的区别能够使用createElement创建页面元素1.1. 排他操作1.1.1 排他思想如果有同一组元素,我们想要某一个元素实...
2021-11-28 00:31:17
726
原创 第一天 - Web APIs
学习目标:能够通过ID来获取元素 能够通过标签名来获取元素 能够通过class来获取元素 能够通过选择器来获取元素 能够获取body和html元素 能够给元素注册事件 能够修改元素的内容 能够区分innerText和innerHTML的区别 能够修改像div这类普通元素的属性 能够修改表单元素的属性 能够修改元素的样式属性1.1. Web API介绍1.1.1 API的概念API(Application Programming Interface,应用程序编程接口)是一些预先定义的函...
2021-11-28 00:09:10
138
原创 JavaScript基础第六天学习
1 - 内置对象1.1 内置对象JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容,属于 ECMAScript; 第三个浏览器对象属于 JS 独有的, JS API 讲解内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法),内置对象最大的优点就是帮助我们快速开发JavaScript 提供了多个内置对象:Math、 Date 、Array、String等1.2 查文档
2021-11-27 23:56:36
90
TA创建的收藏夹 TA关注的收藏夹
TA关注的人