JavaScript - 教程之家

80浏览

0评论

在Vue项目中,防止页面被缩放和放大示例

现在vue的脚手架生成项目之后我们会发现index.html页面中。在head标签中，我们会看到meta标签中有一条显示是<meta name="viewport" content="width=device-width,initial-sca...

2020-05-27

78浏览

0评论

vue h5移动端禁止缩放代码

安卓在index.html里面写<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">ios在APP.vue里面写<script>window...

2020-05-27

90浏览

0评论

对vue中的事件穿透与禁止穿透实例详解

在开发过程中经常遇到的一个场景，就是，页面弹窗，弹窗上有一个确定或者关闭按钮,这时，如果下方有一个按钮，那你点击弹窗的时候，也会触发弹窗下层的按钮事件，vue提供的解决方法就是直...

2020-05-27

69浏览

0评论

关于vue组件事件属性穿透详解

组件事件属性穿透属性$attrs包含从父组件传过来的属性，但不包含子组件中prop中的属性以及class和style，所以对于那些html元素原生属性，可以不用再子组件中声明，直接从父组件中传...

2020-05-27

75浏览

0评论

VUE.js实现动态设置输入框disabled属性

需求背景页面从list列表展示，跳转到新增和修改的时候，新增和修改用的是同一个页面：add-or-update.vue。修改的时候用户的账号不能修改，因此需要将账号的输入框属性设置为"只读"...

2020-05-27

54浏览

0评论

vue动态禁用控件绑定disable的例子

场景报修范围取值不同时，区域有时需要禁用代码<el-form-item label="报修范围" prop="applicationRange" ><el-select v-model="addInfo.applicationRange" placeholder="请...

2020-05-27

51浏览

0评论

vue 验证码界面实现点击后标灰并设置div按钮不可点击状态

1、先看看效果图未点击获取验证码的按钮状态点击后的不可点击状态2、代码实现<template> <div class="my-code"> <input class="my-code-input" type="text" v-model="log...

2020-05-27

54浏览

0评论

VUE解决 v-html不能触发点击事件的问题

背景：后端返前端html格式的数据，前端用v-html解析渲染，如：<a @click="show(1)"></a>，a标签能成功渲染，但其绑定的事件无法触发。原因：vue没有将其作为vue的模板解析渲染解决方案：不...

2020-05-27

40浏览

0评论

jquery validate 实现动态增加/删除验证规则操作示例

本文实例讲述了jquery validate 实现动态增加/删除验证规则操作。分享给大家供大家参考，具体如下：页面加载完成初始化form validate $("#user_regForm").validate({ erro...

2020-05-27

30浏览

0评论

vue 实现input表单元素的disabled示例

场景今天产品经理提了一个需求:一个API的账号体系增加一个checkbox控制API输出字段,但是有三个是伪控制，事实上是接口里面写死的，所以是必须选中的分析重点是怎么在Vue组件中...

2020-05-27

51浏览

0评论

vue实现在v-html的html字符串中绑定事件

需求：需要在v-html的html字符串的button中绑定点击事件，需要点击后做一些操作，必须渲染成html，但是渲染后的html里面写绑定事件的代码没有经过vue编译，所以事件无效。<div class=...

2020-05-27

86浏览

0评论

VUE渲染后端返回含有script标签的html字符串示例

在接入支付宝支付模块的时候，支支返回的是一个form串，细看一下还有一个script标签，如何将其渲染出来给大家分享一下经验。注意点：不能在当前页面追加任何元素例如原生js：innerHtm...

2020-05-27

45浏览

0评论

JS实现json数组排序操作实例分析

本文实例讲述了JS实现json数组排序操作。分享给大家供大家参考，具体如下：有时需要根据json对象的某个属性排序json数组，javascript端有sort这个函数，具体可以参考：http://www.w3s...

2020-05-27

151浏览

0评论

vue 实现走马灯效果

Part.1 问题
在写一个H5页面时遇到一个需求，头部公告需要滚动变换，需要实现一个走马灯效果Part.2 实现
我的做法：利用定时器 + CSS3 变换公告数组的顺序从而实现走马灯效...

2020-05-27

55浏览

0评论

js实现坦克移动小游戏

本文实例为大家分享了js坦克移动的具体代码，供大家参考，具体内容如下先看看，js超简单实现图片旋转：var current = 180;//需要反转的角度tank.style.transform = 'rotate('+curre...

2020-05-27

52浏览

0评论

vue中动态select的使用方法示例

本文实例讲述了vue中动态select的使用方法。分享给大家供大家参考，具体如下：html代码如下:通过v-model可以获取到选中的值，如果没值就默认第一个;如果有值就显示有值的那个内容...

2020-05-27

39浏览

0评论

Vue 实现html中根据类型显示内容

如下所示：其实就是 "v-if" 的使用，但在实际使用时可能会想不到。。。以上这篇Vue 实现html中根据类型显示内容就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家...

2020-05-27

55浏览

0评论

js实现图片无缝循环轮播

本文实例为大家分享了js实现图片无缝循环轮播的具体代码，供大家参考，具体内容如下代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp...

2020-05-27

104浏览

0评论

Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML))

