FANSHUHAI的博客

原创 移动端 banner滑动

用 touchend 事件。

原创 proxy 代理

vue.config.js 配置’/article‘ 代表接受‘/article’开头的请求后 就连接target的服务器ws 开启webscoketchangeOrgin 开始虚拟服务器 和 与target 服务器交互 避免跨域

原创 前端鉴权必须了解的 5 个兄弟：cookie、session、token、jwt、单点登录

本文你将看到： 基于 HTTP 的前端鉴权背景 cookie 为什么是最方便的存储方案，有哪些操作 cookie 的方式 session 方案是如何实现的，存在哪些问题 token 方案是如何实现的，如何进行编码和防篡改？jwt 是做什么的？refresh token 的实现和意义 session 和 token 有什么异同和优缺点 单点登录是什么？实现思路和在浏览器下的处理 从状态说起「HTTP 无状态」我们知道，HTTP 是无状态的。也..

一维数组转为多维数组

let replies = [ { id: 1, content: 'qwerqwe', curparent: 0 , nextson: 1}, { id: 2, content: '去玩儿群翁', curparent: 1 , nextson: 2}, { id: 3, content: '手动阀公司的富', curparent: 2 , nextson: 3 }, { id: 4, content: '感觉和复工后', curparent: 3 , nextso.

原创 git 仓库迁移

原创 html2canvas jdpf 生成图片或pdf

npm i html2canvasnpm i jspdf exportPdf() { html2canvas(document.getElementById("appTreeChart"), { backgroundColor: "#f4f4f6", dpi: 200, //导出pdf清晰度 useCORS: true //【重要】开启跨域配置 .

原创 nvm node版本器

nvm node版本器

原创 页面优化 检测页面加载速度

letdataTime=newDate().getTime()this.$nextTick(()=>{letdomTime=newDate().getTime()console.log(newDate().toLocaleString())console.log(domTime-dataTime)})...

原创 校验 汉字和字符的长度

getboeAbstractLength(str) { let sTmpStr,sTmpChar; let sOriLenth=0; let sReLenth=0; sTmpStr = new String(str); sOriLenth = sTmpStr.length; for(let i=...

原创 对象转为url后面拼接参数

importqsfrom'qs';params=qs.stringify(params);export(data={}){return`//${host}/apis/qiyihao-supportplan-qifang/api/1.0/xinye/export-by-period?${data}`;},

原创 自定义组件的 v-model

官方地址：https://cn.vuejs.org/v2/guide/components-custom-events.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E4%BB%B6%E7%9A%84-v-model// 子组件<template> <el-select v-model="saveDataType" placeholder="行业" class="video-type" @change="$emit('dataTypeC.

原创 多层数组嵌套 赋值问题 以及强制页面刷新

let data =[ { dtBetween: "1", dtResultOutput: Array(2), dtResultOutputRadio: "1", listResultOutput: [ { authKey: "B_RPT_SQL_SUB_MENU_uid", ...

原创 vue mixins

有些组件有些重复的 js 逻辑，比如我们常用的上啦加载更多，而上啦触底事件就是我们每个需要上啦加载功能页面都需要重复去写的逻辑，这部分东西我们都可以使用mixins来实现...

原创 vue css改变局部样式 scope

Vue中style标签的scoped属性表示它的样式只作用于当前模块，是样式私有化.渲染的规则/原理：给HTML的DOM节点添加一个 不重复的data属性 来表示 唯一性在对应的 CSS选择器 末尾添加一个当前组件的 data属性选择器来私有化样式问题：使用了scoped属性后，我们组件内部的样式无法在外部被控制，（怎么就是改不了样式，... 我要疯了咋没反应）解决方案：dee...

原创 定时器 和 延时器

定时器 setInterval 周期性触发；延时器 setTimeout 一段事件后触发；demo：js中：var num=1;function getNum(){    num++;   clearInterval(getScore)；};var getScore=setInterval(getNum,500)；vue  新的ES6中：data:{...

原创 git 清空 remote

 git remote remove origin目前项目中有两个remote $ git remote -v origin https://github.com/luodao236/test.git (fetch) origin https://github.com/luodao236/test.git (push) test https://git...

转载 vue的回车事件

如果是原生的input，使用 @keyup.enter就可以，若是使用了element-ui，则要加上native限制符，因为element-ui把input进行了封装，原事件就不起作用了，代码如下： &lt;input v-model="form.name" placeholder="昵称" @keyup.enter="submit"&gt;&lt;el-input v-mode...

转载 json 和字符串相互转化

var  str='{name:''test",sex:"M"}';1.string转换成json:var  jsonTest={};  jsonTest=JSON.parse(str);2:json转换成string：var stringTest＝JSON.stringify(jsonTest);

原创 怎样判断数组和对象

数据类型有：number，boolean，string，array，object，Null，undefine1.typeof操作符 这种方法对于一些常用的类型来说那算是毫无压力，比如Function、String、Number、Undefined等，但是要是检测Array的对象就不起作用了。 利用typeof除了array和null判断为object外，其他的都可以正常判断alert(typeof...

转载 原型对，原型链的理解

js对象分为2种 函数对象和普通对象函数对象 比如function Show(){}var x=function Show2(){}var b=new Function("show3","alert('bb')")show、x、b都是函数对象 是可执行的 并且构造出普通对象普通对象var showobje=new Show()var xobj=new x();var bobj=new b();...

原创 获取屏幕宽度

网页可见区域宽 document.body.clientWidth  网页可见区域高 document.body.clientHeight  网页可见区域宽(包括边线的宽) document.body.offsetWidth  网页可见区域高(包括边线的宽) document.body.offsetHeight  网页正文全文宽 document.body.scrollWidth 

原创 Sublime Text 3 快捷键总结

一、快速生成HTML5的头部信息的步骤：1.Ctrl + N，新建一个文档；2.Ctrl + Shift + P，打开命令模式，再输入 sshtml 进行模糊匹配，将语法切换到html模式；3.输入  !，再按下 Tab键或者 Ctrl + E ，就能快速打开HTML5的整体结构。二、十分常用的快捷键：Ctrl + P，打开搜索框。具体操