技术博客 DRF框架下的图片（文件）上传 1、最终效果 2、图片上传 ? alpha阶段实现了拥有题目和正文字段的意见反馈功能，为了更好的让用户反馈bug,beta阶段新增了图片上传功能。 ? 最终效果的实现难点主要在图片上传上，一开始觉得只是在原有的comments app中添加ImageFiel ...
分类：
Web程序 时间：
2020-05-15 00:15:09
阅读次数：
320
前端的代码如下 <div class="col-sm-9"> <input type="hidden" name="checkpic" id="checkpic" value="/data/upload/2017-03-31/58de2a48105a1.jpg"> <input type="hidd ...
一、功能模块 先看下现在做完的效果： 线上体验：https://wj704.github.io/five_...主要功能模块为：1.人机对战功能2.悔棋功能3.撤销悔棋功能 二、代码详解 2.1 人机对战功能实现 从效果图可以看到，棋盘的横竖可以放的位置为15*15，通过canvas画棋盘： //绘 ...
分类：
Web程序 时间：
2020-05-13 20:36:28
阅读次数：
81
技术栈：后端nodejs，前端jquery+d3+svg；实现的目标: 可视化分析js模块之间的依赖关系， 以及手动修改的功能。从项目构思，到第一个版本正式发布，经历了大约两个月时间。这苦逼的两个月，我的头发不知道掉了多少，心酸啊。先来一张效果图,犒劳一下自己（窃喜）： 作为UI的我，有什么好怕的， ...
分类：
其他好文 时间：
2020-05-13 12:08:22
阅读次数：
61
学习《Tkinter GUI Programming By Example》时，发现了语法高亮编辑器和聊天程序还不错。语法高亮编辑器如下，聊天程序可在下载中获取。 1. 效果图 2. 代码 import os, sys CurrDir = os.path.dirname(__file__) sys. ...
分类：
其他好文 时间：
2020-05-12 11:52:51
阅读次数：
81
先来说说渐变吧 background: linear-gradient(#fb3 20%, #58a 80%); 效果图如下所示：也就是说真正的渐变只出现在容器 60%（从20%到80%） 的高度区域 如果把两个色标合在一起，会怎样呢w3c是这样规定的“如果多个色标具有相同的位置， 它们会产生一个无 ...
分类：
Web程序 时间：
2020-05-10 19:27:00
阅读次数：
84
现在我们要实现一个边框内圆角的效果，效果图如下所示： 第一反应肯定是用两个标签来实现，但是如果只用一层标签的话，可以实现么我们首次的构想可能是这样子的 div { outline: .6em solid green; max-width: 10em; border-radius: .8em; pad ...
分类：
Web程序 时间：
2020-05-10 19:25:38
阅读次数：
71
spacetree组织架构图 说明 jquery插件皆可用于react,使用方法:react中使用jquery插件 效果图 定制化内容的效果图 插件说明 很好的canvas的组织架构图，从上到下按层级展示汇报关系, 支持定制化内容，和异步加载子节点(下面会讲到)。 相关api请参考： 官网 或是ex ...
分类：
其他好文 时间：
2020-05-10 15:25:23
阅读次数：
160
QML文字灰飞烟灭效果 1，目的 实现文字化作一缕青烟随风而逝的效果。 2，设计分析 在前面的章节中讲述了如何化作光斑碎片逐渐消失的效果，我们可以借鉴它将光斑换成烟雾，再加入端流产生微风浮动，加上字幕的减淡消失，最终组合成文字化作一缕青烟随风而逝的效果。 3，设计内容 我们先来看看效果 图1 首先创 ...
分类：
其他好文 时间：
2020-05-10 12:57:14
阅读次数：
81
1，目标及展示 首先希望实现文字、图片、控件等在触发后，呈现飘散并消失的效果。在QT例程《Qt Quick Particles Examples》是一个海星点击鼠标后呈现打散的效果，这个效果和最终需要的略有不同，所以我们在它的基础上再加上我需要的一些元素，最终实现如下效果。 图1（gif） 图6 2 ...
分类：
其他好文 时间：
2020-05-09 23:38:05
阅读次数：
81
