- 博客(22)
- 收藏
- 关注
RSS订阅
原创 利用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关注的人