自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Me无羡的博客

尘世中一个迷途小书童

  • 博客(22)
  • 收藏
  • 关注

原创 利用vuejs结合mockjs模拟数据做购物车

利用vuejs和mockjs模拟购物车简单制作1、如果还没有了解mockjs,建议去官网了解一下:Mockjs2、首先第一步就是先自己制作模拟数据(当然也可以用nodejs的MVC模式下引入mockjs来获取模拟数据,在前端用ajax跨域请求获取后端接口数据);首先还是要用nodejs指令来搭建环境的,需要有nodejs基础下面是mockModel 模拟数据层的代码块,包括引入mockj...

2019-10-26 13:59:20 1252

原创 ES6中前端与后台交互之fetch

作者原文1、关于fetch的了解1、现代版浏览器自带的fetch,是存在兼容性的,不支持IE678等低版本浏览器的,如果用fetch在低版本浏览器中请求数据是不起作用的。2、准确的来说fetch就是 promise + XMLHttpRequest 方式的结合。3、 需要注意的是fetch并不是ajax的进一步封装,他是原生的js。4、fetch(url)会返回一个Promise对象,所...

2019-10-26 12:21:32 845

原创 vue-02

课程目标vuejs其他指令学习(v-model v-bind v-on)双向数据绑定原理computed watch filter 三个apiv-model用于表单数据的收集input type=“text”input type=“checkbox” 复选框input type=“radio” 单选select (单选和多选)v-bind...

2019-12-19 23:11:29 142

原创 react-06-腾讯地图的使用

腾讯地图先在腾讯地图注册账户,邮件确认验证,申请keyhttps://lbs.qq.com/console/customized/log/?console=customizedLog在 public/index.html 中引入脚本文件<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=6LLB...

2019-12-08 16:12:47 1007

原创 react-05-Redux状态管理

Redux 状态管理(重点)Redux 对于 JavaScript 应用而言是一个可预测状态的容器。换言之,它是一个应用数据流框架,而不是传统的像 underscore.js 或者 AngularJs 那样的库或者框架。Redux 最主要是用作应用状态的管理。简言之,Redux 用一个单独的常量状态树(对象)保存这一整个应用的状态,这个对象不能直接被改变。当一些数据变化了,一个新的对象就会被创...

2019-12-08 16:12:10 225 1

原创 react-04-布局和路由和过渡

