vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
话不多说，直接上问题图片这里确认按钮是fixed布局 bottom:0 弹出键盘之后按钮被顶到了键盘上面网上搜到的解决方案有两种，一种是监听页面高度（我采用的这种）一种是监听软键盘事...
2020-05-27
JavaScript如何借用构造函数继承
这篇文章主要介绍了JavaScript如何借用构造函数继承,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下借用构造函数继承是...
2020-05-27
解决vue 表格table列求和的问题
最近在给朋友做一个项目，因为是B端，所以少不了表格。本身就用了element-ui，但是订单管理有个需求使用element-ui table组件实现不了，只能退而求其之用了原生的table，功能是几乎满...
2020-05-27
vue点击自增和求和的实例代码
如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>ref</title> <script type="text/javascript" src="js/vue.js" ></script> </head> <body> <div id=...
2020-05-27
JavaScript原型式继承实现方法
这篇文章主要介绍了JavaScript原型式继承实现方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在2006年，有个叫道格拉...
2020-05-27
vue 实现购物车总价计算
效果如下所示：js<script type="text/javascript"> window.οnlοad=function () { var vm = new Vue({ el:'#huo', data:{ myList:[ { number:0, pric...
2020-05-27
Vue中错误图片的处理的实现代码
在一个Vue的PC项目中，要求给错误图片不要让它显示丑陋的图片，就要给图片写一个失败后的默认图片，在这里写了两种方法，第一种方法，也就是百度到的最多的代码，就是给一张图片一个默...
2020-05-27
JS实现随机抽选获奖者
本文实例为大家分享了JS实现随机抽选获奖者的具体代码，供大家参考，具体内容如下<!--2018年9月12日——————幸运抽奖--><!DOCTYPE html><html><head> <title></title> <sty...
2020-05-27
vue中 数字相加为字串转化为数值的例子
month传入为3时，下面代码输出为31if(data1.attr === 'last_month') { if(month === 1) { year = year - 1 } else { month = this.trans_Date(month - 1) }} else if(data1.a...
2020-05-27
vue 实现强制类型转换 数字类型转为字符串
我是从页面直接拿的ID过来的，类型是数字类型 后端需要的是字符串类型只需要在后面加上 + ‘ ' ，传一个空字符串就可以了以上这篇vue 实现强制类型转换 数字类型转为字符串就是...
2020-05-27
ZK中使用JS读取客户端txt文件内容问题
最近写一个需求时遇到一个问题,用户需要通过点击一个按钮直接读取他自己电脑上D盘的一个txt文件内容显示到页面,因为项目现在是用ZK写的.我对于ZK也是刚刚了解不就,很多都还...
2020-05-27
详解Angular cli配置过程记录
1.首先调出命令行工具，运行命令全局安装Angular -cli
npm i -g @angular/cli安装过程中我的命令行工具内出现了警告和报错信息，我没有管它，因为我在后续使用中并没有遇到什么麻...
2020-05-27
js实现数字从零慢慢增加到指定数字示例
最近的学习项目中需要一个数字从0慢慢增加到指定数字，然后想了好久才做出来。一开始是想用循环做，循环里面用delay(),但是发现不太好用（可能是我不会用），然后想用循环里面套setTi...
2020-05-27
jsonp格式前端发送和后台接受写法的代码详解
什么是JSONP？先说说JSONP是怎么产生的：其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下...
2020-05-27
vue v-for直接循环数字实例
vue v-for直接循环数字，也就是固定次数项目中需要做一个酒店星级，酒店星级就是固定的5星，根据后台返回的数据来显示几星级 <!--星级，循环固定次数 5次 根据酒店等级显示亮的星星...
2020-05-27
vue element-ui el-date-picker限制选择时间为当天之前的代码
vue element-ui el-date-picker限制选择时间为当天之前的代码<el-date-picker v-model="firstdate" :picker-options="pickerOptions0" type="daterange" range-separator="...
2020-05-27
vue改变循环遍历后的数据实例
废话不多说了，直接上代码吧！<dd class="clearfix" v-for="(item,index) in tableDataList" :class="index%2 != 0 ? 'dd-bg' : ''"> <div class="indexItem indexItem3 t...
2020-05-27
vue 实现v-for循环回来的数据动态绑定id
如下所示：代码效果图!!!!!<ul><li v-for="(site,index) in sites" :key="index" :id="forId(index)"> <span class="channel-li-li-border"> <span class="firstLevel">{{sit...
2020-05-27
Vue2.X和Vue3.0数据响应原理变化的区别
defineProperty 定义对象的属性，只不过属性里的get和set实现了响应式。常用： value属性值 get set writeable 是否可写 enumrable 可遍历Vue从改变一个数据到发生改变的...
2020-05-27
浅谈v-for 和 v-if 并用时筛选条件方法
如下所示：<ul id="ul"><li v-for="todo in todos" v-if="todo<4"> {{ todo }}</li> </ul> <script> varvm=new Vue({el:"#ul",data:{ todos: [ 1, 2, 3, 4, 5 ]}}) </script...
2020-05-27
vue遍历对象中的数组取值示例
前几天小项目，没考虑周全，让后端改接口，改成数组中包含对象中包含数组的形式，后来越琢磨越不对，后台把所有数据放在了一个对象里，我拿弹窗数据不好拿，索性又改了回来，把后端折腾够呛...
2020-05-27
vue 解决遍历对象显示的顺序不对问题
一、情况说明：在wacth里面生成了一个日期字符串的的数组（如下图1），如果遍历这个数组生成一个以日期为key的Object，但是数组里面的元素顺序和Object的属性的顺序是不一样的，并且在v...
2020-05-27
vue.js循环radio的实例
最近在做一个组件联动的，需要循环展示el-radio，花了很多时间现在记录一下，也给遇到类似问题的小伙伴一个参考 <el-radio-group v-model="radioArray[item.name]" @change="hand...
2020-05-27
使用JS监听键盘按下事件（keydown event）
1、监听全局键盘按下事件，例如监听全局回车事件$(document).keydown(function(event){ if(event.keyCode == 13){ alert('你按下了Enter'); }}); 2、监听某个组件键盘按下...
2020-05-27
vue获取data数据改变前后的值方法
场景：购物车增加商品数量同时更新bridge标志上的总商品个数，如果只是加上当前变化后的数量的话则之前原有的数量会被重新添加一遍造成计算错误。因此要减去变化前的数量才能得...
2020-05-27
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
本文实例讲述了js使用文档就绪函数动态改变页面内容。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title...
2020-05-27
vue 实现单选框设置默认选中值
vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的html部分是通过v-for取的后台的数据 <li v-for="(value,i) in addList" :key="value.id"...
2020-05-27
Node配合WebSocket做多文件下载以及进度回传
起因为什么做这个东西，是突然间听一后端同事说起Annie这个东西，发现这个东西下载视频挺方便的，会自动爬取网页中的视频，然后整理成列表。发现用命令执行之后是下面的样子：心里琢...
2020-05-27
构建Vue大型应用的10个最佳实践(小结)
这些是我构建大型Vue项目得出的最佳实践，这些技巧将帮助你更高效的编码，并且使其更容易维护和协作。在我今年的自由职业生涯中我有幸开发了一些大型Vue程序。我所说的这些项目...
2020-05-27
ElementUI多个子组件表单的校验管理实现
背景
公司项目中所用到的前端框架是Vue.js + ElementUI，因为项目的业务场景中有很多的大表单，但是ElementUI的表单写法对于表单的拆分和校验其实并不是很友好。最初的项目为了...
2020-05-27
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
1、cookie是什么：
①、cookie 是存储于访问者计算机中的变量。每当一台计算机通过浏览器来访问某个页面时，那么就可以通过 JavaScript 来创建和读取 cookie。
②、实际上...
2020-05-27
vue实现将一个数组内的相同数据进行合并
获取服务器传来的数组数据进行，找出其中价格相同的进行数量相加，合并该段数据：/** 先将传来的订单列表进行四舍五入，再将价格相同的订单进行合并 * @param {Object} orderList...
2020-05-27
vue之a-table中实现清空选中的数据
如下所示：<template> <a-table ref="table" size="default" :columns="columns" :dataSource="loadData" :showAlertInfo="true" :pagination=fals...
2020-05-27
Vue 通过公共字段,拼接两个对象数组的实例
前端需要展示两个字段，工资项与工资值。因为后台数据原因，后端是将这两个数据分开返回，这边我需要将这两个数组拼接到一个数据。直接上代码。1.HTML部分<html lang="zh"><head>...
2020-05-27
基于JavaScript伪随机正态分布代码实例
这篇文章主要介绍了基于JavaScript伪随机正态分布代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在游戏开发中...
2020-05-27
浅谈Vue中render中的h箭头函数
vue2.0新增了render方法，官方案例写的是：render: h=>h(app)其中h是由createElement方法演变而来render: function(createElement){ return createElement(app)}用es6的写法就...
2020-05-27
vue基本使用--refs获取组件或元素的实例
说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素）使用：在 HTML元素 中，添加ref属性，然后在JS中通过vm.$refs.属性来获取注意：如果获取的是一个子组件，那么通过ref...
2020-05-27
vue 父组件通过$refs获取子组件的值和方法详解
前言在vue项目中组件之间的通讯是很常见的问题，同时也是很重要的问题，我们大致可以将其分为三种情况：父传子：在父组件中绑定值，在子组件中用props接收子传父：在父组件中监听一个事...
2020-05-27
Vue修改项目启动端口号方法
在项目的package.json中可以找到如下代码start属性指定的文件就是通过开发模式启动的服务文件"scripts": { "dev": "node build/dev-server.js", "start": "node build/dev-...
2020-05-27
vue项目中定义全局变量、函数的几种方法
前言
在项目中，经常会复用一些变量和函数，比如用户的登录token，用户信息等。这时将它们设为全局的就显得很重要了，全局变量和全局函数之间有一些相通之处，它们其实很简单，但是有些...
2020-05-27
BootstrapValidator实现表单验证功能
BootstrapValidator是一款非常好用的表单验证插件，通过友好的错误提示能增加用户体验。bootstrapvalidator源码下载既然是表单验证，那我们最常用的就是用户登录界面，下面来看看...
2020-05-27
vue-dplayer 视频播放器实例代码
官网vue-dplayerdplayer-doc示例如果默认 options 中没有视频链接，之后设置视频链接时，直接通过 this.options.video.url = videoPath 是无效的需要先获取到播放器的实例 this...
2020-05-27
vue视频播放暂停代码
vue中的视频播放vue.js中引入video视频播放器main.js中引入import Video from 'video.js'import 'video.js/dist/video-js.css'Vue.prototype.$video = Videohtml页面<video...
2020-05-27
Vue搭建后台系统需要注意的问题
一、UI框架推荐 Elemnet ui二、图表vue-schartnpm install vue-schart -S<template> <div id="app"> <schart :canvasId="canvasId" :type="type" :width="wi...
2020-05-27
vue中get请求如何传递数组参数的方法示例
前言: vue中在与后端进行数据交互时，使用axios发送请求，不做配置直接使用get请求传递数组类型参数的时候，后端是无法接收数据的，需要对axios一些简单的配置才能让后端完美的接收...
2020-05-27
vue.js的简单自动求和计算实例
一、导入vue.js可以用cdn，也可以用内嵌去官网下载插件https://vuejs.org/js/vue.js.<script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script>二、前端页面我用了...
2020-05-27
vue实现将数据存入vuex中以及从vuex中取出数据
1、在store文件下面新建文件 print.js ，写入以下代码 /** * 存放 ** 数据 * **/ // initial state const state = { all: { ID:'', BrandID:'' }...
2020-05-27
Vuex中实现数据状态查询与更改
在vuex进行vue注入后即可在任一子组件中通过this.$store来访问vueximport store from './store' new Vue({ el: '#app', router, store, components: { App }, template: '<...
2020-05-27
Vue实例的对象参数options的几个常用选项详解
一. 新建一个Vue实例可以有下列两种方式：1.new一个实例var app= new Vue({ el:'#todo-app', // 挂载元素 data:{ // 在.vue组件中data是一个函数，要写成data () {}这种方式 i...
2020-05-27
详解Vscode中使用Eslint终极配置大全
在 vue项目中使用vscode编辑时，使用了如下这套配置，保存时就会根据既定vue项目中.eslintrc.js文件设置的既定规则自动校验并依据规则修复代码。需安装插件
主要是这两个插件：...
2020-05-27
