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

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

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:23
  • 阅读 ( 259 )

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

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

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:22
  • 阅读 ( 250 )

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

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

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:20
  • 阅读 ( 242 )

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

table.render({ elem: '#check-data-list' , height: 480 , title: '监测任务列表信息' , limit: Number.MAX_VALUE // 数据表格默认全部显示 , cols: [[ {field: 'id', titl...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:18
  • 阅读 ( 250 )

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

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

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:17
  • 阅读 ( 256 )

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

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

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:17
  • 阅读 ( 233 )

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

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

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:16
  • 阅读 ( 252 )

原生js与jQuery的屏幕大小改变事件的写法

下面为原生JS的写法: window.onresize = function() { console.log('js') } 下面为原生JS的写法:不要忘记引入jQuery哦 $(window).resize(function() { console.log('jq') });

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 09:39
  • 阅读 ( 498 )

echarts折线图给数据加单位

主要位以下代码,其中{b0} {a0} {c0}代表不同的变量(echarts内自带的),br为换行的意思,不需要的变量可以自行删除。 tooltip: { trigger: 'axis', //在这里设置单位 form...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 09:31
  • 阅读 ( 261 )

屏幕大小改变时echarts图表自动重新渲染

其实也很简单,下面有实例,直接粘贴就可以用,主要原理是屏幕大小改变的事件内写了一下下代码 window.onresize = function() { myChart.resize(); } 完整示例: <!DOCTYPE html&gt...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 09:22
  • 阅读 ( 303 )

Bootstrap简单布局

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boo...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 09:07
  • 阅读 ( 334 )

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

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

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-13 14:59
  • 阅读 ( 281 )

javascript(基于jQuery)实现鼠标获取选中的文字示例

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

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-13 14:58
  • 阅读 ( 281 )

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

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

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-13 14:29
  • 阅读 ( 266 )

Layui数据表格之单元格编辑方式

开发工具与关键技术:VS、layui数据表格之单元格编辑 layui是我们常用的一个插件,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,其中有很多模快,而每...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-13 14:28
  • 阅读 ( 323 )

LayUi数据表格自定义赋值方式

官方写的非常抽象,反正我是没看懂,可能还没到能看懂前端的级别 自己也是百度的 一开始想去实现一个 用的是 定义表头参数: {field: 'status', title: '状态', width: 150, templet:'#man...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-13 14:28
  • 阅读 ( 265 )

使用 JavaScript 创建并下载文件(模拟点击)

先上代码 /** * 创建并下载文件 * @param {String} fileName 文件名 * @param {String} content 文件内容 */ function createAndDownloadFile(fileName, content) { var aTag = document....

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-13 14:09
  • 阅读 ( 236 )

js前端如何写一个精确的倒计时代码

关于写倒计时大家可能都都比较熟悉,使用 setTimeout 或 setInterval 就可以搞定。几秒钟或者几分钟的倒计时这样写没有问题,但是如果是长时间的倒计时,这样写就会不准确。如果用户修改了他的...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-13 14:07
  • 阅读 ( 247 )

详解如何在Vue项目中发送jsonp请求

起因 公司临时要支撑河南的一个项目,做一个单点登录的功能。 简单来说,就是以下3步 客户方点击某个按钮进入我们的页面a 在页面a中由前端发送一个jsonp请求到客户方,得到一个token值 前...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-13 14:05
  • 阅读 ( 263 )

vue指令v-html使用过滤器filters功能实例

问题 2.0 filters only work in mustache tags and v-bind. Vue2.0 不再支持在 v-html 中使用过滤器,比如在 1.0 中是这样使用的: {{{ option.title | highlight }}} 然而,现在不能使用了...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-13 14:04
  • 阅读 ( 286 )