自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 vue学习 - vue-cli生成项目问题整理(Vue3 + vue-cli4 + vite)

vue学习 - vue-cli生成项目问题整理(Vue3 + vue-cli4 + vite)

2023-03-03 15:32:59 150

原创 PhpStorm配置Vue

配置phpstorm下Vue配置

2023-02-15 12:24:21 511

原创 weui获取checkbox选中值 带GIF效果演示

<div class="weui-cells weui-cells_checkbox"> <label class="weui-cell weui-check__label" for="s11044"> <div class="weui-cell__hd"> <input type="checkbox" class="weui-check" name="users" id="s11044" value="11044" onc.

2021-03-29 18:43:51 527

原创 微信小程序object取值

wxml<!--pages/active/active.wxml--><form> <view class='cu-list menu sm-border card-menu margin-top-lg'> <view class="cu-form-group"> <view class="title">设备ID</view> <input placeholder="" value="{.

2020-12-22 20:13:06 1428

原创 微信小程序 数据请求分页显示

wxml<view class='margin-left-lg margin-right-lg margin-top-sm margin-bottom-sm paddimg-xl bg-white radius-df padding' wx:for="{{record}}" wx:key='key'> <view class='flex justify-between align-center border-bottom padding-bottom-sm'> &l.

2020-12-17 20:11:31 405

原创 扫码进入微信小程序使用WIFI进行UDP通信发送消息

项目前提:液晶屏不可操作无网络但是有热点,需要通过扫液晶屏上的二维码进入微信小程序配置连接WIFI业务逻辑:手机扫码进入微信小程序,登录页面输入登录密码进入配置WIFI页面,配置WIFI页面输入当前手机连接的 WIFI密码,点击‘点击配网’按钮连接液晶屏热点,并通过UDP把刚才连接的WIFI的SSID和密码发送到指定端口,液晶屏接收到SSID和密码连接到指定WIFI完成配网登录页面wxml<input type="text" placeholder="请输入登录密码" class='firs

2020-10-22 18:39:38 1693

原创 微信小程序获取WIFI列表可手动输入密码连接

HTML<view wx:for="{{wifiList}}" wx:key="index" wx:if="{{item.frequency > 5000 ? false : true}}"> <view class='wifilist' bindtap="itemClick" id="{{index}}" data-ssid="{{item.SSID}}" data-index="{{index}}"> <view class="listleft"&g.

2020-10-20 09:42:06 1196 4

原创 动画进度条

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-

2020-08-19 15:20:47 149

原创 Layer 简单改造封装

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-

2020-08-19 14:59:49 309

原创 JQ循环创建标签div

HTML<div class="morediv"></div><button>创建div</button>JS(未添加ID)$('button').on('click',function(){ console.log(1) var div = ''; for( var i = 1;i <= 10; i++){ div += "<div>第" + i +"個</div>".

2020-08-19 14:46:06 2453

原创 weui.io常规选择器改时间选择器(picker)

html<div class="weui-cells"> <div class="weui-cell weui-cell_access weui-cell_example"> <div class="weui-cell__hd"> <label class="weui-label">开机时间</label> </div> <div class=".

2020-07-13 10:28:17 655

原创 安装浏览器同步刷新Browsersync+ NodeJs 安装

Browsersync需要依赖Node环境,所以这里我们需要先安装NodeJs1.NodeJs安装NodeJs安装成功,下面是完整安装NodeJs目录,但是我们仍需验证一些配置文件。Win+R 输入cmd验证环境变量,如果能看到安装的nodejs的路径,表示path环境变量设置ok!echo %path%验证NodeJs版本node -v验证NPM版本npm...

2020-01-07 12:37:47 292

原创 安装Sass(Scss)+PHPstorm中搭建环境

1.下载ruby 安装 安装版本 2.7 > ruby version ≥ 2.2 否则无法安装Sass因为sass依赖于ruby环境,所以装sass之前先确认装了ruby在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境2.命令行安装Sass -> ...

2020-01-06 18:41:24 390

原创 多个excel文档合并成一个文档文件

使用方法:1.同一个路径下新建一个excel2.开发工具 -> 查看代码 -> 点击sheet1 -> 输入下面的代码 -> F5 运行3.合并成功*.xls合并Sub 合并当前目录下所有工作簿的全部工作表()Dim MyPath, MyName, AWbNameDim Wb As Workbook, WbN As StringDim G As L...

2020-01-04 12:15:46 560

原创 layui时间选择器闪退问题解决办法

解决办法:加入trigger: ‘click’,laydate.render({ elem: '#datetime', type: 'date', trigger: 'click', //加入 });laydate.render({ elem: '#datetime', type: 'dat...

2019-12-26 13:18:25 516 1

原创 layuiAdmin 与 PHP混编时出现的弹窗问题

正常情况下使用layui的弹窗不会出现问题,实际运用中如下部分代码使用了PHP而导致弹窗出现问题<script type="text/html" id="table-content-list"> <a class="layui-btn layui-btn-normal layui-btn-xs" onmouseover="demo(this)" lay-event="bo...

2019-12-06 13:30:32 181

原创 弹出分享遮罩层

效果:代码:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-sc...

2019-11-26 15:19:36 272

原创 进度条

PC端进度条<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxim...

2019-11-21 15:54:33 110

原创 动画菜单栏指示器

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxi...

2019-11-21 15:42:24 169 1

原创 js转换rem单位适配手机端

(function(){ function w() { var r = document.documentElement; var a = r.getBoundingClientRect().width; if (a > 750 ){ a = 750; } //750/w = 10...

2019-11-21 15:14:13 310

原创 jQuery鼠标悬停导航底部动画效果

<!doctype html><html><head> <meta charset="utf-8"> <title>jQuery鼠标悬停导航底部动画效果</title> <style> *{ margin:0; paddin...

2019-11-21 14:45:35 171

原创 layui图标使用和自定义矢量库图标

layui图标:layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(iconfont)使用方法:通过对一个内联元素(一般推荐用 i标签)设定 class=“layui-icon”,来定义一个图标,然后对元素加上图标对应的 font-class(注意:layui 2.3.0 之前只支持采用 unicode 字符),即可显示出你想要的图标。内置图标的class查阅图标文档...

2019-11-21 13:23:30 2561

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除