webpack+vue-cli项目中引入外部非模块格式js的方法
在开发vue的项目（我使用的是vue2）,需要添加js，虽然可以通过npm install 安装插件，但是如果有一些插件并没有开源，这时候我们只有脸上宽面条了。所以我更倾向于在webpack中引入外...
2020-05-27
vue element table 表格请求后台排序的方法
1、ElementUi文档已经说了，如果需要后端排序，需将sortable设置为custom，同时在 Table 上监听sort-change事件，在事件回调中可以获取当前排序的字段名和排序顺序，从而向接口请求排...
2020-05-27
Vue2.x中利用@font-size引入字体图标报错的解决方法
利用 vue-cli 搭建的项目平台利用stylus写的css样式有 css-loader 依赖包x下图是 webpack.base.conf.js 关于字体文件的配置有人这里会有重复的字体文件的配置，删除一项即可...
2020-05-27
H5+C3+JS实现双人对战五子棋游戏（UI篇）
本篇文章实现的是双人对战模式，主要是实现除人机AI算法和判断输赢之外的其他功能，下一篇将会发布AI框架搭建<!Doctype html><html> <head> <!-- 百度爬虫优化 --> <met...
2020-05-27
在vue中更换字体,本地存储字体非引用在线字体库的方法
1，首先把下载的字体 两种格式放到本地2，新建文件夹3，在这个文件里写4，这main.js 里引用5，在style里引用字体，结束！以上这篇在vue中更换字体,本地存储字体非引用在线字体库的方法就...
2020-05-27
解决微信小程序防止无法回到主页的问题
【小程序】提交订单页面到订单详情页面，如何防止无法回到主页问题场景：小程序某个页面完成后，希望跳转到另一个相关页面。比如，订单提交完成后，希望跳转到订单详情页面，可选的方案...
2020-05-27
H5+C3+JS实现五子棋游戏（AI篇）
本文实例为大家分享了H5+C3+JS实现五子棋游戏的具体代码，供大家参考，具体内容如下新增全局变量<script> //所有赢法总和 var count = 0; //容纳所有赢法的三维数组 var allWin...
2020-05-27
在vue中解决提示警告 for循环报错的方法
警告1.出现这个警告问题的时候 我们可以去main.js中在头部添加这句话：Vue.config.productionTip = false这样即可去除警告！2.在build文件下的webpack.base.conf.js文件中，将 .....
2020-05-27
JS canvas绘制五子棋的棋盘
本文为大家分享了JS canvas绘制五子棋棋盘的具体代码，供大家参考，具体内容如下box-shadow:给元素块周边添加阴影效果。
语法：box-shadow: h-shadow v-shadow blur spread colo...
2020-05-27
详解node字体压缩插件font-spider的用法
需求：根据甲方要求，使用UI中指定字体移动端默认显示系统默认字体，非系统默认字体需要自行引入字体包字体包过大，字体包通常在几MB，严重拖累页面加载速度分析：文本内容为固定内容，不...
2020-05-27
使用JavaScript破解web
并非所有的黑客行为都是恶作剧。下面是如何使用JavaScript使浏览器更好的方法。JavaScript的在线资源并不缺乏，从教你基础知识的课程到应用程序创建的教程。在本文中，我将解释...
2020-05-27
代码分析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
学习jQuery中的noConflict()用法
noConflict()jQuery使用$符号，作为jQuery的简写JavaScript框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScriptMVC、GoogleWebToolkit、GoogleClosure、Em...
2020-05-27
浅谈vue引用静态资源需要注意的事项
项目结构如下：想在icon.styl文件夹里面引用字体图标，使用相对路径，但是报错浏览器报错如下：解决方案有两种：方案1.使用根目录路径方案2：将要引用的静态资源fonts文件夹放在static...
2020-05-27
JavaScript循环遍历你会用哪些之小结篇
总结JavaScript中的循环遍历定义一个数组和对象const arr = ['a', 'b', 'c', 'd', 'e', 'f'];const obj = { a: 1, b: 2, c: 3, d: 4}
for()经常用来遍历数组元素遍历值...
2020-05-27
解决webpack+Vue引入iView找不到字体文件的问题
原因：css-loader后面带了参数modules(打包报错)url-loader后面带了参数name(引入报错){ test: /\.css$/, use: ExtractTextPlugin.extract({ fallback: "style-loader", use:...
2020-05-27
vue.js父子组件通信动态绑定的实例
如下所示：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div id='app'> <!--这里的作用是将父组件渲染到页面上--> <fat...
2020-05-27
js隐式转换的知识实例讲解
开胃菜[] == ![] //true ==> "" == false123 ^ [] //123 ==> 123 ^ 0~{} //-1 ==> ~0{} >= {1,2} //true ==>因为大于等于的比较，不是...
2020-05-27
实例分析vue循环列表动态数据的处理方法
调用方法：Vue.set( target, key, value )target：要更改的数据源(可以是对象或者数组)key：要更改的具体数据value ：重新赋的值<!DOCTYPE html><html><head> <meta charset="UTF-...
2020-05-27
2种在vue项目中使用百度地图的简单方法
地图在项目中用得很多，最近也用了几次，好长时间不用都记不清了，闲暇时整理了vue里使用百度地图的2种方法，方便自己查看，也分享给大家，希望可以帮助有需要的人。
普遍的方法是：1.ind...
2020-05-27
总结javascript三元运算符知识点
说起js，对很多初学者来说可能还是比较费力的，本人也是觉得js功底还是不够扎实，所以把有些东西在学习一遍，顺便分享出来希望可以帮到有需要的人“三元运算符” 什么是三元运算符...
2020-05-27
对vue中v-if的常见使用方法详解
使用过Vue的小伙伴一定使用过v-if 这个属性，但是这个属性主要是来干什么的呢,他得用途是那些？这里我总结了一下，v-if使用一般有两个场景：1- 多个元素 通过条件判断展示或者隐藏...
2020-05-27
javascript中toFixed()四舍五入使用方法详解
最近做的项目涉及到金额的计算，有一种方式就是进行四舍五入的规则进行小数点后面的尾数处理，以前一直以为toFixed方法就是四舍五入的，知道一个用户反馈了金额计算的bug我才如梦...
2020-05-27
js实现点击展开隐藏效果（实例代码）
本章给大家介绍用js事件冒泡实现鼠标点击显示提示框效果（代码实例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
先看看效果图：代码实例：<!DOCTYPE html><htm...
2020-05-27
js限制input只能输入有效的数字(第一个不能是小数点)
第一种方法：通过字符搜索判断等实现，适合功能增强<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="js/jq.js"></script...
2020-05-27
js限制输入框只能输入数字(onkeyup触发)
例子：html代码<input type="text" name="" id="box" />通常都直接用：<input type="text" name="" id="box" onkeyup="value=value.replace(/[^\d]/g,'')"/>以上的缺点是，当你正...
2020-05-27
使用Vuex解决Vue中的身份验证问题
传统方式中，许多人使用本地存储，来管理通过客户端验证生成的tokens。一个大问题是如何有更好的方式，来管理验证tokens，从而允许我们来存储更大的用户信息。这就是Vuex的作用。 V...
2020-05-27
基于vue和react的spa进行按需加载的实现方法
基于vue和react的spa进行按需加载由于最近打算将所有的管理系统采用同一套登陆方法，然后在登陆后进行系统的切换选择，不需要每个系统都去重新登陆一次，所以前端这边思考将所有...
2020-05-27
脚手架vue-cli工程webpack的作用和特点
Vue项目开发过程中，会因为很多不同的实际运用需求不断地对webpack配置进行修改，在此之前，我们需要对webpack有一个基本的认识，了解它到底能为我们做些什么webpack是一个模块打包...
2020-05-27
使用electron将vue-cli项目打包成exe的方法
如果你已经做好了一个vue的项目，并且想要将他打包成exe,那么请继续阅读。首先你可以下载一个demo了解一下。git clone https://github.com/electron/electron-quick-startcd...
2020-05-27
使用 Node.js 实现图片的动态裁切及算法实例代码详解
背景&概览目前常见的图床服务都会有图片动态裁切的功能，主要的应用场景用以为各种终端和业务形态输出合适尺寸的图片。一张动辄以 MB 为计量单位的原始大图，通常不会只设置一...
2020-05-27
原生JS实现旋转轮播图+文字内容切换效果【附源码】
废话不多说，直接上图看效果：需求： 点击左右按钮实现切换用户图片与信息；原理： 点击右侧左侧按钮，把3号的样式给2号，2号的给1号，1号的给5号，5号的给4号，4号的样式给3号，然后根据现在是第...
2020-05-27
vue-cli脚手架搭建的项目去除eslint验证的方法
eslint验证，为我们提升我们的代码质量和良好的编码风格带来了非常大的帮助，但是由于其语法验证的严格，很多程序员在初期使用的时候很不适应，就想怎么能够去掉eslint验证。其实把...
2020-05-27
使用vue根据状态添加列表数据和删除列表数据的实例
如下所示：<template> <div> <div v-for="obj of a" @click="sel(obj)"> {{obj.name}} <span v-if="!obj.select">+</span><span v-else>-</span> </div> <hr> <div>...
2020-05-27
vue动态删除从数据库倒入列表的某一条方法
如下所示：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> //导入vue.js <script type="text/javascript" src="./vue.js"></script> //非常简单...
2020-05-27
Vue中的Props(不可变状态)
组件接受的选项大部分与Vue实例一样，而选项props是组件中非常重要的一个选项。在 Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向下传递数据给...
2020-05-27
vue实现重置表单信息为空的方法
背景之前表单重置为空的话是这样写的this.fromline = { access_provider_name: '', // 接入商名称 access_provider_address: '', // 接入商所属地区 remark: '' // 备...
2020-05-27
vue根据值给予不同class的实例
如下所示：<div class="chatBox-kuang" :class="addclass(skin)"></div> data(){ return{ skin:'' }}onchooseSkin(attr){ this.skin=attr}, 方法一addclass(i){ switch (i)...
2020-05-27
vue实现条件判断动态绑定样式的方法
在我们做前端页面的时候，为了美观和直观，我们希望通过条件判断来让页面显示不同的样式，如下图所示：当值为“是”时，显示绿色的标签，当值为“否”时，显示为灰色的标签。标签的样式分...
2020-05-27
脚手架vue-cli工程webpack的基本用法详解
webpack的打包依赖于它的一个重要配置文件webpack.config.js，在这个配置文件中就可以指定所有在源代码编译过程中的工作了，就一个配置就可以与冗长的Gruntfile或者Gulpfile说...
2020-05-27
vue里input根据value改变背景色的实例
1、首先定义两个不同的.null-input .el-input__inner {background-color: rgba(255, 255, 255, 0.8); color: #525661; font-size: 16px;}.no-null-input .el-input__inner...
2020-05-27
浅谈vue项目打包优化策略
使用vue-cli部署生产包时，发现资源包很大，打包后的vendor.js达到了1.4M，这已经很大了，而且会影响到首屏加载。那么，怎么优化呢？1.组件按需加载
这是首先可以优化的点。如果频繁使...
2020-05-27
vue动画之点击按钮往上渐渐显示出来的实例
如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title><script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script> <s...
2020-05-27
vue给组件传递不同的值方法
这里讲解一下Vue 官网的一个实例，Vue将数据遍历传递给多个组件，这个是我们实际开发中常做的事情。一般大型应用都是使用组件搭建起来的，我们需要给组件传递不同的值，来实现不同...
2020-05-27
详解React之key的使用和实践
在渲染列表时，React的差异比较算法需要一个在列表范围内的唯一key来提高性能（通常用于获知哪个列表项改变了）。这个唯一的key需要我们手动提供。React官方建议使用列表数据中可...
2020-05-27
vue init webpack 建vue项目报错的解决方法
使用vue init webpack 创建vue项目时报如下错误：vue init webpack my-projectC:\Users\computer\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init:60let template =...
2020-05-27
浅谈针对Vue相同路由不同参数的刷新问题
在使用vue和vue-router开发spa应用时，我们会遇到这样一种问题。
当页面跳转时，组件本身并没有发生改变：// 路由映射关系'/form/:type'// 当前页面路由/form/shop1this.$router....
2020-05-27
vue、react等单页面项目部署到服务器的方法及vue和react的区别
最近好多伙伴说，我用vue做的项目本地是可以的，但部署到服务器遇到好多问题：资源找不到，直接访问index.html页面空白，刷新当前路由404。。。用react做的项目也同样遇到类似问题。...
2020-05-27
对vue v-if v-else-if v-else 的简单使用详解
首先vue.js请注意 2.1.0版本以上方可使用v-else-if<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../vue.js"></script> </head> <bo...
2020-05-27
Vue路由history模式解决404问题的几种方法
问题背景：vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路...
2020-05-27
