自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue+el-upload实现上传图片组件化

【代码】vue+el-upload实现上传图片组件化。

2023-05-11 10:45:50 466 1

原创 Vue路由

路由:对应关系; SPA:前端路由,基于URL地址的hash; 前端路由:概念:根据不同的用户事件,显示不同的页面内容; 本质:用户事件与事件处理函数之间的对应关系; 基本使用步骤: 1. 引入相关的库文件 2. 添加路由链接: <router-link to="/user">User</router-link> <router-link to="/regis...

2020-04-26 13:32:49 189

原创 Vue组件

组件Component; 组件可以扩展 HTML 元素,封装可重用的代; :is 属性指定的组件名称,把对应的组件渲染到 component 标签所在的位置 --> 全局注册: - Vue.component(‘组件名称’, { }) 第1个参数是标签名称,第2个参数是一个选项对象 - 全局组件注册后,任何vue实例都可以用; 组件注意事项: 1:组件参数的data值必须是函数...

2020-04-26 13:31:39 148

原创 Vue生命周期函数

beforeCreate():第一个声明周期函数,表示实例被完全创建好之前执行 //注意:在beforeCreate()执行之前,date和methods都没还没有初始化; created():第二个生命周期函数,表示date和methods都已初始化完; //注意:如果想要执行date和methods的里面数据和方法最早只能在create中执行; beforeMount():第三个生命周期函数,...

2020-04-26 13:30:32 255 2

原创 前后端交互

接口调用方式: - 原生ajax - 基于jQuery的ajax - fetch - axios; Restful形式的URL:http://www.hello.com/books/123 异步调用: JS中常见的异步调用: - 定时任何 - ajax - 事件函数 如果多次异步,不会依赖于书写顺序执行,因为返回的数据时间不同; 如果需要顺序执行,需要在success里面嵌套(毁掉地狱); Pro...

2020-04-26 13:29:11 182

原创 输入框输入密码的时候,当用户输入大写的时候提示用户,大写键盘已打开,小写的话没有提示

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>大写锁定键</title> </head> <body&gt...

2019-10-25 11:09:11 2499

原创 根据预设行数和列数,将行数*列数的数字分别以先行后列和先列后行的形式输入到html代码中(可以用ul li循环,也可以其他标签)

实例:* 1 2 3 4 5 6 7 8 1 3 5 7 2 4 7 8 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...

2019-10-25 08:55:55 323

原创 前端工程化

服务端:common.js ES6模块化规范中定义: 每个 js 文件都是一个独立的模块 导入模块成员使用 import 关键字 暴露模块成员使用 export 关键字; Node.js 中通过 babel 体验 ES6 模块化: npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node npm inst...

2019-09-03 10:40:07 213

原创 Vue基础语法

Vue:渐进式JavaScript框架;、 渐进式:声明式渲染-组件系统-客户端路由-集中式状态管理-项目构建; el:元素的挂载位置; data:模型数据,值为一个对象; {{}}:插值表达式; 指令:规定好的自定义属性; v-cloak:先隐藏,替换好值之后再显示最终的值;[v-cloak] {display: none;} v-text:没有闪烁问题; v-html:可以解析代码; v-pr...

2019-09-03 10:35:02 320

原创 PHP基础梳理

服务器(提供服务)指的就是一台安装特定的软件的计算机,用于专门用于提供特定的服务。 按照服务类型的不同,又划分为:Web 服务器、数据库服务器、文件服务器等等。 客户端(使用服务)指的是在一次服务过程中使用这个服务的设备(网络端点)。 目前最常见的客户端就是浏览器。 B/S 架构:Browser(浏览器) ←→ Server(服务器),这种软件都是通过浏览器访问一个网站使用,服务器提供数据存储等服...

2019-09-03 10:34:06 199

原创 PHP之MySQL语句

MySQL:数据库就是数据的仓库,用来按照特定的结构去组织和管理我们的数据, – 查询语句的语法:select *|字段列表 from 表列表 where 条件 查询可以返回一个结果集(表) – *代表当前表的所有字段 – 1.查询mytalbe中的所有数据 select * from mytable – 2.查询mytable中的id和姓名 select id,name from mytab...

