![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
实战
ionluo
1. 青青园中葵,朝露待日晞。少壮不努力,老大徒伤悲。
2. 手把青秧插满田,低头便见水中天。心地清净方为道,退步原来是向前。
3. 腐草为萤,耀采于月。净从秽出,明由晦生。
4. 老当益壮,宁移白首之心?穷且益坚,不坠青云之志。
展开
-
对于可点击元素的拖拽实现
<style> #running-mouse { position: fixed; left: 30px; bottom: 15%; z-index: 1000; cursor: pointer; }</style><div id="running-mouse">...原创 2020-03-05 14:02:56 · 368 阅读 · 0 评论 -
vue制作清单应用todoList
该项目为练手项目,学习vue后根据自己的理解进行设计。该项目运用到了localStorage进行数据存储,可长期保存用户数据。但是并没有加入定时提醒和设置过期时间。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vu原创 2018-10-09 14:31:15 · 1477 阅读 · 0 评论 -
格言生成
借用一言 API(https://hitokoto.cn/api)随机生成格言。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid原创 2019-01-20 16:45:24 · 441 阅读 · 0 评论 -
抽奖
固定人数抽奖function random(m, n) { return m + Math.floor(Math.random() * n);}function randomItem(arr, from = 0, to = arr.length) { const index = random(from, to); return { index, value: a...转载 2019-01-29 00:23:07 · 260 阅读 · 0 评论 -
客户关系图
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>人物关系图</title> <script src="http://echarts.baidu.com/vendors/jquery/jquery.js"></script&g...原创 2019-03-21 20:32:51 · 2340 阅读 · 0 评论 -
canvas鼠标绘图封装
封装成js和css文件:painter.js/** @Author: ion* @Date: 2018-10-12 00:43:22* @Last Modified by: ion* @Last Modified time: 2018-10-12 01:48:58*/var record =[];var $elBox; $(function(){ ...原创 2018-10-12 01:59:16 · 412 阅读 · 1 评论 -
【前端图片缓存】通过img标签加载GIF只能播放一次问题
最近项目中要求再网页中插入一张gif图片,让用户每次到达该位置时动一次,所以我们就制作了一张只动一次的gif图片通过img标签引入。当用户进入该位置时,通过remove()清除图片然后重新append()进来,并没有效果。然后又尝试了attr()方法变化src的位置,都没有效果。这时候就想到是浏览器缓存的问题,图片进入浏览器就只加载一次,只能浏览器就会拿住图片缓存。这也是浏览器提高页面访问速度的一...原创 2018-09-02 11:04:34 · 26932 阅读 · 1 评论 -
如何获取图片的信息(包括dpi) 【前端js 后台java window系统】
方法一:图片二进制(正在亲测,未得出结果)据说DPI信息在jpg文件中用5个字节表示,直接读取二进制流就可以了偏移 13 的1个字节:X和Y的密度单位units=0:无单位units=1:点数/英寸units=2:点数/厘米偏移15的2字节:水平方向像素密度偏移16的2字节:垂直方向像素密度然而用js读二进制太扯了。。。这得吃点内存的//PHP读取图片二进制...原创 2018-09-05 09:26:45 · 15865 阅读 · 5 评论 -
CSS遮罩效果(模糊效果,阴影效果,毛玻璃效果)
一般遮罩 background : #000;在body标签的最后加上div标签作为遮罩,如下:<div class="mask"></div>其css样式:.mask{ position:fixed; top : 0; left : 0; bottom : 0; right : 0; ...原创 2018-09-06 17:43:04 · 33369 阅读 · 0 评论 -
文本编辑器Java实现
import java.awt.*;import java.awt.event.*;import java.io.*;import javax.swing.*;import javax.swing.text.*; public class Text_editor extends JFrame { JTextPane textPane = new JTextPane(...原创 2018-09-26 15:04:16 · 1430 阅读 · 0 评论 -
canvas鼠标绘图【新】
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>canvas鼠标绘图</title> <link rel="stylesheet" href="col原创 2018-10-12 00:07:35 · 993 阅读 · 0 评论 -
鼠标选择控件制作
<!-- 快速选择 start--ion----> <div class="quickChoose"> <ul></ul> <div id="numberList"></div> </div><!-- 快速选择 end--ion----&am原创 2018-07-27 16:46:14 · 4469 阅读 · 0 评论