布局移动端 flexbox 布局div{ display: flex; justify-content: space-around; align-items: center; li{ text-align:center; a{ color:white; text-decorati...

2019-12-08 16:12:01 252

原创 react-03-生命周期和组件通信

生命周期与钩子函数(重点)生命周期指的react实例及组件从创建到运行到销毁的完整的过程。组件的生命周期可分成三个阶段(状态):Mounting:创建阶段:已插入真实 DOMUpdating:运行阶段:正在被重新渲染Unmounting:销毁阶段:已移出真实 DOM钩子函数指提前埋在生命周期中的函数,等到程序运行到这一刻时,它会自动执行。常用的钩子函数componentW...

2019-12-08 16:11:48 129

原创 react-02-基础和组件

React介绍React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。搭建React开发环境安装 create-react-app 命令 (基于 webpack + es6)n...

2019-12-08 16:11:34 121

原创 react-01-webpack

什么是webpack?问题:为什么在 vue 中使用 npm run build 命令就可以把开发环境中的文件进行合并?答案:无论是 vue 还是 react、angular,使用 cli 创建出来的项目,都自动的把结构做好了,内部的 webpack 也都配置好了,项目开发完毕后,只需要执行 build 命令,就能够把 src 下的文件进行打包,这个打包功能都是由 webpack 完成的,这个...

2019-12-08 16:10:48 122

原创 vue资料

vue-if 和 vue-show的区别:与vue-if不同的是,vue-show的值无论是true还是false,都存在与HTML代码中vue-if是在HTMl中移除,而vue-show只是设置了css属性为display如何让css只在当前组件中生效<style scoped></style>//只需要设置为scoped即可指令keep-alive的作用...

2019-11-12 22:22:18 238

原创 程序员都会的之Vue TODO

这是我的vue TODO ,我的TODO是这样的…<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

2019-11-11 20:12:43 166

原创 RESTFull介绍及json-server接口api使用规范

原文数据1、了解RESTFull风格的api一般常见的接口都是通过get请求或者post请求的,但是json-server 不仅提供了get、post请求方式,还提供了delete、put等请求方式,但是这种使用 请求方式 + 请求的url地址的这种pathinfo模式形成的api,通常都叫做RESTFull风格的接口api。但是一旦按照RESTFull的风格来写的api地址,就必须要遵...

2019-10-27 16:47:38 629

原创 关于json-server包的使用

作者原文1、关于什么是json-server? 1、json-server 是一个属于npm管理的一个包,它是可以为前端提供mock的功能的,所以安装需要用npm进行全局安装。 2、json-server很好的结合了mock + express,也是非常的方便的。2、安装命令 npm install -g json-server 或者 yarn global add json-s...

2019-10-27 16:44:36 530

原创 前端与后台交互之ajax(post请求)例子:模拟用户注册功能

作者原文1、jQuery中ajax请求需要了解的几个知识点使用$.ajax方法的时候,只接受一个参数,那就是一个对象。这个对象就是当前请求的所要的所有配置了解参数中的key、value值 $.ajax({ url:' ',//必填,请求的地址 type:' ',//选填,请求方式,如果不填,默认的是GET请求方式 data:{ },//选填,这是发送请求的时候...

2019-10-27 13:18:49 1504

原创 前端与后台交互之axios(get请求)

作者原文1要使用axios跨域请求数据,则需要进行一下这几个步骤哦。要使用axios,就必须下载axios这个库,可以有一下几个途径: 1、使用 npm install axios 或者 yarn add axios 2、可以之间使用线上cdn:<script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.js"...

2019-10-26 15:58:19 2260 1

原创 前端与后台交互之websocket

作者原文1、了解websocket1、关于websocket的学习官网:socket.io。2、websocket是一门前后端交互的通信技术,是HTML5引入的api,主要是为了弥补http协议上的不足之处。3、websocket可以实现服务端主动给客户端推送消息,有些消息可以通过服务端的广播散播消息。例如web版的即时聊天(IM)工具。4、websocket还可实现web游戏的开发哦。...

2019-10-26 12:27:23 3585

原创 前端与后台交互之jsonp

作者原文#1、首先要明确jsonp的原理:jsonp的原理是利用了前端页面中可以送请求的标签属性,如a标签的href属性、img的src属性、iframe中的src属性、script中的src属性等等,使用可以发送请求的属性向后端发送数据请求。除此之外,能够在前后端交互的还有:fetch、ajax、websocket、axios等。#2、使用jsonp的有点是什么?####主要是使用jso...

2019-10-26 12:19:58 879

原创 有关于url地址的两种模式

1、普通模式:一般来说,比如以下地址都是属于普通模式的:如:baidu.com/index.php?id=1&type=3&name=andy类似这种我们通常叫做是url地址的普通模式2、pathinfo模式:一般来说,比如以下地址都属于pathinfo模式:如:https://www.jianshu.com/writer#/notebooks/40388245/not...

2019-10-26 12:17:58 909

原创 express中间件multer实现文件上传

作者原文multer中间件处理文件上传:步骤1、安装multer并引入:var multer = require('multer');步骤2、定义一个文件上传的存储目录:var upload = multer({ dest: ' public/uploads/ '});如果需要允许磁盘读入存储,因为磁盘存储引擎是你可以完全控制将文件存储到磁盘:var storage = mult...

2019-10-26 12:16:05 192

原创 B/S架构Browser Server(http协议)

作者原文1、什么是B/S架构?B/S架构是浏览器端与服务器端的架构模式,特点就是可以进行信息分布式处理;Browser端:是用户操作系统的接口,用户首先通过浏览器向服务器端发送请求,并且对服务器端响应回来的数据进行处理并且展示Server端:主要提供数据服务,操作相应的数据,然后把结果返回中间层。1、一个完整的http请求是如何实现的?...

2019-10-26 12:10:31 1881

原创 有关于Express的简单了解

1、关于Express的简单介绍:Express是基于http核心模块的实现的一个框架(即基于 Node.js 平台,快速、开放、极简的 Web 开发框架)。与express同类型的产品还有koa、egg2、关于Express的安装及引入使用指令:$ npm i express或者用 yarn add express ;引入方式:const express = require(‘expre...

2019-10-26 12:05:54 351

原创 Node.js小知识

我的原文:https://www.jianshu.com/p/1e98ba955440#1、首先要明白node.js是什么?1、简单来说node就是运行在服务端的JavaScript.2、Node.js是一个基于Chrome JavaScript运行时建立的一个环境平台.3、Node.js 是一个事件驱动的,非阻塞式I/O服务端的JavaScript环境,基于Google的V8引擎。由于...

2019-10-26 12:04:04 247

空空如也

空空如也

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

TA关注的人

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