乐胖代购免代理版

欢迎

webpack简单配置与打包

1 .安装node 去官网上安装node2.创建package.json文件命令npm init3.安装webpack本地安装：npm install webpack webpack-cli --save-dev下面是package.json里面 script的东西"dev": "webpack --mode development","build":...

json

命令行

官网

开发过程

原创 2021-09-03 14:55:57 134 阅读

配置webpack-dev-server

1.什么是webpack-dev-serverwebpack-dev-server是用来配置本地服务器的，使用它可以为webpack打包生成的资源文件提供web服务。webpack-dev-server 主要提供两个功能：（1）为静态文件提供web服务（2）自动刷新和热替换（HMR）自动刷新：修改文件或者修改代码的时候，网页会自动更新热替换...

自动刷新

web服务

服务器

ip地址

资源文件

原创 2021-09-03 14:55:49 417 阅读

webpack配置webpack.config.js

1.新建一个webpack.config.js2.配置入口entry（所需打包的文件路径）3.配置出口output（1）path 指的是文件打包后的存放路径（2）path.resolve（）方法将路径或者路径片段的序列号处理成绝对路径（3）__dirname表示当前文件所在的目录的绝对路径（4）filename是打包后文件的名称...

绝对路径

文件路径

序列号

webpack

原创 2021-09-03 14:55:33 877 阅读

webpack简介

webpack其实就是一个javascript应用程序的静态模块打包器webpack的作用就是模块化打包会将项目的资源文件当成一个一个模块，模块之间是有依赖关系的， webpack将会对这些有依赖关系的文件进行处理 js打包成成js文件 css就打包成css文件能够让浏览器识别最后将应用程序需要的每个模块打包成一个或者多个bundle相当于压缩，这样的...

webpack

应用程序

依赖关系

css

资源文件

原创 2021-09-03 14:55:33 97 阅读

【VUE】vue-awesome-swiper 在vue中不自动轮播的.需要触发一下才自动轮播的问题

1.首先安装vue-awesome-swiper(安装前首先按照nodejs,vue)npm install vue-awesome-swiper --save2.在main.js中引入安装的依赖import VueAwesomeSwiper from 'vue-awesome-swiper'// require stylesimport 'swiper/dis...

vue-awesome-swiper

ide

css

html

自动轮播

原创 2021-09-03 14:54:18 919 阅读

vue只渲染前几个数据

<ulid="example"><liv-for="(item,index)initems"v-if='index<2'>{{index}}-{{item.message}}</li></ul>

vue

原创 2021-09-03 14:54:02 408 阅读

vue-video-player 如何for循环遍历多个视频options="playerOptions"

直接上代码，按照正常逻辑走，只能遍历一个。目前项目遇到这个问题，度娘很久没有找到，只能自己手动解决了上代码<div class="reply_con" v-for="(item,index) in reply" :key="index" ><video-player class="video-player-box ovideo" ref="vi...

ide

数据

ajax

请求数据

vue

原创 2021-09-03 14:54:02 2252 阅读

vue 客服腾讯云即时通讯IM 小demo

第一步按照即时通讯IM文档来安装第二步在main.js 引入第三步找一个空页面粘贴过去就可以了具体效果图：业务逻辑代码如下：<template> <div class="box" v-loading="loading"> <div class="t_left"> <div class="seek"> <el-input placeho...

5e

html

发送消息

分页

业务逻辑

原创 2021-09-03 14:52:49 1253 阅读 1点赞 1收藏

VUE移动端浏览器分享事件（微信，QQ，新浪微博）NativeShare.js

先看一下效果图：点击右上角的分享按钮，触发百度浏览器的分享事件，来实现分享。目前只支持UC浏览器百度浏览器等主流浏览器。使用NativeShare.js 来达到上述功能的实现如何在Vue中使用：第一步：安装依赖：npm installnativeshare第二步：在需要的vue组价或页面引入import NativeShare from 'nativeshare'第三步：在点击分享的地方创建方法：@click="onSelect()"第四步：在...

ico

百度浏览器

微信

git

uc浏览器

原创 2021-09-03 14:52:49 1593 阅读

vue css刻度尺找到对应节点

