笔记共54篇 第2页
elementUI图片上传前端及后端写法例子 - 捕风阁

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

说明 我们平时自己开发项目的时候会用到图片上传,这里就把之前写的一个例子整理一下,使用elementUI完成图片上传   后端写法 <?php /** * 图片上传接口 * @author 捕风阁 www.osuu.net...
osuu的头像 - 捕风阁osuu4年前
0615611
vue解决右键打开新的标签页,sessionStorage失效 - 捕风阁

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

问题:项目使用sessionStorage存储已登录用户的token和用户信息,当右键新打开标签页时,sessionStorage为空,需重新登录。 需求:浏览器关闭时,清空用户所有登录信息,下次打开浏览器需重新登...
osuu的头像 - 捕风阁osuu4年前
0403312
vuex页面刷新数据丢失的解决办法 - 捕风阁

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

在vue项目中用vuex来做全局的状态管理, 发现当刷新网页后,保存在vuex实例store里的数据会丢失。 原因: 因为store里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,store...
osuu的头像 - 捕风阁osuu4年前
010119
11 个高级 Vue 编码技巧 - 捕风阁

11 个高级 Vue 编码技巧

1、限制微信内访问 var useragent = navigator.userAgent.toLowerCase(); // 判断获取到的标识,微信标识为164;浏览器的标识为-1(360浏览器/谷歌浏览器) if (useragent.indexOf('micromessen...
osuu的头像 - 捕风阁osuu3年前
034712
vue中使用MathJax 3.0简单步骤 - 捕风阁

vue中使用MathJax 3.0简单步骤

前言 最近公司项目中需要用到Latex公式替代传统的图片加文字类题型展示,需要用到MathJax3.0,故特此记录 概述 MathJax是一款开源的JavaScript显示引擎,适用所有现代浏览器,使用MathJax可以方...
osuu的头像 - 捕风阁osuu3年前
023445
vue变量赋值后双向绑定解决办法 - 捕风阁

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

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

vue及脚手架

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

Vue build打包之后,刷新页面出现404解决方案

最近把自己的vue项目打包后传到服务器,访问页面发现404,因为我们的应用是个单页客户端应用,如果后台没有正确的配置,当用户在浏览器直接访问 http://osuu.net/user/id 就会返回 404,这就不...
osuu的头像 - 捕风阁osuu4年前
052618
封装的一个时间戳转日期函数 - 捕风阁

封装的一个时间戳转日期函数

1.时间戳转日期函数   function(time) { var date = new Date(time * 1000); //时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M =(date.getMon...
osuu的头像 - 捕风阁osuu4年前
0119510
es6 箭头函数 - 捕风阁

es6 箭头函数

1、前言: 在 ES6 中,箭头函数是其中最有趣也最受欢迎的新增特性。顾名思义,箭头函数是一种使用 (=>) 定义函数的新语法,它与传统的 ES5 函数有些许不同。 这是一个用 ES5 语法编写的函数...
osuu的头像 - 捕风阁osuu5年前
08169
Let的应用场景 - 捕风阁

Let的应用场景

let的应用场景 因为闭包的存在,会给我们的应用中带来一些不必要的麻烦。比如下面的例子: <body>   <input type='button' value='按钮1'>   <input type='button' value='按...
osuu的头像 - 捕风阁osuu5年前
09385
ES6简介 - 捕风阁

ES6简介

1、ES6简介: 1)、ECMAscript 与 Javascript的关系: ECMAscript是规范,而Javascript是规范的具体实现,两者不能相提并论。 2)、ECMA的几个重要版本: ECMA这个组织在2015年之前,使用的都是EC...
osuu的头像 - 捕风阁osuu5年前
010278
ES6基本知识点 - 捕风阁

ES6基本知识点

说到这里首先要想的是ECMAScript和Javascript之间到底是什么关系呢? 简单的说Javascript是ECMAScript的表现,ECMAScript是Javascript的规范 如果你需要看详细的ES6 点击这里   JSON.parse...
osuu的头像 - 捕风阁osuu4年前
011628
jquery常用方法教程 - 捕风阁

jquery常用方法教程

相关jquery操作教程可以看这里的比较详细jquery效果方法 1.选择器 jQuery 参考手册 - 选择器 在写一个上面没有的,在表单里面用 $('[name=user]')  表单name值等于user的元素   2.常用循...
osuu的头像 - 捕风阁osuu4年前
089613
前端常用的几个正则表达式 - 捕风阁

前端常用的几个正则表达式

验证方法: var reg = /^1[3456789]\d{9}$/; var user = reg.test(this.username);   11位手机号正则:/^1[3456789]\d{9}$/ 6-10位字母或数字:  /^[a-zA-Z0-9]{6,10}$/ 邮箱:/^[0-9a-z]...
osuu的头像 - 捕风阁osuu4年前
080715
封装一个登陆cookie存取函数 - 捕风阁

封装一个登陆cookie存取函数

这个是我在用Vue脚手架的时候写的,JS可以稍微改一下 //设置cookie方法 setCookie(portId, psw, exdays) { // Encrypt,加密账号密码 var cipherPortId = CryptoJS.AES.encrypt( portId + '', '...
osuu的头像 - 捕风阁osuu4年前
0103510
数组排序之冒泡排序和选择排序 - 捕风阁

数组排序之冒泡排序和选择排序

1.选择排序 从第一项起,每一项都和后面所有项依次比较,如果被比较项比当前项小则互换位置 var arr = [1,4,2,6,8] for(var i=0; i<arr.length; i++){ for(var j=i+1;j<arr.length;j++){ ...
osuu的头像 - 捕风阁osuu4年前
08645
Node知识点笔记 - 捕风阁

Node知识点笔记

Node安装:下载对应系统的版本安装 https://nodejs.org/en/download Node详细教程:点此查看 Node中文文档:http://nodejs.cn/api/ Npm文档:https://www.npmjs.com/ Mongoo文档:https://mongo...
osuu的头像 - 捕风阁osuu4年前
010899