会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
木兮
Powered by
博客园
博客园
|
首页
|
新随笔
|
联系
|
订阅
|
管理
1
2
3
下一页
[置顶]
情人节,教大家使用css画出一朵玫瑰花。
摘要: 情人节到了,给大家来一朵高端的玫瑰花。 在网上看到的一个canvas实现的玫瑰花,效果很好,但是代码被压缩过,也没有注释,看的云里雾里的。 今天我教大脚用CSS来实现一朵玫瑰花。 先看效果 首先我们画出一个花瓣 1、画出一个长方形div,背景色设置成渐变色。 2、给四个角使用圆角,底部50%,顶部3
阅读全文
posted @ 2017-02-14 19:00 木兮
阅读(1583)
评论(3)
推荐(1)
编辑
2020年9月10日
js将list转化为tree格式的几种写法
摘要: 最近在考虑一个树状结构存储。 最终需要将list转化为tree格式 源数据示例 源数据共401条 [{ "menuId" : "5f50c5fb8f0d74536bbfb7a4", "menuName" : "菜单管理", "parentMenuId" : null }, { "menuId" :
阅读全文
posted @ 2020-09-10 17:58 木兮
阅读(2858)
评论(0)
推荐(0)
编辑
mongodb单集合关联查询parent字段内容
摘要: 最近在考虑一个树状结构存储。 使用的mongodb,同一张集合中,使用parentId来做关联。 查询的时候,希望将parent对应的name作为parentName返回回来。 集合内容示例 { "_id" : ObjectId("5f50c5fb8f0d74536bbfb7a4"), "name"
阅读全文
posted @ 2020-09-10 10:27 木兮
阅读(295)
评论(0)
推荐(0)
编辑
2020年9月4日
使用git hook 为commit message添加前缀
摘要: 为了更好的版本管理,小组内制定了commit message的固定格式: [系统变更号]_分支名_作者_COMMIT_MESSAGE 每次代码提交的时候,都需要将前缀部分复制过来。十分繁琐。 可以使用git hook来自动添加前缀 新增文件:【.git/hooks/commit-msg】 1 #!/
阅读全文
posted @ 2020-09-04 19:30 木兮
阅读(713)
评论(0)
推荐(0)
编辑
2020年5月13日
前端单页面应用缓存策略
摘要: 在当前常用的单页面页面开发中。会将生产包发布为:固定名称的html文件和带hash的js、css文件。 所以我们需要保证html必须每次都实时请求服务器,但是js和css文件可以强缓存在本地,减少请求加速显示。 nginx配置如下: /、/*.htm、/*.html文件配置协商缓存 **/*.js、
阅读全文
posted @ 2020-05-13 11:59 木兮
阅读(657)
评论(0)
推荐(0)
编辑
2020年4月29日
iview Form组件动态添加表单,并深层校验
摘要: 今天遇到了iview动态添加表单,并且深度验证表单的问题。功能如图: 科目可以动态新增,并且科目非空,成绩在0-100区间内。 html部分,v-for遍历form子属性scoreList。 内部FormItem prop规则为[子属性].[索引].[子属性] rules手动指定 ... <Tabl
阅读全文
posted @ 2020-04-29 10:55 木兮
阅读(5649)
评论(0)
推荐(0)
编辑
2020年4月28日
前端开发中常用图片格式
摘要: 在我们的日常开发中。必不可少会使用很多种图片。 我们需要根据业务场景来选择所使用的图片类型。 这里我整理了一些常用图片类型、他们的优缺点以及建议的使用场景。 如何在计算机中显示一张图片 我们使用的计算机都是以像素作为最小单位。 每一个像素在内存中需要使用 4 个字节,分别为 RGBA 1280*72
阅读全文
posted @ 2020-04-28 09:24 木兮
阅读(1812)
评论(0)
推荐(0)
编辑
2019年4月11日
CSS filter 模拟黑洞照片效果
摘要: 今天被世界上第一张黑洞照片刷屏。 一整天,哪里都是这张照片。看的多了。我就想用css做一个吧。 建议在chrome上查看。 访问地址:http://suohb.com/work/blankHole.html 点击访问 老规矩,先看效果: 完成这种效果,就需要对图像进行虚化、模糊。 刚好CSS有这个能
阅读全文
posted @ 2019-04-11 22:04 木兮
阅读(805)
评论(0)
推荐(0)
编辑
2019年2月20日
Vue插槽的另外一些特性
摘要: 之前有个项目,想判断一下,某一个模板内的插槽是否被使用。 不知道是不是问题过于简单,网上没有这方面的说明。我就抽时间验证一下vue插槽相关的一些功能。 然后写下这篇随笔,希望对后来人能有一些帮助。 简单代码如下: (组件) (插槽内容) (显示效果) 结果如下: 1、如何判断某个插槽是否被使用 组件
阅读全文
posted @ 2019-02-20 14:18 木兮
阅读(2912)
评论(0)
推荐(1)
编辑
2018年3月11日
canvas焰火特效
摘要: 之前在抖音上看到了一个很漂亮的焰火效果。这会儿有时间就用canvas实现了一下。 演示地址:http://suohb.com/work/firework4.htm 先看效果:(静态图片看不太出效果,请直接查看演示地址,考验电脑CPU的时候到了) 实现原理: 焰火特效运用到的物理知识就是抛物线运动。
阅读全文
posted @ 2018-03-11 15:43 木兮
阅读(506)
评论(0)
推荐(1)
编辑
2017年9月26日
CSS3微信启动页天王星版
摘要: 今天被微信启动页刷屏了。 一直还以为启动页背景显示的月球的。今天才了解到这么有含义。 我也蹭一下微信的热度,做一个HTML+CSS版本的。 用CSS画地球太困难了,来个简单点的,天王星版。 主要使用到css3的渐变,阴影,圆角等属性 演示地址: http://suohb.com/work/weixi
阅读全文
posted @ 2017-09-26 23:17 木兮
阅读(1210)
评论(0)
推荐(0)
编辑
1
2
3
下一页