92浏览

0评论

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

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

• 2020-05-27

112浏览

0评论

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

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

• 2020-05-27

100浏览

0评论

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

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

• 2020-05-27

85浏览

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

105浏览

0评论

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

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

• 2020-05-27

117浏览

0评论

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

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

• 2020-05-27

127浏览

0评论

对VUE中的对象添加属性

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

• 2020-05-27

90浏览

0评论

JavaScript指定断点操作实例教程

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

• 2020-05-27

94浏览

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

80浏览

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

95浏览

0评论

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

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

• 2020-05-27

106浏览

0评论

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

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

• 2020-05-27

97浏览

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

108浏览

0评论

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

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

• 2020-05-27

88浏览

0评论

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

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

• 2020-05-27

83浏览

0评论

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

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

• 2020-05-27

93浏览

0评论

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

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

• 2020-05-27

327浏览

0评论

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

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

• 2020-05-27

90浏览

0评论

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

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

• 2020-05-27

110浏览

0评论

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

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

• 2020-05-27

85浏览

0评论

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

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

• 2020-05-27

110浏览

0评论

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

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

• 2020-05-27

95浏览

0评论

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

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

• 2020-05-27

78浏览

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

132浏览

0评论

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

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

• 2020-05-27

114浏览

0评论

vue中的计算属性实例详解

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

• 2020-05-27

115浏览

0评论

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

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

• 2020-05-27

106浏览

0评论

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

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

• 2020-05-27

89浏览

0评论

三种Webpack打包方式(小结)

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

• 2020-05-27

127浏览

0评论

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

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

• 2020-05-27

154浏览

0评论

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

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

• 2020-05-27

102浏览

0评论

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

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

• 2020-05-27

91浏览

0评论

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

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

• 2020-05-27

66浏览

0评论

Vue瀑布流插件的使用示例

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

• 2020-05-27

72浏览

0评论

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

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

• 2020-05-27

81浏览

0评论

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

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

• 2020-05-27

101浏览

0评论

node.js环境搭建图文详解

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

• 2020-05-27

97浏览

0评论

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

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

• 2020-05-27

73浏览

0评论

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

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

• 2020-05-27

97浏览

0评论

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

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

• 2020-05-27

61浏览

0评论

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

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

• 2020-05-27

70浏览

0评论

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

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

• 2020-05-27

57浏览

0评论

vue.extend与vue.component的区别和联系

如果大家只顾开发，对基础知识不了解，在今后的解决问题过程中，也是个大问题，今天小编抽空对基础概念给大家屡一下，用于大家日后学习。Vue.extend({})简述：使用vue.extend返回一个子...

• 2020-05-27

90浏览

0评论

vue-cli 3.0 自定义vue.config.js文件,多页构建的方法

使用自己基于vue-cli 2.X改造的前端多页脚手架有近1年多时间了，一直没机会升级3.0版本开始零零碎碎开始写一些功能，顺便分享一下const path = require('path')const glob = re...

• 2020-05-27

72浏览

0评论

vue-cli 3.x 配置Axios(proxyTable)跨域代理方法

vue-cli 3.x 的beta版本，基于iview做的公司的角色权限管理平台。 3.x 版本对整个项目的构建都有很大的改动，没有原先的config文件夹，没有dev.env.js和prod.dev.js，看了教程，要自...

• 2020-05-27

368浏览

0评论

vue新vue-cli3环境配置和模拟json数据的实例

最近在研究学习vue，发现环境配置特麻烦，就是跟着文档步骤一步一步来，也会遇到各种想不到的坑，vue-cli3的配置比老的简洁了很多，与以往的配置也有所不同：1、安装步骤以前是npm inst...

• 2020-05-27

87浏览

0评论

jQuery使用each遍历循环的方法

1、选择器+遍历
$('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象});
2、选择器+遍历
$('div').each(function (index,domEle){ index就是索引...

• 2020-05-27

83浏览

0评论

浅谈React之状态(State)

在React当中，当你更新组件的state，然后新的state就会重新渲染到页面中。在这个时候不需要你操作任何DOM。你也可以认为组件在React当中是一个状态机（State Machines）。当用户进...

• 2020-05-27

76浏览

0评论

vue-cli 3.x 修改dist路径的方法

一些牢骚前端的世界真的太奇妙，更新速度真的跟火箭一样。没有一颗真正热爱它的心，真的很难继续走下去。前段时间 Node 之父 Ryan Dahl 发布新的开源项目 deno，受到了大量的关注...

• 2020-05-27

87浏览

0评论

Vue前后端不同端口的实现方法

前端Vue 8080端口，后端Node.js 8085端口 主要记录下前后端不同端口遇到的问题1、写服务器端程序，我的在(node_proxy/index.js)下app.all('*', function (req, res, next) { re...

• 2020-05-27