182浏览

0评论

解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题

前几天在工作的过程中，在数据渲染的时候，发生了swiper那一部分的轮播图不在滚动，手动滑动也没有效果。一直感觉数据开始渲染，是不是数据渲染的时候，并没有生成swiper的节点呢。后...

• 2020-05-27

80浏览

0评论

在vue中使用v-bind:class的选项卡方法

//vue中的选项卡的实现，数据驱动dom,因此需要使用数据，来改变class；详细见代码实现<style>ul{overflow: hidden;}ul li{float: left;width: 150px;height: 35px;line-height: 3...

• 2020-05-27

188浏览

0评论

Vue中的v-for指令不起效果的解决方法

我的代码之前类似下面的结构<div id="example-1" v-for="item in items"> <ul> <li> {{ item.message }} </li> </ul></div>结果发现不好用，数据读入了但是没有显示 于是...

• 2020-05-27

57浏览

0评论

解决betterScroll在vue中存在图片时,出现拉不动的问题

1.先写一个图片加载的方法class ImgLoadClass { static preloadImages = (arr) => { //已经加载完的图片数量 let loadeImage = 0 //存放图片的数组 let newImages = [] //...

• 2020-05-27

63浏览

0评论

浅谈vue项目4rs vue-router上线后history模式遇到的坑

此次项目开发完后准备打包，因为hash模式的路径带#看着实在是有点丑，所以采用history模式。因为本次项目属于以前网站重构，但是seo问题，所以需要以前的一些地址路径写，所以vue-rou...

• 2020-05-27

85浏览

0评论

vue上传图片到oss的方法示例（图片带有删除功能）

最近Vue项目中，要将用户上传的图片全部上传到oss上，
OSS配置项请访问：https://help.aliyun.com/document_detail/64095.html&#63;spm=a2c4g.11186623.6.773.kcD20nOSS平台配置...

• 2020-05-27

72浏览

0评论

解决vue项目nginx部署到非根目录下刷新空白的问题

1、修改config/index.js2、修改路由route/index3、后台配置nginx以上这篇解决vue项目nginx部署到非根目录下刷新空白的问题就是小编分享给大家的全部内容了，希望能给大家一个...

• 2020-05-27

65浏览

0评论

详解如何用VUE写一个多用模态框组件模版

对于新手们来说，如何写一个可以多用的组件，还是有点难度的，组件如何重用，如何传值这些在实际使用中，是多少会存在一些障碍的，所以今天特意写一个最常用的模态框组件提供给大家，希望...

• 2020-05-27

194浏览

0评论

Vue项目查看当前使用的elementUI版本的方法

在我们引入elementUI的时候，一般是两种方式：npm安装或者在script直接引入；当然，在script直接引入的时候，我们也可以通过直接指定版本的方式，达到锁定版本的效果。<script src="//u...

• 2020-05-27

62浏览

0评论

vue-cli的工程模板与构建工具详解

vue-cli提供的脚手架只是一个最基础的，也可以说是Vue团队认为的工程结构的一种最佳实践。对于初学者或者以前曾从事AngularJS/React开发的用户来说，可能对开发环境有自已习惯...

• 2020-05-27

119浏览

0评论

基于vue-cli npm run build之后vendor.js文件过大的解决方法

问题vue-cli npm run build命令默认把dependencies中的依赖统一打包，导致vendor.js文件过大，出现首屏加载过于缓慢的问题。解决方案像vue、axios、element-ui这些基本上不会改...

• 2020-05-27

69浏览

0评论

让webpack+vue-cil项目不再自动打开浏览器的方法

当我们用vue-cil建立一个完整的webpack+vue的项目之后，它的设置选项还是蛮多的。比如，当我们输入npm run dev开始跑起项目之后，就会自动的打开浏览器，并把页面打开。按理说，这是...

• 2020-05-27

93浏览

0评论

Vue CLI 3搭建vue+vuex最全分析(推荐)

一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件：CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）CL...

• 2020-05-27

162浏览

0评论

解决vue-cli脚手架打包后vendor文件过大的问题

大家会遇到打包后文件很大，导致页面初始化加载的速度很慢。会出现白屏的现象。这一般是你打包的vendor太大的缘故。如果你打包后看到你的vendor文件有700kb以上。你就要考虑...

• 2020-05-27

42浏览

0评论

vue引入axios同源跨域问题

前言：跨域方案有很多种，既然我们用到了Vue，那么就使用vue提供的跨域方案。解决方案：1.修改HttpRequestUtil.js import axios from 'axios' export var baseurl = '/api' /** * G...

• 2020-05-27

60浏览

0评论

Vue父子组件之间的通信实例详解

　在vue组件通信中其中最常见通信方式就是父子组件之中的通信，而父子组件的设定方式在不同情况下又各有不同。最常见的就是父组件为控制组件子组件为视图组件。父组件传递数...

• 2020-05-27

117浏览

0评论

在微信小程序中渲染HTML内容的方法示例

大部分Web应用的富文本内容都是以HTML字符串的形式存储的，通过HTML文档去展示HTML内容自然没有问题。但是，在微信小程序（下文简称为「小程序」）中，应当如何渲染这部分内容呢？解决...

• 2020-05-27

49浏览

0评论

详解适配器在JavaScript中的体现

适配器设计模式在JavaScript中非常有用，在处理跨浏览器兼容问题、整合多个第三方SDK的调用，都可以看到它的身影。其实在日常开发中，很多时候会不经意间写出符合某种设计模式的...

• 2020-05-27

73浏览

0评论

用npm安装vue和vue-cli,并使用webpack创建项目的方法

一、npm 版本需要大于 3.0，如果低于此版本需要升级它：# 查看版本$ npm -v2.3.0#升级 npmcnpm install npm -g二、在用 Vue.js 构建大型应用时推荐使用 NPM 安装：# 最新稳定版$...

• 2020-05-27

106浏览

0评论

浅谈VUE-CLI脚手架热更新太慢的原因和解决方法

用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？解决方法w...

• 2020-05-27

53浏览

0评论

Vue 第三方字体图标引入 Font Awesome的方法

Font Awesome用过Bootstrap字体图符的小伙伴肯定很熟悉字体图符的便利，不管是在加载还是修改方面，字体图符远远优于图片。但是饿了吗封装的Element UI提供的字体图符少之又少，...

• 2020-05-27

74浏览

0评论

在vue-cli的组件模板里使用font-awesome的两种方法

方法一：npm install font-awesome在main.js里添加import 'font-awesome/css/font-awesome.css'方法二：在官网下载代码到本地，现在应该是font-awesome-4.7，把整个文件夹放到stati...

• 2020-05-27

54浏览

0评论

vue打包相关细节整理(小结)

项目在dev环境下运行没有问题，打包之后就各种报错一下来整理一下遇到的问题1、打包好的网页无法访问static目录的资源原因是下载官方的cli时，默认设置是根据绝对路径来定位资...

• 2020-05-27

61浏览

0评论

vue项目引入字体.ttf的方法

1、下载所需要的字体，.ttf格式本文以（FZCYJ.ttf 为例）2、在src下新建common文件，文件夹中包含以下文件3、打开font.css@font-face { font-family: 'FZCYJ'; //重命名字体名 src...

• 2020-05-27

63浏览

0评论

在vue项目中正确使用iconfont的方法

1、打开 iconFont官网 选择自己喜欢的图标，并且添加购物车2、点击购物车，添加至项目3、下载至本地4、把我们下载好的文件iconfont.css和iconfont.ttf放到项目assets文件夹下（可...

• 2020-05-27

58浏览

0评论

webpack+vue-cli项目中引入外部非模块格式js的方法

在开发vue的项目（我使用的是vue2）,需要添加js，虽然可以通过npm install 安装插件，但是如果有一些插件并没有开源，这时候我们只有脸上宽面条了。所以我更倾向于在webpack中引入外...

• 2020-05-27

58浏览

0评论

vue element table 表格请求后台排序的方法

1、ElementUi文档已经说了，如果需要后端排序，需将sortable设置为custom，同时在 Table 上监听sort-change事件，在事件回调中可以获取当前排序的字段名和排序顺序，从而向接口请求排...

• 2020-05-27

104浏览

0评论

Vue2.x中利用@font-size引入字体图标报错的解决方法

利用 vue-cli 搭建的项目平台利用stylus写的css样式有 css-loader 依赖包x下图是 webpack.base.conf.js 关于字体文件的配置有人这里会有重复的字体文件的配置，删除一项即可...

• 2020-05-27

60浏览

0评论

H5+C3+JS实现双人对战五子棋游戏（UI篇）

本篇文章实现的是双人对战模式，主要是实现除人机AI算法和判断输赢之外的其他功能，下一篇将会发布AI框架搭建<!Doctype html><html> <head> <!-- 百度爬虫优化 --> <met...

• 2020-05-27

87浏览

0评论

在vue中更换字体,本地存储字体非引用在线字体库的方法

1，首先把下载的字体 两种格式放到本地2，新建文件夹3，在这个文件里写4，这main.js 里引用5，在style里引用字体，结束！以上这篇在vue中更换字体,本地存储字体非引用在线字体库的方法就...

• 2020-05-27

51浏览

0评论

解决微信小程序防止无法回到主页的问题

【小程序】提交订单页面到订单详情页面，如何防止无法回到主页问题场景：小程序某个页面完成后，希望跳转到另一个相关页面。比如，订单提交完成后，希望跳转到订单详情页面，可选的方案...

• 2020-05-27

47浏览

0评论

H5+C3+JS实现五子棋游戏（AI篇）

本文实例为大家分享了H5+C3+JS实现五子棋游戏的具体代码，供大家参考，具体内容如下新增全局变量<script> //所有赢法总和 var count = 0; //容纳所有赢法的三维数组 var allWin...

• 2020-05-27

56浏览

0评论

在vue中解决提示警告 for循环报错的方法

警告1.出现这个警告问题的时候 我们可以去main.js中在头部添加这句话：Vue.config.productionTip = false这样即可去除警告！2.在build文件下的webpack.base.conf.js文件中，将 .....

• 2020-05-27

68浏览

0评论

JS canvas绘制五子棋的棋盘

本文为大家分享了JS canvas绘制五子棋棋盘的具体代码，供大家参考，具体内容如下box-shadow:给元素块周边添加阴影效果。
语法：box-shadow: h-shadow v-shadow blur spread colo...

• 2020-05-27

67浏览

0评论

详解node字体压缩插件font-spider的用法

需求：根据甲方要求，使用UI中指定字体移动端默认显示系统默认字体，非系统默认字体需要自行引入字体包字体包过大，字体包通常在几MB，严重拖累页面加载速度分析：文本内容为固定内容，不...

• 2020-05-27

50浏览

0评论

使用JavaScript破解web

并非所有的黑客行为都是恶作剧。下面是如何使用JavaScript使浏览器更好的方法。JavaScript的在线资源并不缺乏，从教你基础知识的课程到应用程序创建的教程。在本文中，我将解释...

• 2020-05-27

75浏览

0评论

代码分析vue中如何配置less

安装npm install --save-dev less less-loadernpm install --save-dev style-loader css-loader先在index.html页面head标签内插入这段代码<script> (function (doc, win) {...

• 2020-05-27

53浏览

0评论

学习jQuery中的noConflict()用法

noConflict()jQuery使用$符号，作为jQuery的简写JavaScript框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScriptMVC、GoogleWebToolkit、GoogleClosure、Em...

• 2020-05-27

79浏览

0评论

浅谈vue引用静态资源需要注意的事项

项目结构如下：想在icon.styl文件夹里面引用字体图标，使用相对路径，但是报错浏览器报错如下：解决方案有两种：方案1.使用根目录路径方案2：将要引用的静态资源fonts文件夹放在static...

• 2020-05-27

61浏览

0评论

JavaScript循环遍历你会用哪些之小结篇

总结JavaScript中的循环遍历定义一个数组和对象const arr = ['a', 'b', 'c', 'd', 'e', 'f'];const obj = { a: 1, b: 2, c: 3, d: 4}
for()经常用来遍历数组元素遍历值...

• 2020-05-27

77浏览

0评论

解决webpack+Vue引入iView找不到字体文件的问题

原因：css-loader后面带了参数modules(打包报错)url-loader后面带了参数name(引入报错){ test: /\.css$/, use: ExtractTextPlugin.extract({ fallback: "style-loader", use:...

• 2020-05-27

47浏览

0评论

vue.js父子组件通信动态绑定的实例

如下所示：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div id='app'> <!--这里的作用是将父组件渲染到页面上--> <fat...

• 2020-05-27

54浏览

0评论

js隐式转换的知识实例讲解

开胃菜[] == ![] //true ==> "" == false123 ^ [] //123 ==> 123 ^ 0~{} //-1 ==> ~0{} >= {1,2} //true ==>因为大于等于的比较，不是...

• 2020-05-27

80浏览

0评论

实例分析vue循环列表动态数据的处理方法

调用方法：Vue.set( target, key, value )target：要更改的数据源(可以是对象或者数组)key：要更改的具体数据value ：重新赋的值<!DOCTYPE html><html><head> <meta charset="UTF-...

• 2020-05-27

65浏览

0评论

2种在vue项目中使用百度地图的简单方法

地图在项目中用得很多，最近也用了几次，好长时间不用都记不清了，闲暇时整理了vue里使用百度地图的2种方法，方便自己查看，也分享给大家，希望可以帮助有需要的人。
普遍的方法是：1.ind...

• 2020-05-27

49浏览

0评论

总结javascript三元运算符知识点

说起js，对很多初学者来说可能还是比较费力的，本人也是觉得js功底还是不够扎实，所以把有些东西在学习一遍，顺便分享出来希望可以帮到有需要的人“三元运算符” 什么是三元运算符...

• 2020-05-27

79浏览

0评论

对vue中v-if的常见使用方法详解

使用过Vue的小伙伴一定使用过v-if 这个属性，但是这个属性主要是来干什么的呢,他得用途是那些？这里我总结了一下，v-if使用一般有两个场景：1- 多个元素 通过条件判断展示或者隐藏...

• 2020-05-27

78浏览

0评论

javascript中toFixed()四舍五入使用方法详解

最近做的项目涉及到金额的计算，有一种方式就是进行四舍五入的规则进行小数点后面的尾数处理，以前一直以为toFixed方法就是四舍五入的，知道一个用户反馈了金额计算的bug我才如梦...

• 2020-05-27

95浏览

0评论

js实现点击展开隐藏效果（实例代码）

本章给大家介绍用js事件冒泡实现鼠标点击显示提示框效果（代码实例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
先看看效果图：代码实例：<!DOCTYPE html><htm...

• 2020-05-27

57浏览

0评论

js限制input只能输入有效的数字(第一个不能是小数点)

第一种方法：通过字符搜索判断等实现，适合功能增强<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="js/jq.js"></script...

• 2020-05-27