51浏览

0评论

vue-cli脚手架build目录下utils.js工具配置文件详解

此文章用来解释vue-cli脚手架build目录中的utils.js配置文件
1.此配置文件是vue开发环境的wepack相关配置文件，主要用来处理css-loader和vue-style-loader
2.关于注释 &#8226...

• 2020-05-27

51浏览

0评论

详解Vue CLI3配置解析之css.extract

大家还记得我们在老版本中，对于线上环境配置中会把所有的 css 多打成一个文件：核心是使用了插件 extract-text-webpack-plugin，方式如下：第一步都是加载插件const ExtractTextPl...

• 2020-05-27

43浏览

0评论

vue3.0 CLI - 1 - npm 安装与初始化的入门教程

node 开发环境请先自行准备npm install -g @vue/cli 安装完成之后命令行则存在 vue 命令vue -V 查看本地 vue 版本 vue -h 输出帮助vue create <project-name> 进入工程文件...

• 2020-05-27

48浏览

0评论

vue3.0 CLI - 2.1 -  component 组件入门教程

我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。进入 src 文件夹，这是实际都工程文件夹，其他文件夹以及文件以后在了解。3个文件夹 assets - 各类静态资源文件...

• 2020-05-27

59浏览

0评论

node中的session的具体使用

前言在上一篇中node中的cookie，对cookie进行了相关介绍，本篇将继续前行，对session进行说明。session是什么session不就是会话嘛，那什么是会话呢？
会话是一个比连接粒度更大的概念...

• 2020-05-27

68浏览

0评论

Element-ui之ElScrollBar组件滚动条的使用方法

在使用vue + element-ui 搭建后台管理页面的时候，做了一个头部、侧栏、面包屑固定的布局，导航栏和主要内容区域当内容超出时自动滚动。使用的原因：原来是采用优化浏览器样式的...

• 2020-05-27

56浏览

0评论

vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造

我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。helloworld.vue 都挪到 about 路由当中。<template><div class="about"><HelloWorld msg="vue 官方相关资料...

• 2020-05-27

66浏览

0评论

vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定

我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。首先美化一下界面 - 相关的界面代码不粘贴，可从我的 github 分支中看到。下面最终的实现效果图：改造下 data 中...

• 2020-05-27

58浏览

0评论

vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单

我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。新组件 - 新路由 Forms.vue ( 下面仅介绍如何创立, 不进行介绍 ) ：<template><div class="form"> <input v-mo...

• 2020-05-27

62浏览

0评论

vue3.0 CLI - 2.5 - 了解组件的三维

我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。问答1、vue 组件有什么？为什么要加上 vue，因为不同的 MVC 框架，东西不一样，不过基本的功能都有。组件有 data、co...

• 2020-05-27

71浏览

0评论

详解Vue项目中出现Loading chunk {n} failed问题的解决方法

最近有个Vue项目中会偶尔出现Loading chunk {n} failed的报错，报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。但是这个问题的根本原因没有被找到，因为...

• 2020-05-27

55浏览

0评论

react 国际化的实现代码示例

背景楼主最近新接了一个项目，从0开始做，需要做多语言的国际化，今天搞了一下，基本达到了想要的效果， 在这里简单分享下：一些探索也说不上是探索吧，就Google了一波， 去gayHub 上找了一...

• 2020-05-27

67浏览

0评论

纯javascript前端实现base64图片下载(兼容IE10+)

背景
在项目开发过程中，经常会有图片导出的需求，尤其是带有图表类的应用，通常需要将图表下载导出。
在chrome等新版浏览器中实现base64图片的下载还是比较容易的： 创建一个a标...

• 2020-05-27

244浏览

0评论

微信小程序框架wepy之动态控制类名

