实战
关注
分享
扫一扫
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 · 420 阅读 · 0 评论 -
vue制作清单应用todoList
该项目为练手项目，学习vue后根据自己的理解进行设计。该项目运用到了localStorage进行数据存储，可长期保存用户数据。但是并没有加入定时提醒和设置过期时间。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vu原创 2018-10-09 14:31:15 · 1529 阅读 · 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 · 496 阅读 · 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 · 276 阅读 · 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 · 2443 阅读 · 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 · 446 阅读 · 1 评论 -
【前端图片缓存】通过img标签加载GIF只能播放一次问题
最近项目中要求再网页中插入一张gif图片，让用户每次到达该位置时动一次，所以我们就制作了一张只动一次的gif图片通过img标签引入。当用户进入该位置时，通过remove()清除图片然后重新append()进来，并没有效果。然后又尝试了attr()方法变化src的位置，都没有效果。这时候就想到是浏览器缓存的问题，图片进入浏览器就只加载一次，只能浏览器就会拿住图片缓存。这也是浏览器提高页面访问速度的一...原创 2018-09-02 11:04:34 · 27446 阅读 · 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 · 16253 阅读 · 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 · 34622 阅读 · 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 · 1458 阅读 · 0 评论 -
canvas鼠标绘图【新】
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>canvas鼠标绘图</title> <link rel="stylesheet" href="col原创 2018-10-12 00:07:35 · 1062 阅读 · 0 评论 -
鼠标选择控件制作
<!-- 快速选择 start--ion----> <div class="quickChoose"> <ul></ul> <div id="numberList"></div> </div><!-- 快速选择 end--ion----&am原创 2018-07-27 16:46:14 · 4497 阅读 · 0 评论