编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

67浏览

0评论

在Vuex使用dispatch和commit来调用mutations的区别详解

main.js中import Vuex from 'vuex'Vue.use(vuex);const store = new Vuex.store({　　state: {　　　　nickName: "",　　　　cartCount: 0　　　　},　　mutations: {　　...

2020-05-27 04:44:14

47浏览

0评论

vue服务端渲染添加缓存的方法

什么是服务器端渲染(SSR)？
Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的...

2020-05-27 04:44:13

78浏览

0评论

从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法

如下所示：Uncaught Error: [vuex] Do not mutate vuex store state outside mutation handlers今天遇到一个问题，将Vuex中数组的值赋给新的数组，新数组push时报上面的错误，代码...

2020-05-27 04:44:12

65浏览

0评论

vue服务端渲染页面缓存和组件缓存的实例详解

vue缓存分为页面缓存、组建缓存、接口缓存，这里我主要说到了页面缓存和组建缓存页面缓存：在server.js中设置const LRU = require('lru-cache')const microCache = LRU({ max:...

2020-05-27 04:44:11

80浏览

0评论

Vue中 key keep-alive的实现原理

vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗keep-aliv是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中，而不是直接将其...

2020-05-27 04:44:10

58浏览

0评论

详解关于Vue2.0路由开启keep-alive时需要注意的地方

Vue2.0 做应用必有的需求就是页面数据需要做缓存，不用每次进入页面都要把数据重新请求一遍，每次页面切换都有段等待数据相应时间，这个用户体验可想有多么蛋疼，所以页面缓存是必...

2020-05-27 04:44:09

78浏览

0评论

微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤

本文介绍了微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤，分享给大家，具体如下：微信小程序框架：mpvue ui框架：mpvue-weui request请求：fly.js1.项目初始化注：如果没有安...

2020-05-27 04:44:08

64浏览

0评论

vuex actions传递多参数的处理方法

场景在使用vue components dispatch Vuex actions的时候需要传递参数给多个参数actions但是在actions 只是可以接收到两个参数的问题分析vuex actions 固定接受的第一个参数...

2020-05-27 04:44:06

77浏览

0评论

vue-自定义组件传值的实例讲解

项目中，我们经常会遇到自定义组件传值的问题，方法很多种，但是原理很简单，下述文档总结实际项目中使用的传值方式。父组件传递给子组件某一值，子组件内会修改该值，然后父组件需要获...

2020-05-27 04:44:05

83浏览

0评论

vue自定义全局共用函数详解

如果你需要让一个工具函数在每个组件可用，可以把方法挂载到 Vue.prototype上。在main.js中：Vue.prototype.method = function () {}组件中调用：this.method()以上这篇vue自定义...

2020-05-27 04:44:04

75浏览

0评论

vue动画打包后失效问题的解决方法

webpack 打包后动画未执行，就是npm run build后在dist中生成的项目中动画未生效解决：找到build文件夹中得vue-loader.conf.js,把extract的值改为false---如图下面看下vue-cli...

2020-05-27 04:44:03

55浏览

0评论

解决vue attr取不到属性值的问题

js：$(document).ready(function() { $.get("/account/authGroupInfo",{id:groupId}, function(data) { var arr = data.data.rules.split(","); console.log(arr);...

2020-05-27 04:44:02

70浏览

0评论

小程序兼容安卓和IOS数据处理问题及坑

最近开发微信小程序，遇到到过种坑，例如什么前端发送请求，后端请求成功，没有获取到前端传递的值；后端请求成功，并且值，前端就是出不来数据；请求接口出现Provision headers are shown...

2020-05-27 04:44:01

64浏览

0评论

微信小程序适配iphoneX的实现方法

一、安全区域(safe area)与iPhone6/6s/7/8相比，iPhone X 无论是在屏幕尺寸、分辨率、甚至是形状上都发生了较大的改变，下面以iPhone 8作为参照物，先看看iPhone X尺寸上的变化：...

2020-05-27 04:44:00

92浏览

0评论

对VUE中的对象添加属性

背景：在通过接口获取数据集对象后，根据业务场景需要在数据集对象上增加额外的属性data中定义的数据集对象mindData格式示例如下mindData: [{label:'清醒',value:'清醒'}, {lab...

2020-05-27 04:43:59

69浏览

0评论

JavaScript指定断点操作实例教程

前言虽然网上已经有多的数不清的调试教程了，但仍然没有发现哪篇文章写的通俗易懂，索性自己尝试写写自己的一些使用习惯或者说是心得，希望对那些还不是很懂得使用断点调试的孩子...

2020-05-27 04:43:54

65浏览

0评论

vue2.0 + ele的循环表单及验证字段方法

关于vue2.0 + ele的表单循环以及对应字段的验证！！！！！html代码<el-form ref="ruleForm" :inline="true" :model="form" label-width="140px" :rules="rules" v-loading.fullscree...

2020-05-27 04:43:53

58浏览

0评论

Vue循环组件加validate多表单验证的实例

*父父组件（helloWorld.vue）:<template> <div class="hello-world"> <el-button type="text" @click="saveAll" class="button">SAVE</el-button> <promise-father ref="prom...

2020-05-27 04:43:52

79浏览

0评论

记React connect的几种写法(小结)

connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [options])
连接 React 组件与 Redux store。连接操作不会改变原来的组件类，反而返回一个新的已与 Redux...

2020-05-27 04:43:51

69浏览

0评论

浅谈vue同一页面中拥有两个表单时,的验证问题

问题：如果vue的同一个页面拥有两个表单。验证第一个表单时没有通过就切换到第二个，那么第二个表单会出现验证错误的信息我们可以通过为两个表单添加ref属性之后在通过调用rese...

2020-05-27 04:43:50

77浏览

0评论

Vue条件循环判断+计算属性+绑定样式v-bind的实例

Vue.js条件与循环1、条件判断（1）v-if，<div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> </template></div> <script> new Vu...

2020-05-27 04:43:49

76浏览

0评论

vue自定义tap指令及tap事件的实现

1.Vue指令　　Vue提供自定义实现指令的功能, 和组件类似,可以是全局指令和局部指令,详细可以参见vue官网自定义指令一节(https://cn.vuejs.org/v2/guide/custom-directive.h...

2020-05-27 04:43:48

61浏览

0评论

微信开发之企业付款到银行卡接口开发的示例代码

微信支付已上线企业付款至银行卡功能。商户可以将商户号余额付款至指定的收款银行账户。通过指定收款银行账户户名、卡号，以及收款银行信息即可实现付款。功能目前为灰度开放...

2020-05-27 04:43:47

56浏览

0评论

关于vue v-for循环解决img标签的src动态绑定问题

在解决这个问题上，遇到了很多错误的方案，一直没有跑通，有些是图片标记出现了，但是图片内容没有出现，这就很让人头疼了，下面，我讲解我操作成功的案例吧。1、目录结构如下图片放置在...

2020-05-27 04:43:46

67浏览

0评论

关于Vue项目跨平台运行问题的解决方法

记录一下踩坑前几天，从同事手上接手了一个Vue的项目。（Ps：刚入职两周，老哥还专门写了一个readMe，感谢）；问题来了，从gitLab上面把项目上clone下来了，node环境什么的都配置好了，npm inst...

2020-05-27 04:43:45

270浏览

0评论

vue动态设置img的src路径实例

相信开发的小伙伴已经遇到这个问题了，动态切换img标签的src时，写的路径就是不生效，原因是vue并没有把你的路径字符串当做路径来处理，而是直接当做字符串了，当然网上也有很多方法，...

2020-05-27 04:43:44

60浏览

0评论

vue中当图片地址无效的时候,显示默认图片的方法

web项目中经常需要展示图片，很可能就会碰到图片地址无效的情况，比如图片地址不对，或者后台拿到图片地址后，该地址无效，或者数据库中没有该图片等情况。这时候，图片就会显示一个叉...

2020-05-27 04:43:43

79浏览

0评论

vue webpack开发访问后台接口全局配置的方法

在实际开发中，使用vue 后就是前后端分离开发了，这时候我们就需要访问后台的接口来拿到数据，需要URL,name,password来获取到token才能正常使用接口，下面就来配置。1、找到config...

2020-05-27 04:43:42

57浏览

0评论

解决vue动态为数据添加新属性遇到的问题

vue为数据添加属性时遇到的坑，通过self.book[i].[‘cur']=false;动态为数据添加属性时，数据变化了，但是视图没有发生更新。具体原因不明白。。。。解决方法：通过set来添加属性th...

2020-05-27 04:43:40

80浏览

0评论

json前后端数据交互相关代码

一、介绍
官方JSON介绍 WIKI百科。 JavaScript object notation（记号法）。JSON： JSON数据具有2种形式，一种是无序的key-value对的集合（对象），另一种是有序的值的集合（数组）。{string...

2020-05-27 04:43:37

78浏览

0评论

详解webpack打包nodejs项目(前端代码)

随着前端体积越来越大，功能越来越丰富，这时候就需要将前端工程化，而webpack就是用于将前端各种文件打包起来。一个简单的webpack应该包含以下几个概念
入口起点输出配置...

2020-05-27 04:43:36

51浏览

0评论

Vue axios设置访问基础路径方法

看过axios的官方文档后配置变得简单：在main.js 做如下配置：import axios from 'axios'axios.defaults.baseURL = 'http://10.202.42.24:8080/sf-cloud-web'Vue.prototype.axio...

2020-05-27 04:43:34

95浏览

0评论

基于Nodejs的Tcp封包和解包的理解

我们知道，TCP是面向连接流传输的，其采用Nagle算法，在缓冲区对上层数据进行了处理。避免触发自动分片机制和网络上大量小数据包的同时也造成了粘包（小包合并）和半包（大包拆分）问题，导...

2020-05-27 04:43:33

84浏览

0评论

vue中的计算属性实例详解

什么是计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.split(''...

2020-05-27 04:43:32

86浏览

0评论

vue添加axios,并且指定baseurl的方法

本文主要介绍如何在vue项目中引入axios，并且在使用的时候指定baseurl。好，下面上货。1、首先需要的是一个vue项目，这个可以参考以前的文章。2、然后是npm install axios --save...

2020-05-27 04:43:31

77浏览

0评论

Vue.js更改调试地址端口号的实例

Vue项目一般使用自带的脚手架工具vue-cli和webpack打包方式进行项目构建运行。开发中，我们在控制台输入命令行npm run dev部署项目后，默认开启的页面调试地址是8080端口。但是...

2020-05-27 04:43:30

47浏览

0评论

三种Webpack打包方式(小结)

准备工作mkdir webpack_demo && cd webpack_demo #新建文件夹npm init #创建package.json文件npm install --save-dev webpack #安装依赖（非全局安装）mkdir app && mkdir pu...

2020-05-27 04:43:29

95浏览

0评论

解决vue热替换失效的根本原因

新手刚开始使用vue时，常会遇见一个坑，那就是热替换失效。什么？你跟我说使用官方的vue-cli去构建，我就是使用vue-cli后突然失效。什么？你跟我说重新npm run dev一下，好嘛，已经run了N...

2020-05-27 04:43:28

117浏览

0评论

记一次webapck4 配置文件无效的解决历程

webpack@4.x的变化
先来说下webpack4和之前版本里一些主要的变化：1、webpack不再支持node v4，这是因为新的webpack和附属插件使用了es6的语法，v4版本对es6不是很到位，所以，就不伺...

2020-05-27 04:43:27

72浏览

0评论

解决vuecli3.0热更新失效的问题

webpack的热更新可以说极大地提高了前端的开发效率，以下就是本人遇到的针对vuecli热更新失效的解决方法：1、检查控制台，编译的时候是否有警告，警告很可能导致热更新的失效2、vue...

2020-05-27 04:43:26

60浏览

0评论

vue-cli项目修改文件热重载失效的解决方法

遇到一个很奇怪的问题，就是之前vue-cli创建的项目，在起初修改文件可以热重载，但是后面突然间就无法无刷新浏览器更新了，一只以为是热重载出问题了，折腾了半天也没纠结出什么结论，...

2020-05-27 04:43:25

47浏览

0评论

Vue瀑布流插件的使用示例

我自己写的一个的Vue瀑布流插件，列数自适应，不用设置每个卡片的高度。测试页面：Page.vue
模板页面：WaterFollow.vue 和 WFColumn.vue在Page.vue中，修改itemW的值，设置每列的最小宽...

2020-05-27 04:43:24

54浏览

0评论

vue生命周期和react生命周期对比【推荐】

个人认为，react和vue的业务逻辑是差不多，vue在react上封装了更简洁的方法，使用起来更加的便捷，如：提供了便捷的指令（v-for,v-if,v-model），还提供了更多的属性（computed,watch），我还是比...

2020-05-27 04:43:23

55浏览

0评论

老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)

众所周知，CSS样式有三种类型：行内样式、内部样式和外部样式，JavaScript获取CSS样式时分为两种情况：行内样式获取法和非行内样式获取法。一、行内样式获取相对简单，通过element...

2020-05-27 04:43:22

65浏览

0评论

node.js环境搭建图文详解

身为一名Java开发者对前端充满无限的好奇，于是开始踏入前端的领地。要想先学习，搭建环境是必备，所以整理一篇node.js环境搭建教程。Node.js 是一个让 JavaScript 运行在服务端...

2020-05-27 04:43:21

71浏览

0评论

vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法

在store.js里面添加如下的代码就可以了：// 热重载if (module.hot) { // 指定要监控的文件 module.hot.accept(['./mutations'], () => { const mutations = require('./mutat...

2020-05-27 04:43:19

50浏览

0评论

5分钟快速掌握JS中var、let和const的异同

前言首先，一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解...

2020-05-27 04:43:18

52浏览

0评论

vue中如何实现后台管理系统的权限控制的方法示例

一、前言在广告机项目中，角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分，其中根据粒的大小分的更细：接口访问的权限控制页面的权限控制菜...

2020-05-27 04:43:17

45浏览

0评论

自己动手封装一个React Native多级联动

背景肯定是最近有一个项目，需要一个二级联动功能了！
本来想封装完整之后，放在github上面赚星星，但发现市面上已经有比较成熟的了，为什么我在开发之前没去搜索一下（项目很赶进度），泪...

2020-05-27 04:43:16

52浏览

0评论

webpack+vue+express(hot)热启动调试简单配置方法

前言最近搞vue+webpack，vue的api还是比较容易懂的，每次build很复杂，这里就介绍下热启动调试吧，心累~~~ITDogFire –sky工具及目录所用的到的简单工具 webstorm +vue +webpack +e...

2020-05-27 04:43:15

首页 «1355 135613571358 1359 »尾页

热门文章