摘要: 本博文会分为两部分,第一部分为使用方式,第二部分为实现方式 安装方式 npm i drag-tree-table --save-dev 使用方式 import dragTreeTable from 'drag-tree-table' 模版写法 <dragTreeTable :data="treeDa 阅读全文
posted @ 2018-10-17 19:14 北风吹雪 阅读(32288) 评论(12) 推荐(8) 编辑
摘要: 在线DEMO z-index在日常开发中算是一个比较常用的样式,一般理解就是设置标签在z轴先后顺序,z-index值大的显示在最前面,小的则会被遮挡,是的,z-index的实际作用就是这样。 但是你真的了解z-index吗?你知道它有什么特性吗?这里先抛出几个名词:“层叠顺序(stacking or 阅读全文
posted @ 2016-04-27 23:43 北风吹雪 阅读(7547) 评论(33) 推荐(42) 编辑
摘要: 本文介绍一下Css伪类:is和:not,并解释一下is、not、matches、any之前的关系 :not The :not() CSS pseudo class represents elements that do not match a list of selectors. Since it 阅读全文
posted @ 2019-11-25 16:48 北风吹雪 阅读(4507) 评论(0) 推荐(2) 编辑
摘要: 此插件能干什么? 一句话概括:通过程序主动触发移动端 滑动 、 拖拽 、 触碰 等操作 插件有什么用呢? 可以用于爬虫,也可以用于自动化测试以及程序演示 "插件演示地址" (从网上扒了一个canvas绘图的demo,引入touchRobot,通过程序绘图) 注意,请在手机模式查看所有演示地址,插件仅 阅读全文
posted @ 2019-05-13 17:36 北风吹雪 阅读(685) 评论(0) 推荐(0) 编辑
摘要: 上面这张图大家都见过吧,哈哈 现在聊天时候少不了斗图,光发静图逼格略低了些,GIF在斗图中肯定略胜一筹,手绘动画生成GIF对大多数人来说要求搞了些,不过给某人拍个搞笑的短视频,再加点逗比文字,哈哈,从此你就走上的斗图高手之列,没人敢惹你,一言不合就斗图 网上搜一下视频制作表情包,也搜到了几个,但是不 阅读全文
posted @ 2019-01-17 15:58 北风吹雪 阅读(829) 评论(0) 推荐(0) 编辑
摘要: 之前用CSS3画了一条🐟,那还是一年前的事情了,这次我用一天的时间去研究了一下pixi.js,一个基于webgl的2D游戏引擎,然后用它做了一个demo出来,变态版大鱼吃小鱼。 这是一个h5游戏排名,我最看好pixi,刚开始也试过create.js,不过它不支持webgl,这是一个硬伤,然后又了解 阅读全文
posted @ 2017-04-11 10:57 北风吹雪 阅读(2657) 评论(3) 推荐(1) 编辑
摘要: 之前经常遇到这个问题,就是在用transition样式的时候经常不起作用,一个元素处于隐藏状态(display:none)时,通过添加一个class将元素显示出来,这样其实过度效果是不起作用的,懒做的我经常把这种动画效果去掉,今天产品强烈建议加上这个效果,无奈。我请教了一个同事,同事跟我说加一个de 阅读全文
posted @ 2016-11-28 17:20 北风吹雪 阅读(526) 评论(0) 推荐(1) 编辑
摘要: 块级元素默认是垂直排列的,而行内元素是水平排列的,而在布局时基本上都是用块级元素,如div等常用块级标签,那么如何让块级元素也进行水平排列呢?我有100种方式(准确说是100-94种)让元素水平排列,你知道几种呢? 第一种:display:inline-block 首先得先了解块级元素(block 阅读全文
posted @ 2016-05-27 09:00 北风吹雪 阅读(16748) 评论(0) 推荐(9) 编辑
摘要: 最近需要在微信企业号中挂接网页,之前也没有接触过微信开发,刚开始也不知道怎么调试,后来同事介绍使用“微信web开发者工具”,于是在网上下了一个,使用了一下的确很好用。它不仅支持Android和IOS同时还可以调试Hybrid APP应用,当然用谷歌的开发者工具也能调试Hybrid应用。 这里是官方下 阅读全文
posted @ 2016-05-18 08:40 北风吹雪 阅读(2134) 评论(0) 推荐(1) 编辑
摘要: 锚(Anchor)是什么? 之前我是这样认为的:锚是一个href="#id"或者“#name”这种a标签,主要用于页面内元素的快速定位,实现书签或者目录的功能。 后来我改变了对锚的看法,才识庐山真面目。 现在我对它的有了全新的认识:锚是一个anchor标签,即<a>标签。锚通过href属性可以链接到 阅读全文
posted @ 2016-05-10 08:23 北风吹雪 阅读(1295) 评论(4) 推荐(3) 编辑
摘要: 在线DEMO DOM事件流(event flow )存在三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。 事件捕获(event capturing):通俗的理解就是,当鼠标点击或者触发dom事件时,浏览器会从根节点开始由外到内进行事件传播,即点击了子元素,如果父元素通过事件捕获方式注册了对应的事 阅读全文
posted @ 2016-05-04 23:03 北风吹雪 阅读(33010) 评论(7) 推荐(43) 编辑