vue css刻度尺找到对应节点<template> <div class="a"> <div class="b"> <div class="b1"> <div class="b2" v-for="(item,index) in list" :key="index"> <span class="b22">{{item.nam.

刻度尺

css

vue

原创 2021-09-03 14:52:48 859 阅读

react 404 和重定向

cnpm i react-router-dom -Simport React from 'react';import Home from './component/home/index.jsx';import New from './component/home/new.jsx';import User from './component/home/user.jsx';import { BrowserRouter } from 'react-router-dom'fu.

重定向

react

原创 2021-09-03 14:51:20 541 阅读

react的生命周期以及快捷键 Mounting 初始化阶段过程

组件创建到首次渲染到页面1.constructor() 构造函数，在创建组件的时候调用一次2.componentWillmount()在组件即将被挂载的时候调用一次。组件还没渲染出来但是js逻辑已经开始执行了，一般异步的方法（ajax）请求数据3.render渲染4.componentDidMount()在组件被挂载完成的时候调用一次可以在这里使用refs 组件已经被渲染出来了...

快捷键

数据

ajax

请求数据

构造函数

原创 2021-09-03 14:51:20 106 阅读

React组件卸载后的问题

状态改变容易问题第一种解决方式：componentWillUnmount(){ //组件将要卸载this.setState = () =>{ return}}第二种解决方式：加开关_onOff

react

原创 2021-09-03 14:51:19 428 阅读

react动态路由传值和get

路径传参：可以用<Route path='/newsdeta/:id' component={Newsdeta}></Route>在组件里面就可以用:this.props.match.params.idimport React, { Component } from 'react';class newsdeta extends Component { render() { const id = this.props conso

react

原创 2021-09-03 14:51:19 437 阅读

react中props属性传值以及props传递函数

react中父子组件传值以及调用方法props传值以及传递方法父组件传值给子组件：如果我需要把contatcFrom里面的值传给子组件，可以这样做： <Contact contatcForm={this.state.contatcForm} />子组件接收contatcFrom，可以这样做：this.props.contatcForm 或者解构赋值const Contact = ({ contatcForm}) => { console.log(cont...

react

赋值

数据

值传

调用方法

原创 2021-09-03 14:51:18 2282 阅读

vue跨域proxytable

xios vue 反向代理跨域1.config 下面的index.js找到proxytable进行替换proxyTable: { '/api': { //使用"/api"来代替"http://f.apiplus.c" target: 'http://www.dajiwuhui.com', //源地址 changeOrigin: true, //...

ios

跨域

反向代理

源地址

命令窗口

原创 2021-09-03 14:50:05 443 阅读

vue根据id进行排序，一行代码搞定

这是后台返回的数据这是升序self.shopList = data.data.content.list.sort( (pre, cur) => pre.id - cur.id);这是降序self.shopList = data.data.content.list.sort( (pre, cur) => cur.id - pre.i...

vue

数据

升序

原创 2021-09-03 14:50:05 795 阅读

vue登录注册如何实现图像验证码

先来上图，看一下最终效果图公司的一个新项目，需要用到图形验证码进行判断。第一步：需要把identify放到所需要的组件里面，把下面的代码塞进去即可。<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="content...

ide

验证码

忘记密码

找回密码

ico

原创 2021-09-03 14:50:04 1111 阅读

vue登录，滑动验证码

第一步：npm install --save vue-monoplasty-slide-verify第二步：main.js配置import Vue from 'vue';import SlideVerify from 'vue-monoplasty-slide-verify';Vue.use(SlideVerify);第三步：vue页面或组件：// template&...

ide

vue

原创 2021-09-03 14:49:06 1215 阅读

vue订单倒计时

写一个组件代码<template> <span :endTime="endTime" :callback="callback" :endText="endText"> <slot> {{content}} </slot> </span></templat...

时间戳

vue

原创 2021-09-03 14:49:05 747 阅读

VUE微信公众号签名错误 invalid signature 有时OK 有时报错

做项目的时候，需要用到微信的jsdk 但是有的时候可以wx.config是Ok的，有的时候是错误的有百分之90的几率是路径导致的，不要再去看是否签名错误了。路径这样获得:location.href.split('#')[0]才可以。我之前用的是location.href。这样反而会出现奇怪的bug。当时是一次就过，就没有发现错误。let urla = location...

微信

签名错误

vue

原创 2021-09-03 14:49:05 307 阅读

vue中如何调用iframe的方法传值和iframe如何给vue传值

iframe给Vue页面传值第一步：需要在iframe的index.html 的js 加入下面代码<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>PHPWord</...

html

php

页面传值

javascript

vue

原创 2021-09-03 14:49:04 1960 阅读

Vue组件化的理解

组件化是Vue的精髓，Vue应用就是由一个个组件构成的。Vue的组件化涉及到的内容非常多.当面试时被问到：谈一下你对Vue组件化的理解。这时候有可能无从下手，可以从以下几点进行阐述：定义：组件是可复用的Vue实例，准确讲它们是V ueComponent的实例，继承自Vue。优点：从上面案例可以看出组件化可以增加代码的复用性、可维护性和可测试性。使用场景：什么时候使用组件？以下分类可作为参考：通用组件：实现最基本的功能，具有通用性、复用性，例如按钮组件、输入框组件、布局...

vue.js

组件化

复用

可维护性

ide

原创 2021-09-03 14:49:03 155 阅读

监听器

响应式

事件监听器

自定义组件

自定义事件

原创 2021-09-03 14:47:38 183 阅读

mpvue使用vuex基本步骤以及如何使用

第一步，肯定先加载VUEX呀在根目录创建store.js在里面引入vue vuex 从'vue'导入Vue 从'vuex'导入Vuex Vue.use（Vuex）;开始工作已经完成我们先来了解一下Vuex的核心Vuex用来状态管理。Vuex的五大核心就是state, getters, mutations, actions, ...

vuex

VUE

mpvue

字符串

数据

原创 2021-09-03 14:44:31 191 阅读

vue支付宝pc支付的扫码支付和跳转支付两种支付方式

支付宝的PC支付分为两种前置模式支付和跳转模式支付前置模式和跳转模式，需要后台在支付宝的api中配置（无关前端）跳转模式。前置模式是将二维码前置到商户的订单确认页的模式。需要商户在自己的页面中以 iframe 方式请求支付宝页面。具体分为以下几种： 0：订单码-简约前置模式，

支付宝

二维码

html

支付宝支付

数据

原创 2021-09-03 14:44:18 5966 阅读 1点赞

vue单页面，在微信公众号支付中遇到的URL未注册BUG解决方法

今天在做微信公众号支付的时候，遇到一个bug，在当前支付页面点击支付，就会报错，提示当前页面的URL未注册。如下图：但是，这个URL我们是在后台微信公众号配置了的，所以说不会出错。但是我们刷新一次当前页面，再点击立即充值就会成功。我就在里面写了一个刷新当前页面的方式，来进行支付。但是试了好几种刷新当前页面的方法，都不可以。在了解到，vue在微信里的刷新方式是不生效的。最终发现了...

当前页

微信

微信公众号

微信支付

加载

原创 2021-09-03 14:43:52 324 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx6131ba5201469的博客

欢迎

webpack简单配置与打包

配置webpack-dev-server

webpack配置webpack.config.js

webpack简介

【VUE】vue-awesome-swiper 在vue中不自动轮播的.需要触发一下才自动轮播的问题

vue只渲染前几个数据

vue-video-player 如何for循环遍历多个视频options="playerOptions"

vue 客服腾讯云即时通讯IM 小demo

VUE移动端浏览器分享事件（微信，QQ，新浪微博）NativeShare.js

vue css刻度尺找到对应节点

react 404 和重定向

react的生命周期以及快捷键 Mounting 初始化阶段过程

React组件卸载后的问题

react动态路由传值和get

react中props属性传值以及props传递函数

vue跨域proxytable

vue根据id进行排序，一行代码搞定

vue登录注册如何实现图像验证码

vue登录，滑动验证码

vue订单倒计时

VUE微信公众号签名错误 invalid signature 有时OK 有时报错

vue中如何调用iframe的方法传值和iframe如何给vue传值

Vue组件化的理解

Vue相关API盘点

mpvue使用vuex基本步骤以及如何使用

vue支付宝pc支付的扫码支付和跳转支付两种支付方式

vue单页面，在微信公众号支付中遇到的URL未注册BUG解决方法