10 2019 档案
摘要：设置淘宝镜像 初始化项目 yarn init -y npm init -y 下载项目的所有声明的依赖 yarn npm install yarn与npm 使用效果相同 项目及开发 使用create-react-app(脚手架)搭建项目 npm install -g creact-react-app
阅读全文
摘要：this.height = parseInt(this.peopledatails.height).toFixed(1)
阅读全文
摘要：1.create-react-app是react官方提供的用于搭建基于react+webpack+es6项目的脚手架 2.操作： npm install -g create-react-app :全局下载工具 create-react-app react-admin :下载模板项目 cd react
阅读全文
摘要：http://gitref.justjavac.com/creating/ 1.查看项目文件--gitignore /.idea /node_modules是否有这个内容 1.打开git命令行 git init git add . git commit -m "init app" 默认提交maste
阅读全文
摘要：str = "12345?789”str.split("?")[0] 输出为 12345 str.split("?")[1] 输出为 789 讲解：(split("?")为指定分割字符；[0]为分割后取前面的值，[1]为分割后取后面的值)
阅读全文
摘要：1.size属性：返回Map结构的成员总数 const map = new Map([ ['name','张三'], ['title','Author'] ]) console.log(map.size) // 2 2.set 和get 3.has方法：返回一个布尔值，判断某个键是否在当前Map对象
阅读全文
摘要：<template> <div> <h2 style="float: right"> <a-icon type="user" style=""/>{{ username }} </h2> <div> <a-row :gutter="24"> <a-col :md="12" :lg="12"> <h3>心率</h3> <span>{{ xinlud
阅读全文
摘要：map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 将数组对象-拆分出来对象中的某一个值。作为新数组返回 处理对象中包含多个对象-返回一个数组对象
阅读全文
摘要：安装Echarts 直接使用npm进行安装。 1 npm install Echarts --save npm install Echarts --save npm install –save:会把webpack包安装到node_modules目录中会在package.json的dependenci
阅读全文
摘要：单人课程统计 全部(队员:{{ people }}) {{ item.course_name }}-{{ item.course_ti...
阅读全文
摘要：<template> <!-- checkable-节点前添加复选框 --> <a-tree defaultExpandAll :autoExpandParent="true" :treeData="treeData" @select="this.onSelect" /> </template> data () { return { // expandedKeys: ['0-0-0', '0-0-
阅读全文
摘要：overflow: hidden 该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。 white-space: nowrap 规定段落中的文本不进行换行 text-overflow: ellipsis 显示省略符号来代表被修剪的文本。
阅读全文
摘要：computed: { pages () { const pages = [] // 计算属性-作用：标签超出九个后，展示滑动效果 // -forEach（循环项,下标） // Math.floor向下取整 this.list.forEach((item, index) => { const page = M...
阅读全文
摘要：//跳转到login登录页面 this.$router.push('/login') ‘ routes: [ { //默认定向跳转index页 path: '/', redirect:'/index' }, //跳转到login登录页面 this.$router.push('/login') ‘ r
阅读全文
摘要：getBoundingClientRect() 这个方法返回一个矩形对象，包含四个属性：left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。 var box=document.getElementById('box'); // 获取元素 alert(box.getBo
阅读全文
摘要：// 注意： 在 this 这个组件身上，有 this.$route 和 this.$router // this.$route 是专门用来获取路由中参数的； // this.$router 是专门来实现编程式导航的； // 注意：this.$route和this.$router这两个对象 // t
阅读全文
摘要：## 使用手机调试Vue项目 \1. 前提：要保证自己的手机和当前做项目的电脑，处于同一个WIFI环境中； \2. 当手机和电脑处于同一个WIFI中之后，大家需要运行终端命令ipconfig，查找 无线局域网适配器 的网络配置，复制其IPv4的地址； \3. 把复制的Ip地址，粘贴到package.
阅读全文
摘要：// 设置父盒子为弹性盒模型 display: flex; // 默认flex 布局的盒子，内部的子元素不会换行，可以使用下面的属性使其换行 flex-wrap: wrap; // 设置父盒子为弹性盒模型 display: flex; // 默认flex 布局的盒子，内部的子元素不会换行，可以使用下
阅读全文
摘要：安装 需查看官网-- cnpm i vue-preview -s 获取后台接口 必须设置宽和高 ## 实现缩略图的效果 \1. 先加载所有的图片并显示到页面上； \2. 使用vue-preview插件来实现缩略图效果； \3. 如何使用缩略图组件呢： + 运行cnpm i vue-preview -
阅读全文
摘要：//1.1导入Mint-UI中 图片懒加载组件 import { Lazyload } from 'mint-ui'; Vue.use(Lazyload); //1.1导入Mint-UI中 图片懒加载组件 import { Lazyload } from 'mint-ui'; Vue.use(Laz
阅读全文
摘要：**## 实现图片分享列表中顶部的滑动区域** \1. 借助于 MUI 的 tab-top-webview-main.html 控件来实现 \2. 当拿到 UI 代码片段之后，需要把 mui-fullscreen 去掉 --因为这个属性是铺满整个界面，遮盖住界面 \3. 当页面布局没有大问题之后，发
阅读全文
摘要：评论组件--comment.vue props: ["newsid"] // 接收父组件传递过来的新闻Id //请求数据 这里的id直接可以引用--不用在data里声明了 data() { return { page: 1, // 默认展示第一页的评论 cmtlist: [], // 评论数组 ms
阅读全文
摘要：<router-link :to="'/home/newsinfo/' + item.id"> 接收 路由配置 // 创建路由对象 const router = new VueRouter({ routes: [ { path: '/home/newsinfo/:id', component: Ne
阅读全文
摘要：使用 <span>发表时间：{{ item.add_time | dateFormat }}</span> 也可以自定义：{{ item.add_time | dateFormat（'YYYY-MM-DD'） }} ## 定义全局的过滤器来格式化时间字符串 1. 经过分析，整个项目中，许多组件都需要
阅读全文
摘要：//2.4设置post提交表单时的json格式 Vue.http.options.emulateJSON = true; //2.4设置post提交表单时的json格式 Vue.http.options.emulateJSON = true;
阅读全文
摘要：.mui-ellipsis{ display: flex; justify-content: space-between; } ## 绘制新闻资讯页面的效果 + 使用mui中的media-list.html + 使用 `display: flex;`实现了弹性盒模型布局，从而让 元素左右贴边；`ju
阅读全文
摘要：mock--index.js 只向外暴露这一个文件 mock--extends.js 扩展文件--自己分装的数据 mock--goods.js 商品模块 然而main.js 不用变 直接导入的index.js
阅读全文
摘要：mock前端静态数据--资料1.使用vue ui 视图化工具 创建vue 项目2.点击vue 项目管理器3.项目名称vue_mock 包管理器：建议使用npm 因为yarn适合在react中使用 4.初始化git仓库 打开-- init project5.功能--打开babel linter 使用配
阅读全文
摘要：import axios from 'axios' export function request(config){ return new Promise((resolve, reject) => { //1.创建实例--配置 const instance = axios.create({ baseURL: '地址'， timeout: 5000 }) //2.axi...
阅读全文
摘要：引用、 建议 引用 promise异步操作 其实这里的 调用
阅读全文
摘要：//安装axios npm install axios --save //导入 import axios from 'axios' axios({ url: '接口地址',//可拼接 ?参数&参数2 method: 'get', params: { 参数 } params: { 参数 } param
阅读全文
摘要：//在这里做异步逻辑操作，类似于mutations,但是不能在mutations 里做异步，工具监听不到 actions: { aupdateinfo(context，payload){ context.commit('调用mutations 中的方法') } }, //在这里做异步逻辑操作，类似于
阅读全文
摘要：//方法 mutations: { //加上一个动态传参 incrementCount(state, count) { state.counter += count } }, 界面传参 methods: { addCount(count) { this.$store.commit('incremen
阅读全文
摘要：过滤器函数使用户的案例 //单一状态数 state: { //是一个数组对象 students: [ {id: 10, name: 'ha', age: 18}, {id: 10, name: 'ha', age: 18}, {id: 10, name: 'ha', age: 18}, ] }, 计
阅读全文
摘要：1.作用需求：多个状态，在多个界面的共享问题 比如：用户的登录状态，用户名称，头像，地理位置信息等等 比如:商品的收藏， 这些状态信息，我们都可以放在同一的地方，对他进行保存和管理，而且他们还是响应式的。 2.不同于父子组件之间的传递，应用于没有直接的关系。 使用步骤： 一，Vuex是一个插件 下载
阅读全文
摘要：结构： 简便写法二 .then(函数一，函数二) 链式案例 此外，promise还有同时处理几个或多个请求 Promise.all() 这个用于：需求：需要同时获取两个或多个数据，之后才能下一步 用于判断是否接受到了或者叫判断执行完成了这两个或多个请求
阅读全文
摘要：## `nrm`的安装使用 作用：提供了一些最常用的NPM包镜像地址，能够让我们快速的切换安装包时候的服务器地址； 什么是镜像：原来包刚一开始是只存在于国外的NPM服务器，但是由于网络原因，经常访问不到，这时候，我们可以在国内，创建一个和官网完全一样的NPM服务器，只不过，数据都是从人家那里拿过来的
阅读全文
摘要：Document + + = {{ fullname }} {{ fullname }} {{ fullname }}
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!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>Doc
阅读全文
摘要：<!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>Doc
阅读全文
摘要：<!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>Doc
阅读全文
摘要：方式2
阅读全文
摘要：<!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>Doc
阅读全文
摘要：Document 哈哈哈， 今天天气太好了！！！
阅读全文
摘要：Document 评论人： {{ item.user }} {{ item.content }} 评论人： 评论内容： ...
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!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>Doc
阅读全文
浙公网安备 33010602011771号