mx_is_bang的博客

https://blog.csdn.net/yizufengdou/article/details/103985709

Vue.js devtoolshttps://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd/relatedReactAnt Design of Reacthttps://ant.design/docs/react/introduce-cnFetch APIhttps://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Usin

这周学习了react框架的基础知识，大概就是一些官方文档上的内容大概可以分为以下几个方面：1、JSX语法简单理解JSX语法就是JavaScript+XML语法，遇到{ }按照JavaScript语法来解析，遇到标签按照html来解析，这样结合起来方便操作虚拟DOM。组件后缀.jsx或.js，组件名要是大写，否则会报错。2、组件状态组件的变量通过状态来管理，访问要通过this.state.变量名，修改要使用this.setState({})，setState可以提供回调函数。有一个状态提升的概念

在学习webpack编译文件时首先报错的提示为：ERROR in ./app/main.jsModule build failed (from ./node_modules/babel-loader/lib/index.js):Error: Cannot find module ‘@babel/core’之前已经安装过babel-core如下Babel安装// npm一次性安装多个依赖模块，模块之间用空格隔开npm install --save-dev babel-core babel-l

当图片的某元素是一张图片，可不设置宽高，将样式设置为如下，这样图片就会撑起来页面，避免一些宽高在不同机型不协调的问题。display: block;width: 100%;需要条件判断显示不同的图片时，可以给标签的src绑定一个方法，该方法根据条件return它的URL使用v-if 来决定dom元素是否渲染多使用伪元素来减少div标签，常用的有before，和after常用的设置有水平垂直居中，外边距，内边距，圆角，宽高，字体，字高，对齐方式，是否加粗//字体fon.

地址列表渲染地址列表渲染首先是前端通过axios发送get请求，接受一个回调拿到数据response.data的数据为地址列表在result中{"status":"0","msg":"","result":[{"addressId":"100001","userName":"JackBean","streetName":"北京市朝阳区朝阳公园","postCode":100001,"tel...

Vue中computed是属性调用，以属性访问的形式调用的，{{computedTest}}带有缓存功能computed依赖于data中的数据，只有在它的相关依赖数据发生改变时才会重新求值computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；computed比较适合对多个变量或者对...

修改购物车内商品数目，通过加减实现前端Cart.vue给加减符号添加editCart(‘sub’,item)的click事件，传递两个参数，第一个参数用来标识符号，第二个参数拿到商品条目<div class="cart-tab-3"> <div class="item-quantity"> <div c...

父组件可以传递信息到子组件，但子组件不能随意改变这个状态子组件的状态只能是父组件传递过来，不能是子组件自己改变子组件修改状态值时不能够影响到子组件父组件传到子组件子组件是一个通用的模态框Modal.vue<div><div class="md-modal modal-msg md-modal-transition"v-bind:class="{'md-show':md...

前端实现前端利用axios插件向服务器发送请求，用post方法，post方法一般用于提交，post向后端提交两个参数userName和userPwdlogin(){ if(!this.userName||!this.userPwd){ this.errorTip = true; return; ...

前后端数据传递后端数据库采用mongodb，mongodb是非关系型数据库，存储集合。1、首先下载moongose插件可以很方便的从mongodb中获取数据在node搭建的服务端Server新建文件\model\goodsvar mongoose = require('mongoose');//moongose可以简捷的从mongoDB中获取数据//moongose有一个模式Schem...

dev-server文件在最新的vue版本中是webpack.dev.conf.js代码没有太大变动，只是语法上有一些改变！！修改后一定重新启动npm run dev,才能访问到接口数据webpack.dev.conf.js文件const express = require('express')const app = express()//请求servervar goodsData =...

前端路由：vue-router用来构建SPA相当于a标签，用来配置路由地址或者用this.$router.push({path:})编程式路由路由渲染的位置动态路由vue模板只能有一个根元素，添加其他标签时需要包裹在同一个下面/user/:username/user/:username/post/:post_id path: '/goods/:goodsId', http:/...

vue框架MV*Model和View绑定，数据驱动，状态管理，组件化数据驱动：传统的jQuery需要获取DOM节点，通过click事件或者addclass改变DOM节点的内容,DOM和JS是耦合的。vue不关注怎么获取DOM节点，改变DOM节点，只关注怎么将数据放在data里面。组件化：公共部分抽离出来，可以放到任何一个界面使用。通过MVVM的数据绑定实现自动同步。Object.def...

响应式网页响应式网页设计采用css的媒体查询技术，将包括弹性布局，弹性图片、媒体和媒体查询整合在一起，为响应式网页设计。页面会随着窗口的尺寸变化做出相应的改变。视口是浏览器显示的内容区域，不包括工具栏标签栏。响应式设计需要寻找一个临界点，当视觉效果不符合人的审美或影响了内容获取时对应的值，这个临界值是响应式设计的断点。...