- 博客(14)
- 收藏
- 关注
RSS订阅
1原创 vue实现九宫格抽奖
九宫格结构模板jscss九宫格配置-nineConfig结构模板 <div class="nineSquare_wrap"> <div class="nine-box"> <template v-for="(nine,index) of nineConfig.nineSort"> <template v-if="nine.prizeRank == -1"> <div class=
2021-08-27 14:37:46
591
原创 JS递归实现DOM树状结构
数据结构<!-- 后台返回还有其它的内容，但是这里对于生成DOM结构没用上，而且过多，就没写 -->let data = { private:[ { childCategories:[ { childCategories: [ { childCategories: []
2020-10-15 15:22:17
1333
原创 VUE组件生成菜单树
树组件<template> <ul class="label-box"> <li class="label-item" v-for="(label,index) of list" :key="index"> <p class="label" :class="{open: currentId == label.id,allowopen: label.children.length>0}" @clic
2020-10-15 15:11:21
155
原创 拖拽解锁
预览HTML<div class="slider-box"> 拖动滑块验证 <div class="slider-mask" data-text="拖动滑块验证"> <div class="slider-ele" id="slider-ele"></div> </div></div>CSS.slider-box{ width: 300px; height: 40px; margin: 200px auto;
2020-06-05 18:02:04
245
原创 div 设置contenteditable 之后的placeholder效果
假设有个id为“editBox”的div，需求是1、其可编辑 --->对其设置contenteditable =“true”，即可；2、拥有类似input的“placeholder”效果 --->解决方案如下：// HTML：<div class="container"> <div class="bgholder">请输入内容...
2019-05-21 16:35:13
1947
原创 js拖动改变区域大小
先看效果：（拖动蓝色线可改变宽度或者高度）CSS：*{margin: 0;padding: 0;}body,html{width: 100%; height: 100%;background-color: #d2d0d0;}.line{position: absolute;background-color: rgba(0, 191, 255, 0.3);}.line[data-...
2019-05-21 15:15:01
816
原创 canvas水印
主要记录水印部分，如下：HTML和CSS就不写了JavaScript封装的部分：function time(split) { let date = new Date(); let year = date.getFullYear(); let month = date.getMonth() + 1; let day = date.getDate(); ...
2019-05-15 16:29:25
487
原创 搜索关键字的高亮效果
html:<div class="contaner"> <div class="search_box"> <input type="text" class="" placeholder="搜索" autofocus/> </div> <ul> <li>你好，在的呢！...
2019-05-13 17:23:24
464
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人