- 博客(10)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 layui 内置方法layer.msg（提示框）
//eg1layer.msg('只想弱弱提示');//eg2layer.msg('有表情地提示', {icon: 6}); //eg3layer.msg('关闭后想做些什么', function(){ //do something}); //eg4layer.msg('同上', { icon: 1, time: 2000 //2秒关闭（如果不配置，默认是3秒）}, f...
2020-01-20 09:50:02
3356
转载 layer.photos 相册（图片查看器）实现缩放
2019年4月12日 layer版本 layer-v3.1.1layer.photos 方法在使用过程中发现没有通过鼠标中键（滚轴）实现图片缩放功，故通过搜索引擎找到如下方法需要引用 jquery$(document).on("mousewheel DOMMouseScroll", ".layui-layer-phimg img", function (e) { var del...
2020-01-20 09:48:13
1641
转载 rem 自适应屏幕解决方案
1.使用的长度单位rem、vwrem这个单位代表根元素的 font-size大小（一般来说是html元素的font-size）。当用在根元素的font-size上面时 ，它代表了它的初始值。vw1vw就是屏幕宽度的百分之一，窗口放大或缩小1vw的值也会变化。2.使用方法假设UI设计稿的宽度是1920px，html的font-size想要设置为20px，设以rem为单位font-size...
2020-01-20 09:41:48
590
转载 iview Tooltip换行及渲染
需求：关于iview上的文字提示及气泡提示都是没有换行的，如果我们要换行必须自己设置，但是你直接在Tooltip上设置它的style为whit-spce=‘normal’是不能生效的，官方是提供了一种换行方式，但是并没有很详细的解答官方解决方案：注意 Tooltip 内的文本使用了 white-space: nowrap;，即不自动换行，如需展示很多内容并自动换行时，建议给内容 slot 增...
2020-01-20 09:36:31
1653
原创 vue 引入字体文件
1. 下载字体文件所需的.ttf文件并引入：2.在font.css文件，将下载好的字体文件的路径引入：@font-face { font-family: 'PMZD'; src: url('PMZD.ttf'); font-weight: normal; font-style: normal; }3.在要使用的style里面引入font....
2020-01-20 09:27:50
456
1
原创 vue+iview+less 实现一键换肤
1. 准备两个less文件：1.1 theme.less 用于定义控制样式的函数.theme( @Background: #1D2B40, @Border: #000017,){ .header{ background: @Background; border-bottom: 1px solid @Border; }}2.2 colo...
2020-01-19 17:48:31
1449
原创 JS 中call()和apply()以及bind()的用法与区别
一、方法定义：apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。上面的定义看一遍是很懵的，不过自己遍写例子遍反复读的时候，会有种拨开云雾的感觉。call 与 ap...
2020-01-15 15:24:27
180
转载 canvas 网站背景鼠标吸附线条动画
完整代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script>! function() { funct...
2020-01-15 14:09:35
489
原创 canvas 鼠标绘制多边形，可自动吸附闭合
完整代码：（记得引入jQuery）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas绘制多边形</title> <script src="jQuery.js"></script>...
2020-01-15 10:19:34
4248
13
原创 canvas 制作动效线条背景（可与鼠标交互）
完整代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><canvas id="canvas"></canvas&g...
2020-01-15 10:12:23
1046
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人