原始 HTML(Raw HTML)双花括号语法，会将数据中的 HTML 转为纯文本后再进行插值。为了输出真正的 HTML，你需要使用 v-html 指令：<p>使用双花括号语法：{{ rawHtml }}</p><p>使用 v-...

2020-05-27

66浏览

0评论

详解关闭令人抓狂的ESlint 语法检测配置方法

刚刚开始的小伙伴是不是空格报错少一行报错各种错？是不是觉得快被限制的失去了自由的思绪了？受折磨后找到了不错的文章来取消eslint语法检测限制，作为学习笔记摘自segmentfault...

2020-05-27

48浏览

0评论

在vue中把含有html标签转为html渲染页面的实例

在标签内部添加v-html指令即可使用pug的写法：这个content表示的是一个含标签的变量输入content为：<p>我是p标签</p>输出结果是：我是p标签普通用户一样：同上理加v-html就行了以上...

2020-05-27

62浏览

0评论

vue 解决数组赋值无法渲染在页面的问题

在做一个网页重构成VUE的时候，有段代码是这样的一直能打印出pics的值，但是就是无法渲染出来，检查了不是视图那边是错，最后发现其中有两处错误，一处是this指向问题，此地打印出来的t...

2020-05-27

39浏览

0评论

JavaScript 反射和属性赋值实例解析

这篇文章主要介绍了JavaScript 反射和属性赋值实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下Java和.NET都有...

2020-05-27

88浏览

0评论

使用Vue调取接口,并渲染数据的示例代码

刚接触vue.js框架的时候，很伤脑筋。今天整理一下post/get两种方式，简单的调取数据库数据，并进行渲染，希望帮助大家！首先，在HTML页面引入：//引入vue.js文件<script src="https://cdn...

2020-05-27

138浏览

0评论

vue+webpack 更换主题N种方案优劣分析

需求：由于业务需要，我们需要做多套皮肤调研了下当前行业的实现方案，五花八门良莠不齐，在此总结下各种方案有优劣及复杂度，供大家快速定位到符合自己业务的方案，以vue 单页应用为业...

2020-05-27

45浏览

0评论

js实现3D照片墙效果

聊一下心得：CSS写得好，真的可以省很多js代码哈，写起来也简单很多，所以要好好掌握js哈，所以这里也提供了css代码，如果您觉得您的css写得不错，可以直接看js代码哦效果：1、点击Start Vi...

2020-05-27

57浏览

0评论

微信小程序工具函数封装

