designpatternsgame
友谊绝对不会忍受长期和频繁的忠告。——罗伯特·林德 分享一个学习设计模式的网站 https://designpatternsgame.com/ 其对应的源码仓库:https://github.com/zoltantothcom/Design-Patterns-JavaScript 相当的哇塞
log-viewer
心平气和则能言——朱熹 https://github.com/FEMessage/log-viewer 分享一个前端日志库 其提供了中文文档 https://github.com/FEMessage/log-viewer/blob/dev/README-zh.md
psd.js
唯有在回敬污蔑和诽谤的时候,沉默才显得如此有力——艾迪生 分享一个js库,能操作psd文件 https://github.com/meltingice/psd.js 代码例子: NodeJS Example12345678910111213var PSD = require('psd');var psd = PSD.fromFile("path/to/file.psd");psd.parse();console.log(psd.tree().export());console.log(psd.tree().childrenAtPath('A/B/C')[0].export());// You can also use promises syntax for opening and parsingPSD.open("path/to/file.psd").then(function (psd) { return psd.image.saveAsPng('./output.pn...
js as关键字
统治别人,一定要为别人谋幸福。——莫泊桑 分享一个在export以及 import使用的 as关键字 https://es6.ruanyifeng.com/#docs/module#export-%E5%91%BD%E4%BB%A4 https://es6.ruanyifeng.com/#docs/module#import-%E5%91%BD%E4%BB%A4 这里就不多多赘述简单使用,介绍一个特别的场景: 例如这里有一个js文件 123export function myFunc()export function yourFunc() 针对这个js文件export的两个方法,由于没有export default 因此不能使用 1import MyJs from 'my.js' 而是只能使用 1import { myFunc, yourFunc } from 'my.js' 但是通过as关键字,则可以 1import * as MyJs from 'my.js' 然后就可以使用Myjs....
image-conversion
失之毫厘,差之千里。——佚名 分享一个js图像库: https://github.com/WangYuLue/image-conversion Install12345npm i image-conversion --save# or yarn add image-conversion Include the libraryin browser: 1<script src="https://cdn.jsdelivr.net/gh/WangYuLue/image-conversion/build/conversion.js"></script> in CommonJS: 1const imageConversion = require("image-conversion"); in ES6: 1import * as imageConversion from 'image-conversion'; or 1import {compress, compressAccurat...
加唯一索引时候发现已有重复数据删除
说话随便的人,便是没有责任心。——哈代 sql如下 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677-- 查询重复数据idSELECT GROUP_CONCAT( id SEPARATOR ',' )FROM `my_table` GROUP BY `user_id`, `depart_id`, `position_id` HAVING COUNT(*) > 1 AND `user_id` IS NOT NULL AND `depart_id` IS NOT NULL AND `position_id` IS NOT NULL;-- 查询需要删除掉的重复数据SELECT t1.`id`, t1.`user_id`, t1.`depart_id`, t1.`position_id`, t1.`gmt_create...
js获取当前浏览器是否采用深色主题
荣誉在于劳动的双手。——达芬奇 代码如下: 1window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches 对应的mdn: https://developer.mozilla.org/zh-CN/docs/Web/API/Window/matchMedia
将图片转换为像素风svg
千秋青史难欺。——张廷玉 链接:https://codepen.io/rodzyk/pen/dyjzExz 效果如下: 需要下载对应的svg也很简单 复制出来,再粘贴到本地新建xxx.svg文件内即可
java图片切片
女人绝不会被奉承解除武装,而男人大都会陷落。——王尔德 可以使用hutool的ImgUtil.slice 1ImgUtil.slice(FileUtil.file("d:/test/logo.jpg"), FileUtil.file("d:/test/dest"), 200, 150); 123456789 /** * 图像切片(指定切片的宽度和高度) * * @param srcImageFile 源图像 * @param descDir 切片目标文件夹 * @param destWidth 目标切片宽度。默认200 * @param destHeight 目标切片高度。默认150 */public static void slice(final File srcImageFile, final File descDir, final int destWidth, final int destHeight) 而且除了指定宽度和高度的,还可以使用: 12345678910/** * 图像切割(指定切片的行数和列数...
input+type=file同时支持文件和文件夹
1没有知识的旅游者是一只没有翅膀的鸟。——萨阿迪 使用的dropzone库,你可以将任意类型的文件拖拽进去上传,如果是目录,则会获取目录内的文件 https://github.com/dropzone/dropzone 代码如下: 1234567891011121314151617181920<link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css"/><script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script><div class="my-dropzone dz-clickable" style=" display: block; width: 100px; heigh...
