LightPicture - 精致图床系统 - 捕风阁置顶

LightPicture – 精致图床系统

简介 一套轻量级企业团队图片资源管理系统、图床系统 2021年底,苦于创作时没有一款方便快捷且适合需求的图床,在自己折腾下开发了LightPicture,本系统遵循GPL 3.0开源许可 如果您认可我的作品...
osuu的头像 - 捕风阁osuu3年前
239747534
css一些常用属性 - 捕风阁置顶

css一些常用属性

1.鼠标样式  cursor cursor:pointer; /* 光标为一只手 */ cursor:crosshair; /* 光标为十字架 */ cursor:help; /* 帮助 */ cursor:wait; /* 沙漏 */ 其他请参考手册cursor 2.轮廓线  outline ...
osuu的头像 - 捕风阁osuu5年前
330446
css文字超出滚动效果 - 捕风阁

css文字超出滚动效果

css文字不超出不滚动,超出盒子后显示走马灯效果 <div class='marquee'> <div class='marquee-wrap'> <div class='marquee-content '> 这个是非超长数据 </div> </d...
osuu的头像 - 捕风阁osuu3年前
053214
CSS图片处理技巧 - 捕风阁

CSS图片处理技巧

Object-fit : cover 这个属性可以让图片填充整个区域,同时保持高宽比例。这个技巧在处理个人资料图片时尤其有用。 Transform: scaleX(-1) / scaleY(-1) 使用transform: scaleX(-1)可以水平翻转...
osuu的头像 - 捕风阁osuu3年前
023813
网站爱心飘落特效js - 捕风阁

网站爱心飘落特效js

调用方法: <script type='text/javascript' src='路径/aixin/snow.js'</script></script> <script>createSnow('路径/aixin/', 60);</script> 1.将js文件下载后解压...
osuu的头像 - 捕风阁osuu6年前
02.1W+3
JavaScript 数组操作技巧 - 捕风阁

JavaScript 数组操作技巧

1、在边缘添加一个元素 让我们从简单的开始。它利用扩展语法来精美地传达其在末尾附加元素的意图。 const elements = [1, 2, 3, 4]; const appendedElements = [...elements, 5]; // [1, 2, 3, ...
JS实现复制到剪贴板 - 捕风阁

JS实现复制到剪贴板

方法1 您可以使用 Clipboard api 创建“复制到剪贴板”功能: function copyToClipboard(text) { navigator.clipboard.writeText(text); } 方法2 复制文本框内容 <textarea cols='20' rows='...
php操作mysql及防注入基础 - 捕风阁

php操作mysql及防注入基础

最近写接口过程中需要用到php和mysql,使用过程中发现了一般的操作方法有sql注入风险,后来使用了PDO,PDO是什么呢? PHP 数据对象 (PDO) 扩展为PHP访问数据库定义了一个轻量级的一致接口。 P...
osuu的头像 - 捕风阁osuu5年前
011477
49个常用JavaScript方法封装 - 捕风阁

49个常用JavaScript方法封装

1、输入一个值,返回其数据类型** function type(para) {     return Object.prototype.toString.call(para) } 2、数组去重 function unique1(arr) {     return [...new Set(ar...
osuu的头像 - 捕风阁osuu4年前
066811
JS/TS中常用方法技巧 - 捕风阁

JS/TS中常用方法技巧

滚动到页面顶部 我们可以使用 window.scrollTo() 平滑滚动到页面顶部。 const scrollToTop = () => { window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); }; 滚动到页面底部 当然,...
osuu的头像 - 捕风阁osuu3年前
136911
Let的应用场景 - 捕风阁

Let的应用场景

let的应用场景 因为闭包的存在,会给我们的应用中带来一些不必要的麻烦。比如下面的例子: <body>   <input type='button' value='按钮1'>   <input type='button' value='按...
网站实用特效-javascript - 捕风阁

网站实用特效-javascript

第一款: 网站焦点监控 <script> var OriginTitile = document.title, titleTime; document.addEventListener('visibilitychange', function() { if (document.hidden) { $; document.tit...
网站鼠标点击烟花特效js - 捕风阁

网站鼠标点击烟花特效js

<script type='text/javascript' src='路径/meme.js'></script> <canvas class='fireworks' style='position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;'>&l...
vue变量赋值后双向绑定解决办法 - 捕风阁

vue变量赋值后双向绑定解决办法

如: this.list = this.list2, 结果在list改变后 list2也改变,这不是我们想要的效果 第一种:利用 JSON.parse 和 JSON.stringify this.list= JSON.parse( JSON.stringify(this.list2) ) 第二种...
osuu的头像 - 捕风阁osuu5年前
0143711
Linux解压与删除文件命令 - 捕风阁

Linux解压与删除文件命令

解压: 上传压缩文件后执行命令 cd /文件所在文件夹 unzip 压缩包名 例如: cd /var/www/html unzip abc.zip   压缩: cd /需压缩文件所在文件夹 zip abc.zip abc 创建一个   删除: ...
osuu的头像 - 捕风阁osuu6年前
022451
前端常用的一些网站 - 捕风阁

前端常用的一些网站

部分网站已经在这篇文章里写了Node知识点笔记 百度地图开放平台 http://lbsyun.baidu.com/ 3.0版本 http://lbsyun.baidu.com/index.php?title=jspopular3.0 d3官网 https://d3js.org/ d3.js中文...
浅谈vue2和vue3的区别 - 捕风阁

浅谈vue2和vue3的区别

vue3新特性 速度更快 体积更小 更容易维护 更接近原生 更容易使用 相比Vue2,Vue3整体体积变小了,除了移出一些不常用的API,再重要的是Tree shanking 任何一个函数,如ref、reavtived、compute...
osuu的头像 - 捕风阁osuu3年前
0110415
封装vue组件发布到npm(详细步骤) - 捕风阁

封装vue组件发布到npm(详细步骤)

准备工作 1.注册npm账号:https://www.npmjs.com/ 2.保证当前环境下安装了 vue、webpack、node 创建组件项目 // 完整配置模板 vue init webpack 项目名称 // 更简洁的webapck配置模板 vue init...
osuu的头像 - 捕风阁osuu3年前
066410
PHP 获取ip地址代码汇总 - 捕风阁

PHP 获取ip地址代码汇总

本文给大家汇总介绍了6种php获取IP的方法,有简单有复杂,大家根据自己的项目需求,自由选择吧。 代码1: function getip() { static $ip = ''; $ip = $_SERVER['REMOTE_ADDR']; if(isset($_SER...
osuu的头像 - 捕风阁osuu6年前
015990
实用的网站自动跳转代码 - 捕风阁

实用的网站自动跳转代码

1.HTML方式(可隐藏跳转后网址) <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <title>捕风阁</title> <frameset ...