自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue-网络封装-7

选择网络模块选择一:传统的Ajax是基于XMLHttpRequest(XHR)为什么不用它呢?非常好解释, 配置和调用方式等非常混乱.编码起来看起来就非常蛋疼.所以真实开发中很少直接使用, 而是使用jQuery-Ajax选择二:jQuery-Ajax相对于传统的Ajax非常好用.为什么不选择它呢?首先, 我们先明确一点: 在Vue的整个开发中都是不需要使用jQuery了.那么, 就意味着为了方便我们进行一个网络请求, 特意引用一个jQuery, 你觉得合理吗?jQue

2020-11-03 15:38:55 252

Vue-vuex -6

文章目录ES6补充 - PromisePromise 用来做什么的网络请求的回调‘地狱’Promise 的基本使用定时器异步事件解析Promise 的三种状态ES6补充 - PromisePromise 用来做什么的Promise到底是做什么的呢?Promise是异步编程的一种解决方案。那什么时候回来处理异步事件呢?一种很常见的场景就是网络请求了我们封装一个网络请求的函数,因为不能立即拿到结果,所以不能像简单的 3+4=7 一样将结果返回所以往往我们会传入另一个函数,在数据请求

2020-11-02 11:52:00 278

原创 Node.js-3.数据库MongoDB

文章目录数据库概念和环境搭建什么是数据库MongoDB数据库下载安装MongoDB可视化软件数据库相关概念Mongoose第三方包启动和关闭MongoDB连接数据库 (★★★★★ )创建数据库MongoDB增删改查创建集合创建文档 - 插入数据方法二 create()mongoDB数据库导入数据查询文档删除文档更新文档mongoose验证集合关联集合关联实现案例:用户信息增删改查模板引擎artTemplate基础概念模块引擎art-template模板引擎 安装使用模块语法输出内容原文输出条件判断循环子模板

2020-10-30 18:15:45 256 1

原创 Node.js- 2.请求响应原理及HTTP协议

服务器概念 简述网站应用程序主要分为两大部分:客户端和服务器端。客户端:在浏览器中运行的部分,就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。服务器端:在服务器中运行的部分,负责存储数据和处理应用逻辑。Node网站服务器能够提供网站访问服务的机器就是网站服务器,它能够接收客户端的请求,能够对请求做出响应。IP地址互联网中设备的唯一标识。IP是Internet Protocol Address的简写,代表互联网协议地址.域名由于IP地址

2020-10-29 09:45:33 318

原创 Node.js - 1.快速入门

下载安装安装方法直接从官网下载,然后本地安装即可(一直按下一步):https://nodejs.org/en/download/

2020-10-28 10:50:08 200

原创 javascript高级 - 含ES6

面向对象编程面向过程编程POP(Process-oriented programming)面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步- 步实现,使用的时候再一个一个的依次调用就可以了。举个栗子:将大象装进冰箱,面向过程做法。面向过程,就是按照我们分析好了的步骤,按照步骤解决问题。面向对象编程OOP (Object Oriented Programming)面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。举个栗子:将大象装进冰箱,面向对象做法。先找出对

2020-10-23 17:10:16 428

原创 商品查询案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do

2020-10-22 14:07:00 273

原创 Vue--- Vue-router 路由-5

概念后端路由早期的网站开发整个HTML页面是由服务器来渲染的.服务器直接生产渲染好对应的HTML页面, 返回给客户端进行展示.但是, 一个网站, 这么多页面服务器如何处理呢?一个页面有自己对应的网址, 也就是URL.URL会发送到服务器, 服务器会通过正则对该URL进行匹配, 并且最后交给一个Controller(控制器)进行处理.Controller进行各种处理, 最终生成HTML或者数据, 返回给前端.这就完成了一个IO操作.上面的这种操作, 就是后端路由.

2020-10-14 11:37:00 381

原创 Vue-Vue CLI 脚手架-4

