笔记共54篇 第2页
JS返回上一页 - 捕风阁

JS返回上一页

window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是:window.history.back();location.reload(); window.location.go(-1); //刷新上一页 例子...
osuu的头像 - 捕风阁osuu2年前
0965
浅谈vue2和vue3的区别 - 捕风阁

浅谈vue2和vue3的区别

vue3新特性 速度更快 体积更小 更容易维护 更接近原生 更容易使用 相比Vue2,Vue3整体体积变小了,除了移出一些不常用的API,再重要的是Tree shanking 任何一个函数,如ref、reavtived、compute...
osuu的头像 - 捕风阁osuu2年前
0101715
常用的媒体查询及技巧 - 捕风阁

常用的媒体查询及技巧

从大到小 如果判断最大值(max-width),那么就应该从大到小写 @media (max-width: 1200px) { } @media (max-width: 992px) { } @media (max-width: 768px) { } 从小到大 如果判断最小值(min-widt...
osuu的头像 - 捕风阁osuu2年前
01946
封装vue组件发布到npm(详细步骤) - 捕风阁

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

准备工作 1.注册npm账号:https://www.npmjs.com/ 2.保证当前环境下安装了 vue、webpack、node 创建组件项目 // 完整配置模板 vue init webpack 项目名称 // 更简洁的webapck配置模板 vue init...
osuu的头像 - 捕风阁osuu2年前
056510
JavaScript 数组操作技巧 - 捕风阁

JavaScript 数组操作技巧

1、在边缘添加一个元素 让我们从简单的开始。它利用扩展语法来精美地传达其在末尾附加元素的意图。 const elements = [1, 2, 3, 4]; const appendedElements = [...elements, 5]; // [1, 2, 3, ...
osuu的头像 - 捕风阁osuu2年前
02748
css文字超出滚动效果 - 捕风阁

css文字超出滚动效果

css文字不超出不滚动,超出盒子后显示走马灯效果 <div class='marquee'> <div class='marquee-wrap'> <div class='marquee-content '> 这个是非超长数据 </div> </d...
osuu的头像 - 捕风阁osuu2年前
046414
vue中使用MathJax 3.0简单步骤 - 捕风阁

vue中使用MathJax 3.0简单步骤

前言 最近公司项目中需要用到Latex公式替代传统的图片加文字类题型展示,需要用到MathJax3.0,故特此记录 概述 MathJax是一款开源的JavaScript显示引擎,适用所有现代浏览器,使用MathJax可以方...
osuu的头像 - 捕风阁osuu3年前
023365
30+实用的JS简写技巧 - 捕风阁

30+实用的JS简写技巧

声明变量 不友好写法: let x; let y; let z = 3; 友好写法: let x, y, z=3; 使用三元运算符 不友好写法: const age = 26; let eligibility; if(age > 18){ eligibility = 'Allowed'; } el...
osuu的头像 - 捕风阁osuu3年前
038419
值得收藏的JavaScript函数 - 捕风阁

值得收藏的JavaScript函数

在开发一个JavaScript项目时,经常会用到以前开发过的一些工具函数,收集这些函数,当你需要它们的时候,将节省你大量的开发时间。今天,本文将给大家分享常用的工具函数,你可以使用它们,并以...
osuu的头像 - 捕风阁osuu3年前
014015
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
11 个高级 Vue 编码技巧 - 捕风阁

11 个高级 Vue 编码技巧

1、限制微信内访问 var useragent = navigator.userAgent.toLowerCase(); // 判断获取到的标识,微信标识为164;浏览器的标识为-1(360浏览器/谷歌浏览器) if (useragent.indexOf('micromessen...
osuu的头像 - 捕风阁osuu3年前
034612
49 个常用且容易遗忘的 CSS 样式清单整理 - 捕风阁

49 个常用且容易遗忘的 CSS 样式清单整理

1、文字超出部分显示省略号 单行文本的溢出显示省略号(一定要有宽度)  p{     width:200rpx;     overflow: hidden;     text-overflow:ellipsis;     white-space: nowra...
osuu的头像 - 捕风阁osuu3年前
04916
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
解决response前有两个红点 - 捕风阁

解决response前有两个红点

今天写代码请求接口过程中,返回数据response前有两个红点,导致不能正常进入success流程里面,转json什么的都无法解决,经排查是bom头,为控制器编码不对导致,只需要将其编码改为无bom即可 &n...
osuu的头像 - 捕风阁osuu3年前
09017
时间与时间戳相关 - 捕风阁

时间与时间戳相关

时间与时间戳
osuu的头像 - 捕风阁osuu3年前
08668
vuex页面刷新数据丢失的解决办法 - 捕风阁

vuex页面刷新数据丢失的解决办法

在vue项目中用vuex来做全局的状态管理, 发现当刷新网页后,保存在vuex实例store里的数据会丢失。 原因: 因为store里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,store...
osuu的头像 - 捕风阁osuu4年前
010109
vue解决右键打开新的标签页,sessionStorage失效 - 捕风阁

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

问题:项目使用sessionStorage存储已登录用户的token和用户信息,当右键新打开标签页时,sessionStorage为空,需重新登录。 需求:浏览器关闭时,清空用户所有登录信息,下次打开浏览器需重新登...
osuu的头像 - 捕风阁osuu4年前
0403312
vue变量赋值后双向绑定解决办法 - 捕风阁

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

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