本文实例为大家分享了微信小程序工具函数封装的具体代码，供大家参考，具体内容如下const formatTime = date => { const year = date.getFullYear() const month = date.getMon...

2020-05-27

55浏览

0评论

JavaScript制作3D旋转相册

本文实例为大家分享了js 3D旋转相册展示的具体代码，供大家参考，具体内容如下源代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <st...

2020-05-27

79浏览

0评论

使用Vue实现调用接口加载页面初始数据

闲着没事写了一个电影推荐的网页，很简单，使用的是Vue的实现. let vm = new Vue({ el:'#content', data:{ name:'', pic:'', actor:'', detail:'', link:'' }, m...

2020-05-27

44浏览

0评论

原生js实现商品筛选功能

本文实例为大家分享了js商品筛选功能的具体代码，供大家参考，具体内容如下用到的知识：js基础、dom、第一种方法用到的是js中的数组方法，第二种方法用到的是json和for-in以及es6实...

2020-05-27

96浏览

0评论

Vue调用后端java接口的实例代码

前段时间做了个学校的春萌项目，其中用到vue连接后端java接口。先上后端接口代码：package controller;import net.sf.json.JSONObject;import util.DBUtil;import javax.servl...

2020-05-27

139浏览

0评论

vue设置一开始进入的页面教程

vue项目默认进入的页面是HelloWorld.vue现在我们创建一个页面Login.vue<template> <div>登录界面 </div></template><script type="text/ecmascript-6"> export default...

2020-05-27

61浏览

0评论

vue实现设置载入动画和初始化页面动画效果

移动端页面载入时过长的白屏等待，总是让人心烦气躁不如，加个小动画吧原理很简单在index.html页面的body插入一个divcss里写入动画在app.vue里 created的时候将这个div移除就o...

2020-05-27

94浏览

0评论

详解vue中多个有顺序要求的异步操作处理

最近项目业务上有个需求，用户可以批量下订单，但每个订单都有一个保价费，手续费需要根据订单的价值由后台的模型算出来，然后下单的时候每个订单都需要带上这个保价费，所以其实在批...

2020-05-27

111浏览

0评论

浅谈vue异步数据影响页面渲染

今天遇到一个问题，要保证页面渲染前请求的数据已经得到了由于user是在异步请求之后保存在session中，而在页面渲染时session中还没有user，页面直接报错。因此我希望能在所有请求...

2020-05-27

67浏览

0评论

js实现贪吃蛇小游戏

本文实例为大家分享了js实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpor...

2020-05-27

46浏览

0评论

VUE实现强制渲染,强制更新

列表渲染，以下数组操作方法可触发渲染push()pop()shift()unshift()splice()sort()reverse()当采用特殊方法操作数组后，导致无法更新数据到UI，此时可使用强制渲染，方法如下this.$...

2020-05-27

92浏览

0评论

vue 解决异步数据更新问题

问题记录一下出现的问题, 数据翻倍这是复现问题的代码data() { return { space: "", allresult: [] }; }, methods: { getmessage() { this.allresult = []; axi...

2020-05-27

40浏览

0评论

简单使用webpack打包文件的实现

没有安装node的同学请先安装node。安装
npm i -g webpack编写配置文件
假设我们有两个js文件需要打包，1.js和mode1.js，我们在1.js里面引入mode1.js模块
mode1.js 模块：export d...

2020-05-27

46浏览

0评论

javascript实现简单打字游戏

本文实例为大家分享了javascript打字游戏的具体代码，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>传智...

2020-05-27

329浏览

0评论

vue 强制组件重新渲染(重置)的两种方案

数据通过异步操作后，对之前刚加载的数据进行变更后，发现数据不能生效方案一当数据变更后,通过watch 监听，先去销毁当前的组件，然后再重现渲染。使用 v-if 可以解决这个问题<temp...

2020-05-27

63浏览

0评论

vue + elementUI实现省市县三级联动的方法示例

本文介绍了vue + elementUI实现省市县三级联动的方法示例，分享给大家，具体如下： 1、首先需要准备省市县json文件，网上有很多可以下载。项目中使用的city.json数据是这样的格式：[...

2020-05-27

196浏览

0评论

关于vue2强制刷新,解决页面不会重新渲染的问题

问题描述：在使用Vue框架开发时，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值；解决：运用 this.$forceUpdate(); //强制刷新，解决页面...

2020-05-27

636浏览

0评论

基于axios 的responseType类型的设置方法

responseType值的类型可为如下axios请求下载导出一个文件，请求成功时返回的是一个流形式的文件，需要设置responseType: 'arraybuffer'，但是请求失败的需要返回的是json数据，所以...

2020-05-27

91浏览

0评论

vue实现路由监听和参数监听

1、路由携带数据跳转routerAction(hideDisplays, data) { switch (hideDisplays) { case "pubAccountMenu": this.$router.push({ name: "AppAccountInfo",...

2020-05-27

60浏览

0评论

vue+elementui 对话框取消表单验证重置示例

最近在写增删改查，在新增的时候要弹出对话框填写form表单信息，发现对话框右上角的小X和右下角的取消不是一个事件，我想在点击它们两个的时候都可以重置表单，最终解决，如下。vue：<e...

2020-05-27

99浏览

0评论

使用axios请求接口,几种content-type的区别详解

axios的使用安装(一般使用框架的话, 脚手架都集成了)$ npm install axios请求示例// POSTaxios.post('/user', { firstName: 'Fred', lastName: 'Flintstone' }) .then(func...

2020-05-27

54浏览

0评论

解决axios post 后端无法接收数据的问题

在后端允许跨域的情况下，axios post 将数据传到后端，但是后端无法接收，始终为空请求能正常到达后端，那么肯定传数据的地方的问题了所以这里headers设置为headers:{"Content-Typ...

2020-05-27

54浏览

0评论

js单线程的本质 Event Loop解析

怎么判断是浏览器还是node环境？node中window是未定义；setImmediate是定义的，在浏览器中未定义timer阶段：这个阶段会执行setTimeout和setIntervalcheck阶段：执行setImmediatemacro...

2020-05-27

172浏览

0评论

Vue 设置axios请求格式为form-data的操作步骤

Cover在Vue中使用axios这个老生常谈了，还是先记录一遍，方面后面自己查。!!! 设置form-data请求格式直接翻到后面看。1. 安装axios在项目下执行npm install axios。之后在main....

2020-05-27

热门文章