使用前提Node安装-进入官网下载网址: http://nodejs.cn/download/检测安装的版本npm -vNode环境要求8.9以上或者更高版本默认情况下自动安装Node和NPM什么是NPM?NPM的全称是Node Package Manager是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。后续我们会经常使用NPM来安装一些开发过程中依赖包.WebpackVue.js官方脚手架工具就使用了webpa

2020-10-10 10:27:36 308

原创 Vue-webpack配置-3

认识webpack什么是webpack官方的解释:从本质上来讲,webpack是一个现代的javascript应用的静态模块打包工具。但是它是什么呢?用概念解释概念,还是不清楚我们从两个点上来解释上面这句话:模块和打包前端模块化前端模块化前面,我们用了大量的篇幅解释为什么前端需要模块化。而且也提到了目前使用前端模块化的一些方案:AMD、CMD、CommonJS、ES6在ES6之前,我们要想进行模块化开发,就必须借助于其他的工具,让我们可以进行模块化开发。并且在通过

2020-10-09 11:37:28 230

原创 Vue-组件开发-2

1.认识组件化1.1什么是组件化人面对复杂问题的处理方式:任何一个人处理信息的逻辑能力都是有限的所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的内容。但是,我们人有一种天生的能力,就是将问题进行拆解。如果将一个复杂的问题,拆分成很多个可以处理的小问题,再将其放在整体当中,你会发现大的问题也会迎刃而解。组件化也是类似的思想:如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展。但如果,我们讲一个页面拆分成一

2020-09-29 09:58:41 173

原创 Vue-基础语法-1

下载安装下载安装第一个Vue 程序5

2020-09-24 14:47:54 623

原创 jQuery笔记

jQuery文章目录jQueryjavascript库常见的javascript库jQuery的概念**优点**jQuery的下载使用步骤jQuery的入口函数jQuery的顶级对象$jQuery对象和DOM 对象转换API部分基础选择器层级选择器隐式迭代(**重要**)案例筛选选择器筛选方法(重点)链式编程jQuery的排他思想样式操作操作css方式设置类样式方法类操作与className 区别属性操作设置或获取元素固有属性值 prop()设置或获取元素自定义属性值数据缓存 data()案例:购物车模

2020-09-15 02:03:42 908

原创 TypeScript--适合小白吧(应该)

目录1.概念1.2优势2 使用2.1安装解析TS的工具包2.2 TS转换成JS过程3第一个TS文件3.1步骤3.2简化执行TS的步骤1.概念TypeScript官方TypeScript(简称:TS)是JavaScript的超集(JS有的TS都有)TypeScript=Type+JavaScript(为JS添加了系统类型)//TypeScript 代码: 有明确的类型: 如number (数值类型)let age : number -18//javascript 代码: 无明确的类

2020-08-16 21:39:01 557

原创 JS–ECMAScript5

var 是一个JS关键字,用来声明变量(variable 变量的意思)。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管age 是程序员定义的变量名,

2020-06-19 22:25:35 2403

原创 HTML移动端部分--有错请联系--谢谢

meta视口标签<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0 , minimum-scale=1.0"> 属性解释说明width宽度设置的是viewport宽度,可以设置devic-widtht特殊值initial-scale初始化缩放比,大于0的数字maximum-scale最大缩放比,大于0

2020-05-21 13:44:54 415 1

原创 JavaScript笔记–DOM部分--有错请联系

文章目录JavaScript笔记--APIsDOMDOM树获取页面元素1、根据ID获取**语法**2、根据标签名获取3、html5 新增的方法获取获取特殊元素(body , html)事件基础常见的鼠标事件操作元素 DOM改变元素内容语法表单元素的属性操作样式属性操作 --更改css样式**注意**排他思想#数据类型的分类自定义属性操作1.获取属性值区别3.移除属性H5自定义属性1.设置H5自定义属性2.获取H5自定义属性节点操作节点层级1.父亲节点 parentNode2.子节点3.兄弟节点

2020-05-15 23:28:31 471

空空如也

空空如也

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

TA关注的人

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