编程开发 - 教程之家

编程开发

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

53浏览

0评论

axios取消请求的实践记录分享

问题的来源用el-autocomplete远程获取数据时，点击输入框会触发第一次请求，然后输入搜索文字后会触发第二次请求，两次请求间隔较短，有时候会出现第二次请求比第一次请求先返回的...

2020-05-27 04:40:31

50浏览

0评论

axios 封装上传文件的请求方法

axios 和 ajax 都支持异步请求，两者使用方法大同小异，在此使用 axios 上传文件的请求。使用的时候只需要在响应的 vue 组件中引入就可以。import Vue from 'vue';import VueCo...

2020-05-27 04:40:30

48浏览

0评论

如何在 JavaScript 中更好地利用数组

本文短小精悍，我保证。在过去的数个月里，我注意到在我审阅的 pull request 中有四个（关于数组使用的）错误经常出现。同时，我自己也会犯这些错误，因此有了这篇文章。让我们一起学习...

2020-05-27 04:40:29

72浏览

0评论

vue中使用axios post上传头像/图片并实时显示到页面的方法

在前端开发中，为了更好的用户体验，在头像上传时会先将图片显示到页面然后点击保存按钮完成图片的上传成功代码部分有参考他人的写法。html代码： <div id="myPhoto" v-show="p...

2020-05-27 04:40:28

148浏览

0评论

解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题

Vue使用swiper插件时特别是轮播元素含有动态数据时可能会出现数据为空或者白屏的问题使用下面的方法可以解决（保证在数据请求之后再渲染页面）页面结构<div class="swiper-cont...

2020-05-27 04:40:27

56浏览

0评论

swiper在angularjs中使用循环轮播失效的解决方法

bug描述：我在anjularjs 中使用了swiper轮播图，通过动态获取到数据插入swiper-slide中，我在swiper初始化中设置了loop(循环),但是在出现了一点小问题，swiper会失效，划不动，当我设置...

2020-05-27 04:40:26

69浏览

0评论

Vue引用Swiper4插件无法重写分页器样式的解决方法

最近在尝试用nuxtjs来搭建新的站点，但是平时在jquery里面用惯的一些插件一到vue上面引用就各种不顺畅~本文记录一下在用Swiper插件来做轮播图的时候遇到的问题~至于怎么在vue...

2020-05-27 04:40:25

66浏览

0评论

浅谈在vue中使用mint-ui swipe遇到的问题

使用步骤：1.安装：npm install mint-ui -S2.引入组件// 完整引入import Vue from 'vue';import Mint from 'mint-ui';import "mint-ui/lib/style.css"Vue.use(Mint);// 按需引...

2020-05-27 04:40:24

63浏览

0评论

详解如何在vue项目中使用lodop打印插件

项目中使用到打印的功能。领导推荐使用LodopLodop是什么东东，反正就是可以定制打印的插件。。。既然是插件，vue的渐进式开发。完全可以拿来化为己用。如何使用那？先大概看了下...

2020-05-27 04:40:23

150浏览

0评论

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

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

2020-05-27 04:40:22

71浏览

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 04:40:21

175浏览

0评论

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

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

2020-05-27 04:40:20

45浏览

0评论

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

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

2020-05-27 04:40:19

49浏览

0评论

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

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

2020-05-27 04:40:18

76浏览

0评论

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

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

2020-05-27 04:40:17

61浏览

0评论

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

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

2020-05-27 04:40:16

51浏览

0评论

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

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

2020-05-27 04:40:14

179浏览

0评论

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

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

2020-05-27 04:40:13

52浏览

0评论

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

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

2020-05-27 04:40:12

106浏览

0评论

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

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

2020-05-27 04:40:11

58浏览

0评论

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

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

2020-05-27 04:40:10

82浏览

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 04:40:09

146浏览

0评论

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

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

2020-05-27 04:40:07

37浏览

0评论

vue引入axios同源跨域问题

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

2020-05-27 04:40:06

50浏览

0评论

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

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

2020-05-27 04:40:05

97浏览

0评论

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

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

2020-05-27 04:40:04

37浏览

0评论

详解适配器在JavaScript中的体现

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

2020-05-27 04:40:03

58浏览

0评论

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

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

2020-05-27 04:40:02

85浏览

0评论

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

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

2020-05-27 04:40:01

46浏览

0评论

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

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

2020-05-27 04:40:00

63浏览

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 04:39:59

45浏览

0评论

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

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

2020-05-27 04:39:58

42浏览

0评论

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

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

2020-05-27 04:39:57

53浏览

0评论

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

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

2020-05-27 04:39:56

49浏览

0评论

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

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

2020-05-27 04:39:55

43浏览

0评论

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

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

2020-05-27 04:39:54

90浏览

0评论

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

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

2020-05-27 04:39:53

45浏览

0评论

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

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

2020-05-27 04:39:52

77浏览

0评论

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

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

2020-05-27 04:39:51

42浏览

0评论

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

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

2020-05-27 04:39:49

39浏览

0评论

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

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

2020-05-27 04:39:49

50浏览

0评论

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

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

2020-05-27 04:39:47

58浏览

0评论

JS canvas绘制五子棋的棋盘

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

2020-05-27 04:39:47

53浏览

0评论

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

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

2020-05-27 04:39:46

41浏览

0评论

使用JavaScript破解web

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

2020-05-27 04:39:44

66浏览

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 04:39:43

47浏览

0评论

学习jQuery中的noConflict()用法

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

2020-05-27 04:39:42

67浏览

0评论

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

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

2020-05-27 04:39:41

55浏览

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 04:39:40

67浏览

0评论

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

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

2020-05-27 04:39:39

首页 «1359 136013611362 1363 »尾页

热门文章