JavaScript - 教程之家

72浏览

0评论

javascript二维数组和对象的深拷贝与浅拷贝实例分析

本文实例讲述了javascript二维数组和对象的深拷贝与浅拷贝。分享给大家供大家参考，具体如下：这篇文章主要为大家详细介绍了js实现数组和对象的深浅拷贝，1.浅拷贝：将原对象或原...

2020-05-27

71浏览

0评论

javascript（基于jQuery）实现鼠标获取选中的文字示例【测试可用】

本文实例讲述了javascript实现鼠标获取选中的文字。分享给大家供大家参考，具体如下：HTML部分：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" con...

2020-05-27

81浏览

0评论

Layui数据表格判断编辑输入的值,是否为我需要的类型详解

因为很多使用layui插件做的表格都需要用到layui的表格编辑事件，但是编辑事件是可以随意输入值的，但是如果当我们的字段为数量的时候，又需要获取到数量传进控制器进行数据处理的...

2020-05-27

68浏览

0评论

layui 解决富文本框form表单提交为空的问题

layui 解决富文本框form表单提交为空的问题一直获取不到form data这样子就可以正常提交了以上这篇layui 解决富文本框form表单提交为空的问题就是小编分享给大家的全部内容...

2020-05-27

86浏览

0评论

浅谈layui数据表格判断问题(加入表单元素),设置单元格样式

如下所示：<script type="text/html" id="status"> {{# if(d.status === 1){ }} <span class="layui-badge layui-bg-green">正常</span> {{# } else { }...

2020-05-27

74浏览

0评论

在Layui中操作数据表格,给指定单元格添加事件示例

最近入坑Layui这个为服务端程序员量身定做的前端框架。为什么不用vue结合各种流行前端框架Element、iView啊什么，后台大哥们不会啊！！！只好我来迁就他们呢，还得一点一点儿的学起来...

2020-05-27

96浏览

0评论

layui实现给某一列加点击事件

js 渲染表格写法html页面这里需要注意的点：我对layui不是很熟练，自己总结的，如果有问题，还请指点！！！以上这篇layui实现给某一列加点击事件就是小编分享给大家的全部内容了，希望能给...

2020-05-27

79浏览

0评论

VUE兄弟组件传值操作实例分析

本文实例讲述了VUE兄弟组件传值操作。分享给大家供大家参考，具体如下：1、兄弟之间传递数据需要借助于事件车，通过事件车的方式传递数据2、创建一个Vue的实例，让各个兄弟共用同一...

2020-05-27

105浏览

0评论

vue-router的钩子函数用法实例分析

本文实例讲述了vue-router的钩子函数用法。分享给大家供大家参考，具体如下：vue路由钩子大致可以分为三类:1.全局钩子主要包括beforeEach和aftrEach,beforeEach函数有三个参数：...

2020-05-27

73浏览

0评论

Layui实现数据表格默认全部显示(不要分页)

啥也不说了，上段代码吧table.render({ elem: '#check-data-list' , height: 480 , title: '监测任务列表信息' , limit: Number.MAX_VALUE // 数据表格默认全部显示...

2020-05-27

95浏览

0评论

Layui 解决表格异步调用后台分页的问题

参考Layui数据表格文档可以看到三种layui表格渲染方式，项目选用第一种，采用Layui的异步数据接口方式，渲染表格并分页。按照官方写法，会报跨域错误，尝试几次，发现需要设置contentTy...

2020-05-27

88浏览

0评论

layui table 复选框跳页后再回来保持原来选中的状态示例

layui table默认跳页后不存在源页面选中的状态。如果要实现记录源页面的选中状态，需要定义一个全局变量来记录数据选中状态。1、修改table.js;layui.define(["laytpl", "layp...

2020-05-27

104浏览

0评论

Vue-Cli项目优化操作的实现

起源由Vue-Cli（2.X）生成的Vue项目中存在着首屏加载过慢，编译资源过大等问题，主要针对这些问题对项目进行相应的优化，提升项目响应速度，优化项目性能。操作
路由懒加载
在Vue-route...

2020-05-27

96浏览

0评论

解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题

问题描述：在IE8及以下版本时，点击label标签无法自动触发checkbox的click事件，导致无法产生希望的效果。原HTML代码： <div class="col-sm-2"> <label><input type="checkbox"...

2020-05-27

91浏览

0评论

vue 父组件通过v-model接收子组件的值的代码

具体代码如下所述：<template><div><el-select v-model="typeValue" placeholder="请选择包类型" @change='typeValChange'> <el-option v-for="item in typeData" :key="it...

2020-05-27

81浏览

0评论

vue 全局环境切换问题

前端开发经常碰到切换环境的情况，测试环境，开发环境，正式环境（以及图片环境~~）1.我们在utils中创建一个global.js文件/**@Author: faith全局常量对象create by faith 2019-10-23@...

2020-05-27

66浏览

0评论

element-ui 本地化使用教程详解

起因：用 element-ui 时，本人是没有安装其它环境，而是直接用链接引入，这个带来的问题是，每次打开网页都很慢，于是想本地化，但是发现只是下载两个引入的 js 和 css 是不够的，很多功能...

2020-05-27

107浏览

0评论

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

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

2020-05-27

110浏览

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

115浏览

0评论

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

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

2020-05-27

97浏览

0评论

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

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

105浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

170浏览

0评论

vue 实现走马灯效果

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

2020-05-27

78浏览

0评论

js实现坦克移动小游戏

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

74浏览

0评论

js实现图片无缝循环轮播

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

2020-05-27

132浏览

0评论

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

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

2020-05-27

99浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

92浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

118浏览

0评论

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

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

2020-05-27

160浏览

0评论

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

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

2020-05-27

70浏览

0评论

js实现3D照片墙效果

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

2020-05-27

80浏览

0评论

微信小程序工具函数封装

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

2020-05-27

77浏览

0评论

JavaScript制作3D旋转相册

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

2020-05-27

103浏览

0评论

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

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

2020-05-27

73浏览

0评论

原生js实现商品筛选功能

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

2020-05-27

120浏览

0评论

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

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

2020-05-27

167浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

热门文章