JavaScript - 教程之家

127浏览

0评论

vue 自定义右键样式的实例代码

最近用python写了个小说程序的api，想着用 vue 做个系统管理数据，脑子里出现的是这个画面：但是这种样式的管理后台已经做了太多了，已经审美疲劳，后面又想了一种类操作系统的UI界...

2020-05-27

95浏览

0评论

微信小程序网络请求实现过程解析

这篇文章主要介绍了微信小程序网络请求实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下配置服务器域名：每个...

2020-05-27

113浏览

0评论

vue elementUI 表单嵌套验证的实例代码

一：表单一级验证element中from组件内表单验证通过使用el-form标签，绑定model和rules属性进行表单验证<el-form ref="form" :model="form" :rules="rules" label-width="110px"...

2020-05-27

196浏览

0评论

vue点击页面空白处实现保存功能

功能描述双击表格一行实现表格编辑，点击空白处实现保存。表格可编辑相关文章在可编辑表格实现思路当表格在编辑状态的时候在页面进行click监听，判断点击区域是否为编辑区域，如...

2020-05-27

146浏览

0评论

vue 解决文本框被键盘遮住的问题

如下所示：我把它写成了组件主要代码是document.getElementById(this.FullScreenId).scrollTop = document.getElementById(this.FullScreenId).scrollHeight我这边把div满屏...

2020-05-27

87浏览

0评论

微信小程序下拉刷新及上拉加载原理解析

这篇文章主要介绍了微信小程序下拉刷新及上拉加载实现方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.下拉刷新...

2020-05-27

85浏览

0评论

微信内置开发 iOS修改键盘换行为搜索的解决方案

在微信中搜索的时候，我们通常使用keycode=13来判断客户是否点击了确定。在安卓上，唤醒搜索框为确认键没问题，而ios就不敢苟同了，ios显示为换行，对于客户使用体验非常不好。解决...

2020-05-27

111浏览

0评论

vue 实现移动端键盘搜索事件监听

1、首先注意，input的type="serch"<input @keypress="searchGoods" type="serch" placeholder="搜索商品">2、监听keypress事件（1）KeyDown、KeyUp 事件这些事件是当一个对象具有...

2020-05-27

221浏览

0评论

vue 解决移动端弹出键盘导致页面fixed布局错乱的问题

话不多说，直接上问题图片这里确认按钮是fixed布局 bottom:0 弹出键盘之后按钮被顶到了键盘上面网上搜到的解决方案有两种，一种是监听页面高度（我采用的这种）一种是监听软键盘事...

2020-05-27

87浏览

0评论

JavaScript如何借用构造函数继承

这篇文章主要介绍了JavaScript如何借用构造函数继承,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下借用构造函数继承是...

2020-05-27

433浏览

0评论

解决vue 表格table列求和的问题

最近在给朋友做一个项目，因为是B端，所以少不了表格。本身就用了element-ui，但是订单管理有个需求使用element-ui table组件实现不了，只能退而求其之用了原生的table，功能是几乎满...

2020-05-27

83浏览

0评论

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

64浏览

0评论

JavaScript原型式继承实现方法

这篇文章主要介绍了JavaScript原型式继承实现方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在2006年，有个叫道格拉...

2020-05-27

224浏览

0评论

vue 实现购物车总价计算