2019-09-03 10:33:01 591

原创 Node.js随笔

语言 和 环境(平台) 之间的关系: 1. 语言(HTML和css不属于语言),是编写代码的语法规范;程序员遵循特定的语法规范,编写出来的代码,只是单纯的文本字符串而已,并不具备可执行的特点; 2. 环境(平台),提供了执行代码的能力,如果程序员编写的代码想要成功执行,必须要依赖于特定的执行环境; - 例如:Javascript代码可以被浏览器中的JS解析引擎执行; - 所以,浏览器,就是一个 J...

2019-09-03 10:29:48 240

原创 Ajax详解参考文档

Asynchronous Javascript And XML(可扩展标记语言),AJAX 不是一门的新的语言,而是对现有持术的综合利用。客户端渲染; 本质:是在HTTP协议的基础上以异步的方式通过XMLHttpRequest对象与服务器进行通信。 作用:可以在页面不刷新(局部刷新)的情况下,请求服务器,局部更新页面的数据; 异步(Asynchronous):指某段程序执行时不会阻塞其它程序执行,...

2019-06-26 11:09:32 2965

原创 CSS3参考文档

属性选择器: 属性是相对于标签而言,根据指定名称的属性的值来查找元素; 1:E[attr]:查找指定的拥有attr属性的E标签。 2:E[attr=value]:查找拥有指定的:attr属性并且属性值为value的E标签。(必须只有) 3:E[attr*=value]:查找拥有指定的attr属性并且属性值中包含(可以在任意位置)value的E标签;(统配) 4:E[attr^=value]:查找拥...

2019-06-26 11:07:59 577

原创 js高级参考文档

javascript特点: 1 解释执行 解释一行执行一行 慢; 编译执行 一次性把代码编译成可执行的代码,然后再一行一行执行 快; 2 灵活 动态特性 可以随意给对象增加属性和方法; 3 头等函数 函数在JavaScript一等公民; 4 执行环境 宿主环境; 对象:内存中的一片区域,包含数据和代码;属性和方...

2019-06-26 11:06:07 447

原创 HTML5新增属性参考文档

什么是html5 1.H5并不是新的语言,而是html语言的第五次重大修改–版本 2.支持:所有的主流浏览器都支持h5.(chrome,firefox,safari。。。)。IE9及以上支持h5(有选择的支持,并不会全部支持),但是ie8及以下不支持h5. 3.改变了用户与文档的交互方式:多媒体:video audio canvas 4.增加了其它的新特性:语义特性,本地存储特性,网页多媒体,以...

2019-05-25 14:00:54 340

原创 js中API基础参考文档

API:应用程序编程接口; 概念:预先定义好的函数(方法); 特征: 任何开发商语言都有自己的API; API的输入和输出; API的使用方法(console.log()); Web API: 浏览器提供的一套工具,来操作浏览器的功能(页面的元素); JS 的组成:ECMAScript:基础语法; BOM: 浏览器对象模型;操作浏览器功能的API; DOM:文档对象模型;操作页面元素的API;文档...

2019-05-25 13:54:41 2018 1

原创 jQuery基础参考文档

jQuery: Query 查询; 框架库: JavaScript框架库:就是一个普通的js文件,封装了很多的函数,封装了很多兼容的代码; jQuery是JavaScript框架库中的一种; jQuery的好处:写的少,做的多,链式编程,隐式迭代等…; jQuery可以解决js兼容的问题; 顶级对象: jQuery,$; 点出来的是jQuery中方法; DOM对象和jQuery对象(伪数组)...

2019-05-25 13:52:46 276

原创 js变量入门参考文档

** js变量基础课程参考 ** js:JavaScript,一门编程语言,加工处理数据。 最初的设计目的:为了在web网页上实现跟人的交互。 js的组成(在浏览器中): js的基本语法, BOM(浏览器对象模型)用来操作浏览器, DOM(文档对象模型)用来操作html页面, 书写的三种位置:行内(写在标签内部)、内嵌标签 、外部(双标签,里面不能再添加代码)。 js的知识点: 输入 输出 临时存...

2019-05-25 09:00:36 167

空空如也

空空如也

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

TA关注的人

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