最新发布第2页
CSS图片处理技巧 - 捕风阁

CSS图片处理技巧

Object-fit : cover 这个属性可以让图片填充整个区域,同时保持高宽比例。这个技巧在处理个人资料图片时尤其有用。 Transform: scaleX(-1) / scaleY(-1) 使用transform: scaleX(-1)可以水平翻转...
osuu的头像 - 捕风阁osuu2年前
019113
jquery常用方法教程 - 捕风阁

jquery常用方法教程

相关jquery操作教程可以看这里的比较详细jquery效果方法 1.选择器 jQuery 参考手册 - 选择器 在写一个上面没有的,在表单里面用 $('[name=user]')  表单name值等于user的元素   2.常用循...
QQ官方相关API接口,直接调用QQ信息 - 捕风阁

QQ官方相关API接口,直接调用QQ信息

发起QQ会话: http://wpa.qq.com/msgrd?v=3&uin=QQ号码&site=qq&menu=yes tencent://Message/?uin=QQ号码 QQ头像: http://q2.qlogo.cn/headimg_dl?dst_uin=QQ号&spec=100 高清...
osuu的头像 - 捕风阁osuu5年前
71.4W+12
vue解决右键打开新的标签页,sessionStorage失效 - 捕风阁

vue解决右键打开新的标签页,sessionStorage失效

问题:项目使用sessionStorage存储已登录用户的token和用户信息,当右键新打开标签页时,sessionStorage为空,需重新登录。 需求:浏览器关闭时,清空用户所有登录信息,下次打开浏览器需重新登...
osuu的头像 - 捕风阁osuu4年前
0403512
vue打包性能优化核心方案 - 捕风阁

vue打包性能优化核心方案

打包不生成map文件 我们通常项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。打包生成的map文件的作用就在于,map就可以像未加密的代码一样...
osuu的头像 - 捕风阁osuu1年前
011712
11 个高级 Vue 编码技巧 - 捕风阁

11 个高级 Vue 编码技巧

1、限制微信内访问 var useragent = navigator.userAgent.toLowerCase(); // 判断获取到的标识,微信标识为164;浏览器的标识为-1(360浏览器/谷歌浏览器) if (useragent.indexOf('micromessen...
osuu的头像 - 捕风阁osuu3年前
034812
JS中-常用时间对象 - 捕风阁

JS中-常用时间对象

创建 //当前时间的时间对象 var time = new Date(); console.log(time); // Mon Sep 19 2022 10:12:46 GMT+0800 (中国标准时间) //指定时间的时间对象 var time2 = new Date('2022-1-9 19:53:34...
osuu的头像 - 捕风阁osuu2年前
111812
Linux磁盘空间占满解决方法 - 捕风阁

Linux磁盘空间占满解决方法

使用 查询整体磁盘使用情况 df -h df -h // 以下为执行后显示的部分示例 /dev/vda1 19G 12G 6.5G 64% / devtmpfs 487M 0 487M 0% /dev tmpfs 497M 0 497M 0% /dev/shm tmpfs 497M 57M 441M 12% ...
osuu的头像 - 捕风阁osuu3年前
039512
vue变量赋值后双向绑定解决办法 - 捕风阁

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

如: this.list = this.list2, 结果在list改变后 list2也改变,这不是我们想要的效果 第一种:利用 JSON.parse 和 JSON.stringify this.list= JSON.parse( JSON.stringify(this.list2) ) 第二种...
osuu的头像 - 捕风阁osuu4年前
0141611
JS实现复制到剪贴板 - 捕风阁

JS实现复制到剪贴板

方法1 您可以使用 Clipboard api 创建“复制到剪贴板”功能: function copyToClipboard(text) { navigator.clipboard.writeText(text); } 方法2 复制文本框内容 <textarea cols='20' rows='...
JS判断是数组还是对象 - 捕风阁

JS判断是数组还是对象

let arr=['aaa','bbb','ccc] let obj={id:1} 1. Array.prototype.isPrototypeOf(arr) //true Array.prototype.isPrototypeOf(obj) //false 2. arr instanceof Array //true obj instanceof Arra...
osuu的头像 - 捕风阁osuu3年前
035211
JS/TS中常用方法技巧 - 捕风阁

JS/TS中常用方法技巧

滚动到页面顶部 我们可以使用 window.scrollTo() 平滑滚动到页面顶部。 const scrollToTop = () => { window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); }; 滚动到页面底部 当然,...
osuu的头像 - 捕风阁osuu2年前
127711
极客轻商城系统-个人发卡商城系统 - 捕风阁

极客轻商城系统-个人发卡商城系统

程序说明 基于ThinkPhp6.0+Vue 开发的一套轻发卡商城系统,是虚拟物品自动发货的不二选择,自带码支付系统,功能强大,简约而不简单 授权价格 原价98元/永久,限时五折促销仅49元/永久;永久更...
osuu的头像 - 捕风阁osuu3年前
4406611
最全VSCode 前端必备插件推荐 - 捕风阁

最全VSCode 前端必备插件推荐

Chinese 功能:vscode编辑器汉化包   open in browser 功能:在浏览器打开当前文件   Auto Rename Tag 功能:自动重命名成对的HTML标记(修改开始标签,结束标签会同步修改)   ...
osuu的头像 - 捕风阁osuu2年前
247311
elementUI图片上传前端及后端写法例子 - 捕风阁

elementUI图片上传前端及后端写法例子

说明 我们平时自己开发项目的时候会用到图片上传,这里就把之前写的一个例子整理一下,使用elementUI完成图片上传   后端写法 <?php /** * 图片上传接口 * @author 捕风阁 www.osuu.net...
osuu的头像 - 捕风阁osuu4年前
0616211
vue及脚手架 - 捕风阁

vue及脚手架

在非脚手架vue页面中页面加载时渲染的数据会闪烁,我们可以添加以下css来解决 [v-cloak] { display: none; }   脚手架开发时如何给每个页面设置标题呢? 下载安装依赖 npm install vue-wech...
osuu的头像 - 捕风阁osuu4年前
0137311
49个常用JavaScript方法封装 - 捕风阁

49个常用JavaScript方法封装

1、输入一个值,返回其数据类型** function type(para) {     return Object.prototype.toString.call(para) } 2、数组去重 function unique1(arr) {     return [...new Set(ar...
osuu的头像 - 捕风阁osuu3年前
063311
封装一个登陆cookie存取函数 - 捕风阁

封装一个登陆cookie存取函数

这个是我在用Vue脚手架的时候写的,JS可以稍微改一下 //设置cookie方法 setCookie(portId, psw, exdays) { // Encrypt,加密账号密码 var cipherPortId = CryptoJS.AES.encrypt( portId + '', '...