本文为大家分享了微信小程序框架wepy之动态控制类名的具体实现方法，供大家参考，具体内容如下控制类名style
<style lang="less" scoped> .liBkgCor { background-color: re...

• 2020-05-27

51浏览

0评论

Javascript 之封装（Package）

一、 构造函数（Constructor）模式的封装
为了解决从原型对象生成实例的问题，Javascript提供了一个构造函数（Constructor）模式。
所谓"构造函数"，其实就是一个普通函数，但是内部使用...

• 2020-05-27

50浏览

0评论

解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题

问题在做银行卡输入框时有一个需求如题，这里举例用-隔断调查查看了很多大公司网站的银行卡输入，发现还有有很多缺陷的：
有的是在中间删除，光标会跳到最后；
有的是能删除掉中间...

• 2020-05-27

72浏览

0评论

vue中Element-ui 输入银行账号每四位加一个空格的实现代码

一、问题描述： 我们在输入银行账号会设置每四位添加一个空格，输入金额，每三位添加一个空格。那么，在vue，element-ui 组件中，如何实现呢？二、效果图：三、实现代码：<el-table-column...

• 2020-05-27

87浏览

0评论

微信小程序动态增加按钮组件

这里的微信小程序动态加载是以按钮为例，主页面点击不同的按钮进入不同的子页面中，根据主页面的title来动态加载子页面按钮的数量以及值。效果图：wxml文件（注意wx:key="item"要写...

• 2020-05-27

63浏览

0评论

浅谈vue方法内的方法使用this的问题

如下所示：locapos(){//定位方法if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { var pos = { lat: position.coords....

• 2020-05-27

148浏览

0评论

vue绑定事件后获取绑定事件中的this方法

使用$event传递参数(事件本身)<input v-model="checknames" @change="changecheckbox(item,$event)" style="float: right" type="checkbox" :value="index" >changecheckbo...

• 2020-05-27

61浏览

0评论

对Vue.js之事件的绑定(v-on: 或者 @ )详解

1、Vue.js事件绑定的一般格式v-on:click='function'v-on:click/mouseout/mouseover/@click2、Vue.js事件绑定的实现2.1 JavaScript代码<script type="text/javascript" src=...

• 2020-05-27

114浏览

0评论

vue 的点击事件获取当前点击的元素方法

首先 vue的点击事件 是用 @click = “clickfun()” 属性 在html中绑定的,在点击的函数中 添加$event 参数就可以比如<button @click = “clickfun($event)”>点击</button>m...

• 2020-05-27

87浏览

0评论

js事件on动态绑定数据,绑定多个事件的方法

一.on('clcik')与$('').clcik()方法的区别：on('clcik')：事件委托机制// 在body元素上绑定click事件处理函数handler，如果这个click事件是由其后代的P元素触发的，就执行handler
$...

• 2020-05-27

125浏览

0评论

解决vue中虚拟dom,无法实时更新的问题

碰到的问题：使用jq获取元素节点的个数时一直为0解决方法：使用vue的nextTick()函数即可解决原理：nextTick可以在下一次更新dom之后进行回调，我的问题在于，在页面加载完成时无法获...

• 2020-05-27

88浏览

0评论

swiper在vue项目中loop循环轮播失效的解决方法

长话短说，在vue(2.5.x)中使用swiper(4.3.3)，轮播加了autoplay和loop、observer、observeParents等参数还是很诡异的无法循环轮播；那么可以这样写代码试试：this.$api.queryImages...

• 2020-05-27

73浏览

0评论

vue-cli webpack 引入swiper的操作方法

1：下载需要 swiper 的js文件和css文件http://www.swiper.com.cn/2：下载好swiper相关的js和css，js放在static目录下，css放在assets目录下。3：安装runtime：npm install babel-runtim...

• 2020-05-27

98浏览

0评论

对vue下点击事件传参和不传参的区别详解

如下所示：<div id = 'app'> <p><button @click = 'test_click1'>{{btn_text1}}</button></p> <br> <p><button @click = 'test_click2("123")'>{{btn_text2}}</button></p...

• 2020-05-27

89浏览

0评论

在vue中实现点击选择框阻止弹出层消失的方法

在vue项目中，选择性别是用的一个弹出层，<div class="sex" v-show="showed" transition='fade' @click="unshow"> <ul @click.stop="stophidden"> <li class="...

• 2020-05-27

87浏览

0评论

vue-cli 使用vue-bus来全局控制的实例讲解

讲真，我写标题的时候不知道怎么写的好，之前写过一篇关于vue-bus的，不过是基础版本的，今天讲的是用脚手架来搭建的环境下的使用
与使用路由相似，我们需要先倒入这个vue-bus指令如...

• 2020-05-27

102浏览

0评论

vue--点击当前增加class,其他删除class的方法

如下所示：<div id="app"><p v-for='(data,key,index) in datas' v-on:click="addClassFun(index)" v-bind:class='{class1:index==qwerqwre}'>{{data.data}}</p></div> <scri...

• 2020-05-27

103浏览

0评论

vue 监听某个div垂直滚动条下拉到底部的方法

如下所示：this.$nextTick(() => {const el = document.querySelector('.act-not');const offsetHeight = el.offsetHeight;el.onscroll = () => {const scrollTop = el.scrol...

• 2020-05-27

117浏览

0评论

Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法

需求： 1. 页面部分元素的尺寸需要根据实际打开时浏览器尺寸进行设置；2. 页面打开后，调节浏览器窗口大小时需要动态调节部分元素的尺寸；需要注意的点： window.onresize只能在项目...

• 2020-05-27

80浏览

0评论

解决VUE中document.body.scrollTop为0的问题

Vue中document.body.scrollTop的值总为零的解决办法最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0但是发现document.body.scrollTop一直是0。查资料发...

• 2020-05-27

85浏览

0评论

Vue.set()动态的新增与修改数据,触发视图更新的方法

参数：target：要更改的数据源(可以是对象或者数组)key：要更改的具体数据(可以是字符串和数字)value ：重新赋的值用法：向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，...

• 2020-05-27

65浏览

0评论

React 组件中的 bind(this)示例代码

React 组件中处理 onClick 类似事件绑定的时候，是需要显式给处理器绑定上下文（context）的，这一度使代码变得冗余和难看。请看如下的示例：class App extends Component { construc...

• 2020-05-27

77浏览

0评论

在vue中安装使用vux的教程详解

最近因为的工作的原因在弄vue，从后端弄到前端之前一直用js，现在第一次接触vue感觉还挺有意思的，就是自己太菜了，这个脑子呀。。。。不太够用。。。。。页面设计用了一个叫vux的...

• 2020-05-27

63浏览

0评论

Vue中使用vux配置代码详解

一、根据vux文档直接安装，无需手动配置npm install vue-cli -g // 如果还没安装vue init airyland/vux2 my-project // 创建名为 my-project 的模板cd my-project //...

• 2020-05-27

96浏览

0评论

Vue刷新修改页面中数据的方法

因为Vue对象一旦生成之后,如果只是修改Vue对象中的数据,在页面上是不会自动更新的,得用Vue.set()函数来进行修改,函数格式为Vue.set(data,'para','value'),其中data为Vue创...

• 2020-05-27

60浏览

0评论

vue debug 二种方法

console.log多了比较烦，用debug就比较清晰了。可以快速履清代码运行的先后顺序，验证自己的想法是否正确，可以清楚的了解到变量的内容，不用在console.log了。一，vue devtools1，chro...

• 2020-05-27

89浏览

0评论

vue 2.1.3 实时显示当前时间,每秒更新的方法

如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Vue</title> </head> <body> <div id="app"> {{date}} </div> <!-- 开发环境版本，包含了用...

• 2020-05-27

73浏览

0评论

Vue filter格式化时间戳时间成标准日期格式的方法

调用实例：yyyy-MM-dd或者yyyy-MM-dd hh:mm:ss进行格式<div>{{data | dataFormat('yyyy-MM-dd hh:mm:ss')}}</div>代码：import Vue from 'vue'Vue.filter('dataFormat', functi...

• 2020-05-27

102浏览

0评论

vue将毫秒数转化为正常日期格式的实例

过滤器-时间戳转化第一步：定义过滤器，filters.jsexport function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear()...

• 2020-05-27

95浏览

0评论

vue主动刷新页面及列表数据删除后的刷新实例

1.场景在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。2.遇到的问题1. 用vue-router重新路由到当前页面，页面是不进行刷新的2.采用window.relo...

• 2020-05-27

167浏览

0评论

vuex + axios 做登录验证 并且保存登录状态的实例

还是那句话，网上找个完整的博客真的难，实现效果全靠摸索啊第一步：安装axios 、vuex npm i -s axios npm i -s vuex 执行这两句 ，vue等环境搭建就不废话了第二步：配置main.js文件...

• 2020-05-27

71浏览

0评论

分享5个顶级的JavaScript Ajax组件库

AJAX是用来对服务器进行异步HTTP调用的一系列web开发技术客户端框架。 AJAX即Asynchronous JavaScript and XML（异步JavaScript和XML）。AJAX曾是web开发界的一个常见名称，许多...

• 2020-05-27

61浏览

0评论

新手必须知的Node.js 4个JavaScript基本概念

Node.js是建立在Chrome强劲的V8 JavaScript引擎上的服务器端框架。虽然最初是用C++编写的，但是应用程序通过JavaScript运行。下面这4个基本概念是你想要掌握node.js所必需的...

• 2020-05-27

199浏览

0评论

vuex提交state&&实时监听state数据的改变方法

项目背景websocket长连接 根据指示进行四个页面之间的跳转，在各页面执行相应的逻辑处理。项目搭建结构如下所示： 解决方案在四个页面外面写个父页面，router路径如下所示：vuex\sr...

• 2020-05-27

89浏览

0评论

vue 界面刷新数据被清除 localStorage的使用详解

localStorage是html5新增的一个本地存储API,它有5M的大小空间,通过(key,value)的方式存储在浏览器中window.localStorage.setItem('key', value); //储存文件window.localSt...

• 2020-05-27

50浏览

0评论

vue里面使用mui的弹出日期选择插件实例

如下所示：comm.loadjs("js/mui.picker.min.js","js/mui.poppicker.js")因为是点击才弹出的，所以就不用在index.html里面写<script src=""></script>这样的方式来引入js了。因...

• 2020-05-27

66浏览

0评论

vue2过滤器模糊查询方法

如下所示：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div id="app"> <input type="text" v-model='search' /&g...

• 2020-05-27