EasyUI自定义tree图标的两种方法

EasyUI的图标更改方法有两种,第一种是只用css即可,第二种需要绑定类名,下面有实例,其实很简单,如果实例不能用可能是因为引入的cdn链接不通,官方cdn经常抽风,记得将图标图片路径换掉哦。...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-19 15:31
  • 阅读 ( 646 )

JS实现简单tab选项卡切换

本文实例为大家分享了JS实现简单tab选项卡切换的具体代码,供大家参考,具体内容如下 本人在上一篇文章也写了用JS来实现tab选项卡切换效果,但是上次的那个代码比较复杂,这次是简化版的。 &l...

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

js实现固定区域内的不重叠随机圆

本文实例为大家分享了js实现固定区域内的不重叠随机圆,供大家参考,具体内容如下 关键词:js、固定区域、不重叠、随机圆,半径固定、半径随机 最近公司有一个需求就是在一个固定的区域(500X...

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

js实现随机div颜色位置 类似满天星效果

本文实例为大家分享了js实现随机div颜色位置的具体代码,供大家参考,具体内容如下 效果如下: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset...

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

JS实现简单随机3D骰子

代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt...

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

JS合并两个数组的3种方法详解

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 15:03
  • 阅读 ( 638 )

js实现GIF动图分解成多帧图片上传

在项目中遇到需要支持上传gif图片,并把其分解的帧图片一次展示给用户。话不多说直接上代码 分解gif图片需要使用libgif-js这个库! 1. 引入Git库 import SuperGif from './libgif.js' 2. 分...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 15:02
  • 阅读 ( 608 )

js实现简单掷骰子效果

思路: 点击按钮之后,将原本静态的骰子图片替换为一个动态转动的gif图片;创建定时器,实现随机时间之后,动态的图片随机替换为1~6点图片的任意一张图片。 1至6.png也就是1.png是1点的筛子,...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 15:01
  • 阅读 ( 614 )

jquery实现掷骰子小游戏

本篇给大家分享一个很好玩的掷骰子游戏,当点击“掷筛子”按钮时张三和李四两人同时掷出筛子,在各自的文本框中会显示出各自掷出筛子的大小,并且会在第三个文本框中比较出两人点数的大小,并显示...

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

JS控制GIF图片的停止与显示

在掷骰子游戏中,通过需要控制骰子的转动以及转动结果的显示,骰子的转动可以用GIF动图来实现,每次投掷骰子的结果可以通过点击按钮显示静态图片。代码如下: <!DOCTYPE html> <html&...

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

js实现圆形时钟案例

本文实例为大家分享了js圆形时钟效果的具体代码,供大家参考,具体内容如下 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>时钟&...

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

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

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

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

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

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

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

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

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

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

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

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

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

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> win...

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

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

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

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

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

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

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

vue 全局环境切换问题

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

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

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

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

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