效果如下所示：js<script type="text/javascript"> window.οnlοad=function () { var vm = new Vue({ el:'#huo', data:{ myList:[ { number:0, pric...

2020-05-27

81浏览

0评论

Vue中错误图片的处理的实现代码

在一个Vue的PC项目中，要求给错误图片不要让它显示丑陋的图片，就要给图片写一个失败后的默认图片，在这里写了两种方法，第一种方法，也就是百度到的最多的代码，就是给一张图片一个默...

2020-05-27

58浏览

0评论

JS实现随机抽选获奖者

本文实例为大家分享了JS实现随机抽选获奖者的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title></title> <sty...

2020-05-27

53浏览

0评论

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

1084浏览

0评论

vue 实现强制类型转换数字类型转为字符串

我是从页面直接拿的ID过来的，类型是数字类型后端需要的是字符串类型只需要在后面加上 + ‘ ' ，传一个空字符串就可以了以上这篇vue 实现强制类型转换数字类型转为字符串就是...

2020-05-27

75浏览

0评论

ZK中使用JS读取客户端txt文件内容问题

最近写一个需求时遇到一个问题,用户需要通过点击一个按钮直接读取他自己电脑上D盘的一个txt文件内容显示到页面,因为项目现在是用ZK写的.我对于ZK也是刚刚了解不就,很多都还...

2020-05-27

115浏览

0评论

详解Angular cli配置过程记录

1.首先调出命令行工具，运行命令全局安装Angular -cli
npm i -g @angular/cli安装过程中我的命令行工具内出现了警告和报错信息，我没有管它，因为我在后续使用中并没有遇到什么麻...

2020-05-27

148浏览

0评论

js实现数字从零慢慢增加到指定数字示例

最近的学习项目中需要一个数字从0慢慢增加到指定数字，然后想了好久才做出来。一开始是想用循环做，循环里面用delay(),但是发现不太好用（可能是我不会用），然后想用循环里面套setTi...

2020-05-27

106浏览

0评论

jsonp格式前端发送和后台接受写法的代码详解

什么是JSONP？先说说JSONP是怎么产生的：其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下...

2020-05-27

231浏览

0评论

vue v-for直接循环数字实例

vue v-for直接循环数字，也就是固定次数项目中需要做一个酒店星级，酒店星级就是固定的5星，根据后台返回的数据来显示几星级 <!--星级，循环固定次数 5次根据酒店等级显示亮的星星...

2020-05-27

112浏览

0评论

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

117浏览

0评论

vue改变循环遍历后的数据实例

废话不多说了，直接上代码吧！<dd class="clearfix" v-for="(item,index) in tableDataList" :class="index%2 != 0 ? 'dd-bg' : ''"> <div class="indexItem indexItem3 t...

2020-05-27

274浏览

0评论

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

109浏览

0评论

Vue2.X和Vue3.0数据响应原理变化的区别

defineProperty 定义对象的属性，只不过属性里的get和set实现了响应式。常用： value属性值 get set writeable 是否可写 enumrable 可遍历Vue从改变一个数据到发生改变的...

2020-05-27

83浏览

0评论

浅谈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

106浏览

0评论

vue遍历对象中的数组取值示例

前几天小项目，没考虑周全，让后端改接口，改成数组中包含对象中包含数组的形式，后来越琢磨越不对，后台把所有数据放在了一个对象里，我拿弹窗数据不好拿，索性又改了回来，把后端折腾够呛...

2020-05-27

295浏览

0评论

vue 解决遍历对象显示的顺序不对问题

一、情况说明：在wacth里面生成了一个日期字符串的的数组（如下图1），如果遍历这个数组生成一个以日期为key的Object，但是数组里面的元素顺序和Object的属性的顺序是不一样的，并且在v...

2020-05-27

328浏览

0评论

vue.js循环radio的实例

最近在做一个组件联动的，需要循环展示el-radio，花了很多时间现在记录一下，也给遇到类似问题的小伙伴一个参考 <el-radio-group v-model="radioArray[item.name]" @change="hand...

2020-05-27

157浏览

0评论

使用JS监听键盘按下事件（keydown event）

1、监听全局键盘按下事件，例如监听全局回车事件$(document).keydown(function(event){ if(event.keyCode == 13){ alert('你按下了Enter'); }}); 2、监听某个组件键盘按下...

2020-05-27

236浏览

0评论

vue获取data数据改变前后的值方法

场景：购物车增加商品数量同时更新bridge标志上的总商品个数，如果只是加上当前变化后的数量的话则之前原有的数量会被重新添加一遍造成计算错误。因此要减去变化前的数量才能得...

2020-05-27

54浏览

0评论

js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】

本文实例讲述了js使用文档就绪函数动态改变页面内容。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title...

2020-05-27

562浏览

0评论

vue 实现单选框设置默认选中值

vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的html部分是通过v-for取的后台的数据 <li v-for="(value,i) in addList" :key="value.id"...

2020-05-27

143浏览

0评论

Node配合WebSocket做多文件下载以及进度回传

起因为什么做这个东西，是突然间听一后端同事说起Annie这个东西，发现这个东西下载视频挺方便的，会自动爬取网页中的视频，然后整理成列表。发现用命令执行之后是下面的样子：心里琢...

2020-05-27

66浏览

0评论

构建Vue大型应用的10个最佳实践(小结)

这些是我构建大型Vue项目得出的最佳实践，这些技巧将帮助你更高效的编码，并且使其更容易维护和协作。在我今年的自由职业生涯中我有幸开发了一些大型Vue程序。我所说的这些项目...

2020-05-27

165浏览

0评论

ElementUI多个子组件表单的校验管理实现

背景
公司项目中所用到的前端框架是Vue.js + ElementUI，因为项目的业务场景中有很多的大表单，但是ElementUI的表单写法对于表单的拆分和校验其实并不是很友好。最初的项目为了...

2020-05-27

62浏览

0评论

jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)

1、cookie是什么：
①、cookie 是存储于访问者计算机中的变量。每当一台计算机通过浏览器来访问某个页面时，那么就可以通过 JavaScript 来创建和读取 cookie。
　　②、实际上...

2020-05-27

779浏览

0评论

vue实现将一个数组内的相同数据进行合并

获取服务器传来的数组数据进行，找出其中价格相同的进行数量相加，合并该段数据：/** 先将传来的订单列表进行四舍五入，再将价格相同的订单进行合并 * @param {Object} orderList...

2020-05-27

454浏览

0评论

vue之a-table中实现清空选中的数据

如下所示：<template> <a-table ref="table" size="default" :columns="columns" :dataSource="loadData" :showAlertInfo="true" :pagination=fals...

2020-05-27

195浏览

0评论

Vue 通过公共字段,拼接两个对象数组的实例

前端需要展示两个字段，工资项与工资值。因为后台数据原因，后端是将这两个数据分开返回，这边我需要将这两个数组拼接到一个数据。直接上代码。1.HTML部分<html lang="zh"><head>...

2020-05-27

96浏览

0评论

基于JavaScript伪随机正态分布代码实例

这篇文章主要介绍了基于JavaScript伪随机正态分布代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在游戏开发中...

2020-05-27

107浏览

0评论

浅谈Vue中render中的h箭头函数

vue2.0新增了render方法，官方案例写的是：render: h=>h(app)其中h是由createElement方法演变而来render: function(createElement){ return createElement(app)}用es6的写法就...

2020-05-27

249浏览

0评论

vue基本使用--refs获取组件或元素的实例

说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素）使用：在 HTML元素中，添加ref属性，然后在JS中通过vm.$refs.属性来获取注意：如果获取的是一个子组件，那么通过ref...

2020-05-27

117浏览

0评论

vue 父组件通过$refs获取子组件的值和方法详解

前言在vue项目中组件之间的通讯是很常见的问题，同时也是很重要的问题，我们大致可以将其分为三种情况：父传子：在父组件中绑定值，在子组件中用props接收子传父：在父组件中监听一个事...

2020-05-27

101浏览

0评论

Vue修改项目启动端口号方法

在项目的package.json中可以找到如下代码start属性指定的文件就是通过开发模式启动的服务文件"scripts": { "dev": "node build/dev-server.js", "start": "node build/dev-...

2020-05-27

203浏览

0评论

vue项目中定义全局变量、函数的几种方法

前言
在项目中，经常会复用一些变量和函数，比如用户的登录token，用户信息等。这时将它们设为全局的就显得很重要了，全局变量和全局函数之间有一些相通之处，它们其实很简单，但是有些...

2020-05-27

57浏览

0评论

BootstrapValidator实现表单验证功能

BootstrapValidator是一款非常好用的表单验证插件，通过友好的错误提示能增加用户体验。bootstrapvalidator源码下载既然是表单验证，那我们最常用的就是用户登录界面，下面来看看...

2020-05-27

248浏览

0评论

vue-dplayer 视频播放器实例代码

官网vue-dplayerdplayer-doc示例如果默认 options 中没有视频链接，之后设置视频链接时，直接通过 this.options.video.url = videoPath 是无效的需要先获取到播放器的实例 this...

2020-05-27

热门文章