Layui 解决表格异步调用后台分页的问题
参考Layui数据表格文档可以看到三种layui表格渲染方式，项目选用第一种，采用Layui的异步数据接口方式，渲染表格并分页。按照官方写法，会报跨域错误，尝试几次，发现需要设置contentTy...
2020-05-27
layui table 复选框跳页后再回来保持原来选中的状态示例
layui table默认跳页后不存在源页面选中的状态。如果要实现记录源页面的选中状态，需要定义一个全局变量来记录数据选中状态。1、修改table.js;layui.define(["laytpl", "layp...
2020-05-27
Vue-Cli项目优化操作的实现
起源由Vue-Cli（2.X）生成的Vue项目中存在着首屏加载过慢，编译资源过大等问题，主要针对这些问题对项目进行相应的优化，提升项目响应速度，优化项目性能。操作
路由懒加载
在Vue-route...
2020-05-27
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
问题描述：在IE8及以下版本时，点击label标签无法自动触发checkbox的click事件，导致无法产生希望的效果。 原HTML代码： <div class="col-sm-2"> <label><input type="checkbox"...
2020-05-27
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
vue 全局环境切换问题
前端开发经常碰到切换环境的情况，测试环境，开发环境，正式环境（以及图片环境~~）1.我们在utils中创建一个global.js文件/**@Author: faith全局常量对象create by faith 2019-10-23@...
2020-05-27
element-ui 本地化使用教程详解
起因：用 element-ui 时，本人是没有安装其它环境，而是直接用链接引入，这个带来的问题是，每次打开网页都很慢，于是想本地化，但是发现只是下载两个引入的 js 和 css 是不够的，很多功能...
2020-05-27
在Vue项目中,防止页面被缩放和放大示例
现在vue的脚手架生成项目之后我们会发现index.html页面中。在head标签中，我们会看到meta标签中有一条显示是<meta name="viewport" content="width=device-width,initial-sca...
2020-05-27
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
对vue中的事件穿透与禁止穿透实例详解
在开发过程中经常遇到的一个场景，就是，页面弹窗，弹窗上有一个确定或者关闭按钮,这时，如果下方有一个按钮，那你点击弹窗的时候，也会触发弹窗下层的按钮事件，vue提供的解决方法就是直...
2020-05-27
关于vue组件事件属性穿透详解
组件事件属性穿透属性$attrs包含从父组件传过来的属性，但不包含子组件中prop中的属性以及class和style，所以对于那些html元素原生属性，可以不用再子组件中声明，直接从父组件中传...
2020-05-27
VUE.js实现动态设置输入框disabled属性
需求背景页面从list列表展示，跳转到新增和修改的时候，新增和修改用的是同一个页面：add-or-update.vue。修改的时候用户的账号不能修改，因此需要将账号的输入框属性设置为"只读"...
2020-05-27
vue动态禁用控件绑定disable的例子
场景报修范围取值不同时 ，区域有时需要禁用代码<el-form-item label="报修范围" prop="applicationRange" ><el-select v-model="addInfo.applicationRange" placeholder="请...
2020-05-27
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
1、先看看效果图未点击获取验证码的按钮状态点击后的不可点击状态2、代码实现<template> <div class="my-code"> <input class="my-code-input" type="text" v-model="log...
2020-05-27
VUE解决 v-html不能触发点击事件的问题
背景：后端返前端html格式的数据，前端用v-html解析渲染，如：<a @click="show(1)"></a>，a标签能成功渲染，但其绑定的事件无法触发。原因：vue没有将其作为vue的模板解析渲染解决方案：不...
2020-05-27
jquery validate 实现动态增加/删除验证规则操作示例
本文实例讲述了jquery validate 实现动态增加/删除验证规则操作。分享给大家供大家参考，具体如下：页面加载完成初始化form validate $("#user_regForm").validate({ erro...
2020-05-27
vue 实现input表单元素的disabled示例
场景今天产品经理提了一个需求:一个API的账号体系增加一个checkbox控制API输出字段,但是有三个是伪控制，事实上是接口里面写死的，所以是必须选中的分析重点是怎么在Vue组件中...
2020-05-27
vue实现在v-html的html字符串中绑定事件
需求：需要在v-html的html字符串的button中绑定点击事件，需要点击后做一些操作，必须渲染成html，但是渲染后的html里面写绑定事件的代码没有经过vue编译，所以事件无效。<div class=...
2020-05-27
VUE渲染后端返回含有script标签的html字符串示例
在接入支付宝支付模块的时候，支支返回的是一个form串，细看一下还有一个script标签，如何将其渲染出来给大家分享一下经验。注意点：不能在当前页面追加任何元素例如原生js：innerHtm...
2020-05-27
JS实现json数组排序操作实例分析
本文实例讲述了JS实现json数组排序操作。分享给大家供大家参考，具体如下：有时需要根据json对象的某个属性排序json数组，javascript端有sort这个函数，具体可以参考：http://www.w3s...
2020-05-27
vue 实现走马灯效果
Part.1 问题
在写一个H5页面时遇到一个需求，头部公告需要滚动变换，需要实现一个走马灯效果Part.2 实现
我的做法：利用 定时器 + CSS3 变换公告数组的顺序 从而实现走马灯效...
2020-05-27
js实现坦克移动小游戏
本文实例为大家分享了js坦克移动的具体代码，供大家参考，具体内容如下先看看，js超简单实现图片旋转：var current = 180;//需要反转的角度tank.style.transform = 'rotate('+curre...
2020-05-27
vue中动态select的使用方法示例
本文实例讲述了vue中动态select的使用方法。分享给大家供大家参考，具体如下：html代码如下:通过v-model可以获取到选中的值，如果没值就默认第一个;如果有值就显示有值的那个内容...
2020-05-27
Vue 实现html中根据类型显示内容
如下所示：其实就是 "v-if" 的使用，但在实际使用时可能会想不到。。。以上这篇Vue 实现html中根据类型显示内容就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家...
2020-05-27
js实现图片无缝循环轮播
本文实例为大家分享了js实现图片无缝循环轮播的具体代码，供大家参考，具体内容如下代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp...
2020-05-27
Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML))
原始 HTML(Raw HTML)双花括号语法，会将数据中的 HTML 转为纯文本后再进行插值。为了输出真正的 HTML，你需要使用 v-html 指令：<p>使用双花括号语法：{{ rawHtml }}</p><p>使用 v-...
2020-05-27
详解关闭令人抓狂的ESlint 语法检测配置方法
刚刚开始的小伙伴是不是空格报错少一行报错各种错？是不是觉得快被限制的失去了自由的思绪了？受折磨后找到了不错的文章来取消eslint语法检测限制，作为学习笔记摘自segmentfault...
2020-05-27
在vue中把含有html标签转为html渲染页面的实例
在标签内部添加v-html指令即可使用pug的写法：这个content表示的是一个含标签的变量输入content为：<p>我是p标签</p>输出结果是：我是p标签普通用户一样：同上理加v-html就行了以上...
2020-05-27
vue 解决数组赋值无法渲染在页面的问题
在做一个网页重构成VUE的时候，有段代码是这样的一直能打印出pics的值，但是就是无法渲染出来，检查了不是视图那边是错，最后发现其中有两处错误，一处是this指向问题，此地打印出来的t...
2020-05-27
JavaScript 反射和属性赋值实例解析
这篇文章主要介绍了JavaScript 反射和属性赋值实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下Java和.NET都有...
2020-05-27
使用Vue调取接口,并渲染数据的示例代码
刚接触vue.js框架的时候，很伤脑筋。今天整理一下post/get两种方式，简单的调取数据库数据，并进行渲染，希望帮助大家！首先，在HTML页面引入：//引入vue.js文件<script src="https://cdn...
2020-05-27
vue+webpack 更换主题N种方案优劣分析
需求：由于业务需要，我们需要做多套皮肤调研了下当前行业的实现方案，五花八门良莠不齐，在此总结下各种方案有优劣及复杂度，供大家快速定位到符合自己业务的方案，以vue 单页应用为业...
2020-05-27
js实现3D照片墙效果
聊一下心得：CSS写得好，真的可以省很多js代码哈，写起来也简单很多，所以要好好掌握js哈，所以这里也提供了css代码，如果您觉得您的css写得不错，可以直接看js代码哦效果：1、点击Start Vi...
2020-05-27
微信小程序工具函数封装
本文实例为大家分享了微信小程序工具函数封装的具体代码，供大家参考，具体内容如下const formatTime = date => { const year = date.getFullYear() const month = date.getMon...
2020-05-27
JavaScript制作3D旋转相册
本文实例为大家分享了js 3D旋转相册展示的具体代码，供大家参考，具体内容如下源代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <st...
2020-05-27
使用Vue实现调用接口加载页面初始数据
闲着没事写了一个电影推荐的网页，很简单，使用的是Vue的实现. let vm = new Vue({ el:'#content', data:{ name:'', pic:'', actor:'', detail:'', link:'' }, m...
2020-05-27
原生js实现商品筛选功能
本文实例为大家分享了js商品筛选功能的具体代码，供大家参考，具体内容如下用到的知识：js基础、dom、第一种方法用到的是js中的数组方法，第二种方法用到的是json和for-in以及es6实...
2020-05-27
Vue调用后端java接口的实例代码
前段时间 做了个学校的春萌项目，其中用到vue连接后端java接口。先上后端接口代码：package controller;import net.sf.json.JSONObject;import util.DBUtil;import javax.servl...
2020-05-27
vue设置一开始进入的页面教程
vue项目默认进入的页面是HelloWorld.vue现在我们创建一个页面Login.vue<template> <div>登录界面 </div></template><script type="text/ecmascript-6"> export default...
2020-05-27
vue实现设置载入动画和初始化页面动画效果
移动端页面载入时过长的白屏等待，总是让人心烦气躁不如，加个小动画吧原理很简单在index.html页面的body插入一个divcss里写入动画在app.vue里 created的时候 将这个div移除就o...
2020-05-27
详解vue中多个有顺序要求的异步操作处理
最近项目业务上有个需求，用户可以批量下订单，但每个订单都有一个保价费，手续费需要根据订单的价值由后台的模型算出来，然后下单的时候每个订单都需要带上这个保价费，所以其实在批...
2020-05-27
浅谈vue异步数据影响页面渲染
今天遇到一个问题，要保证页面渲染前请求的数据已经得到了由于user是在异步请求之后保存在session中，而在页面渲染时session中还没有user，页面直接报错。因此我希望能在所有请求...
2020-05-27
js实现贪吃蛇小游戏
本文实例为大家分享了js实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpor...
2020-05-27
VUE实现强制渲染,强制更新
列表渲染，以下数组操作方法可触发渲染push()pop()shift()unshift()splice()sort()reverse()当采用特殊方法操作数组后，导致无法更新数据到UI，此时可使用强制渲染，方法如下this.$...
2020-05-27
vue 解决异步数据更新问题
问题记录一下出现的问题, 数据翻倍这是复现问题的代码data() { return { space: "", allresult: [] }; }, methods: { getmessage() { this.allresult = []; axi...
2020-05-27
简单使用webpack打包文件的实现
没有安装node的同学请先安装node。安装
npm i -g webpack编写配置文件
假设我们有两个js文件需要打包，1.js和mode1.js，我们在1.js里面引入mode1.js模块
mode1.js 模块：export d...
2020-05-27
javascript实现简单打字游戏
本文实例为大家分享了javascript打字游戏的具体代码，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>传智...
2020-05-27
vue 强制组件重新渲染(重置)的两种方案
数据通过异步操作后，对之前刚加载的数据进行变更后，发现数据不能生效方案一当数据变更后,通过watch 监听，先去销毁当前的组件，然后再重现渲染。使用 v-if 可以解决这个问题<temp...
2020-05-27
vue + elementUI实现省市县三级联动的方法示例
本文介绍了vue + elementUI实现省市县三级联动的方法示例，分享给大家，具体如下： 1、首先需要准备省市县json文件，网上有很多可以下载。项目中使用的city.json数据是这样的格式：[...
2020-05-27
关于vue2强制刷新,解决页面不会重新渲染的问题
问题描述：在使用Vue框架开发时，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值；解决：运用 this.$forceUpdate(); //强制刷新，解决页面...
2020-05-27
