会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
恶魔笔记
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
7
8
9
10
···
16
下一页
2020年5月6日
webpack4升级
摘要: 版本变化(loader) 配置变化——增加了module的配置项用来区分开发环境和正式环境 插件变化 https://segmentfault.com/a/1190000013420383
阅读全文
posted @ 2020-05-06 09:43 聂小恶
阅读(180)
评论(0)
推荐(0)
编辑
todo-list
摘要: Jokcy 项目架构图
阅读全文
posted @ 2020-05-06 09:30 聂小恶
阅读(122)
评论(0)
推荐(0)
编辑
2020年4月29日
webpack单独打包类库文件
摘要: https://www.imooc.com/video/16410学习视频 打包vue或其他第三方包 配置如下: const path = require('path'); const isDev = process.env.NODE_ENV 'development'; const HTMLPlu
阅读全文
posted @ 2020-04-29 16:10 聂小恶
阅读(769)
评论(1)
推荐(1)
编辑
2020年4月28日
webpack配置css单独分离打包
摘要: https://www.imooc.com/video/16409 学习视频,老师的版本和目前版本不一致,问题已解决,如下: .vue中的文件是和组件一起异步加载的 1 npm i extract-text-webpack-plugin (注意版本) 2webpack.config.js配置 con
阅读全文
posted @ 2020-04-28 18:14 聂小恶
阅读(1906)
评论(0)
推荐(0)
编辑
2020年4月27日
已完成效果: text-decoration:line-through
摘要: 有已完成效果,如下: 无已完成效果,如下: text-decoration——规定添加到文本的修饰
阅读全文
posted @ 2020-04-27 14:58 聂小恶
阅读(2806)
评论(0)
推荐(1)
编辑
2020年2月21日
vue动画的封装
摘要: <body> <div id="root"> <fade :show='show'> <h1>hello world</h1> </fade> <button @click='handleBtnClick'>tooggle</button> </div> <script> Vue.component
阅读全文
posted @ 2020-02-21 21:34 聂小恶
阅读(189)
评论(0)
推荐(0)
编辑
vue多个元素和多个组件过度
摘要: 多个元素过度 多个组件之间的过度动画需要配合动态组件来实现 通过handleClick来改变type,进行组件过度 列表的过度效果:transition-group https://blog.csdn.net/qmz18778391913/article/details/100065724 http
阅读全文
posted @ 2020-02-21 20:27 聂小恶
阅读(510)
评论(0)
推荐(0)
编辑
2020年2月20日
vue的JS动画——动画钩子
摘要: https://www.jianshu.com/p/55305c53de13 transition动画钩子初识: <div id="root"> <transition name='fade' @before-enter='handleBeforeEnter' @enter='handleEnter
阅读全文
posted @ 2020-02-20 22:42 聂小恶
阅读(485)
评论(0)
推荐(0)
编辑
animate和过度动画同时使用.html
摘要: 1将animate和过度动画的类名添加到transition对应的类上 2appear 设置初始样式(页面刷新样式)appear-active-class 3type设置动画时间依据类型(transition或animate) 4可以通过:duration来设置动画时间,补充3 <style> .f
阅读全文
posted @ 2020-02-20 12:44 聂小恶
阅读(516)
评论(0)
推荐(0)
编辑
2020年2月19日
@keyframes动画和animate.css
摘要: <style> @keyframes bounce-in { 0%{ transform: scale(0); } 50%{ transform: scale(1.5); } 100%{ transform: scale(1); } } .fade-enter-active{ transform-o
阅读全文
posted @ 2020-02-19 20:47 聂小恶
阅读(602)
评论(0)
推荐(1)
编辑
上一页
1
2
3
4
5
6
7
8
9
10
···
16
下一页
公告