- 博客(30)
- 收藏
- 关注
RSS订阅原创 element级联el-cascader懒加载关闭后重置选择状态
主要需要注意的点为1.清空panel的node数据2.重置cascader的key用来更新组件 <div> <el-cascader ref="cascader" :key="key" :props="props" @visible-change="visibleChange" @change="handleChange" /> </div>let id = 0export default { components: {}, prop
2021-02-25 17:56:35
1451
原创 vue项目实现单点登陆
vue项目使用oidc-client实现单点登陆redirect首先我们需要在路由钩子页面增加判断，如果没有token，则重定向到服务器进行单点登录oidc.js 单点登录所需配置项export const identityServerBase = 'http://baidu.com';//目标服务器登录地址export const vueBase = 'http://localhost:8080'// 参考文档 https://github.com/IdentityModel/oidc-
2020-07-29 18:55:30
4868
原创 vscode 不识别 ‘@’符号
我们在项目中一般都会设置webpack alias，最常用的就是‘@’代表‘src’，这样的话编辑器无法识别，使用Ctrl+左键的方式无法找到对应文件。类似于webstorm的配置，只不过在webstorm中我们需要新建一个webstorm.config.js文件，然后里面将webpack配置复制进去就可以了，在vscode中我们操作步骤如下：1.在根目录新建文件jsconfig.json...
2019-06-22 14:14:02
6518
1
原创 Uncaught DOMException: Failed to execute 'pushState' on 'History': A history state object with URL
最近做项目的时候，打包到 pad 上面提示这个报错，反反复复折腾了两三天，终于找到了原因，虽然这个问题不常遇到，但还是记录一下，希望能帮到大家问题的原因在这里可以找到https://www.techiediaries.com/html5-history-api,是因为跨域，也就是有过二次跳转，因为这个是同事操作的，调用我的入口，所以我不清楚有二次跳转，最后确认是有的。还有一个原因是我用了 ...
2019-06-14 14:35:59
19035
3
原创 ts零散记录
js是一种弱类型的语言，而ts是强类型，适合处理一些大型项目，下面是自己使用时的一些记录。 使用方法npm install typescript然后新建一个ts文件，编写后，执行以下指令tsc 你的文件名他会编译ts文件同时生成一个js文件，这样我们就可以使用ts编写代码同时不用考虑兼容性问题。需要注意的是：编译过程中如果有语法错误，它会报错，但同时js文件也会生成...
2018-09-28 19:43:56
172
原创 js零散记录
目录判断一个对象是否被包含在数组中判断一个对象是否被包含在数组中var json = { name:'gu', age:'18'}var arr = { 1:[ { name:'gu', age:'18' } ]}if(JSON.stringify(arr).indexOf...
2018-09-25 10:21:08
146
原创 layui 零散记录
目录 layer.open内容为表单时，没有样式处理方法layer.open内容为表单时，没有样式处理方法需求如下：通过layer弹出一个表单，弹出后表单没有样式，原因是没有使用layui.form渲染。解决方式：layer.open({ content:'<form class="layui-form">'+ '<d...
2018-09-20 19:30:36
277
原创 兼容mac和windows系统的组合快捷键
需求如下:自定义一些快捷键指令，让用户更便捷的操作，例如Ctrl + 1,Ctrl + space等。如何兼容mac跟windows系统呢，因为使用两种系统的用户个人习惯不一样，windows用户是用ctrl键，按键码为17，而mac用户更倾向于使用command键来当做ctrl键，所以我们需要处理一下，首先，我们需要识别用户的系统。 function getPlatform() { ...
2018-09-13 17:47:06
1714
1
原创 js下载文件
有时候我们会有下载文件、甚至是类似新建文本，写入内容这样的需求，如何实现呢。最容易想到的就是使用超链接，地址指向下载文件的位置，但是实际操作时发现是行不通的，因为像.txt格式的文件浏览器会自动打开，达不到我们想要的效果。浏览器无法识别的文件是可以下载的，比如zip和mid文件。网上有很多说<a>标签加download属性的方法，但是我实测还是行不通，如果是不跨域的话是可以实现...
2018-08-22 23:58:26
1326
原创 bootstrap-table 基本用法
bootstrap-table是基于bootstrap的将数据填充为表格的一款插件。功能比较强大，而且也很完善，如果你的项目打算用bootstrap，如果有数据展示方面的需求，它是一个很好的选择。这个是它的官网，下面介绍一下它的基本用法。首先，引入依赖文件：<!-- Latest compiled and minified CSS --><link rel="styl...
2018-08-16 11:06:45
1567
原创 js通过位运算实现权限加解密
首先介绍一下js中的位运算：1. "&" :与运算，转化为二进制数，如果相同位数都为1则得结果为1，否则为0； 2. "|" :或运算，转化为二进制数，如果相同位数只要有一个为1则得结果为1，否则为0； 3. "^" :异或运算，转化为二进制数，如果相同位数不同则得结果为1，否则为0； 4."<<" 异位运算符，1<<1,表示将1左移一位，也
2018-08-10 20:39:45
892
原创 git常用指令简介
git常用指令简介初次安装后需全局设置用户名及emailgit config --global --list列出当前全局系统配置，如果需要列举当前仓库的配置，可以把global更换为localgit config --global user.name "your name"git config --global user.email "your email address"...
2018-08-09 15:30:11
91
原创 php 零散记录
目录 apache ssi_modul 开启public provite protect区别isset,empty区别跨域请求头设置 json格式数据转换php报错级别设置session销毁步骤php单箭头多表联合查询过滤用户输入，防止sql注入mysql优化小细节apache ssi_modul 开启server side include，...
2018-07-19 10:12:09
215
原创 项目中webpack配置文件详解(二)
项目中webpack配置文件详解(二)这一篇是接着上一篇继续介绍剩余的配置项。首先是延续上一篇剩余的postcss-loader。postcss-loader是为了解决浏览器兼容问题，先上个效果图，如下：比如我们写了box-sizing:border-box，它会帮我们补全为浏览器识别的语法。解决兼容...
2018-07-19 09:36:53
774
原创 项目中webpack配置文件详解(一)
项目中webpack配置文件详解(一)最近在用react+webpack做项目，因为自己对这两个都不是很了解，感觉react+redux+react-router还好上手一点，但是webpack更吃力一点，现在经常用到的配置都有了，谈谈自己的理解，希望对大家有一点点帮助 \(^o^)/~webpack配置文件是...
2018-07-18 17:06:05
1608
原创 js实现贪吃蛇小游戏
js实现贪吃蛇小游戏用js写的一个贪吃蛇小游戏，依赖jquery，用键盘上下左右键控制方向，撞到边界或者撞到自身游戏结束。先上个效果图。css代码如下：<style> *{ margin: 0; padding: 0; ...
2018-07-18 15:09:11
628
原创 webstorm＞versionControl里面找不到subversion选项
webstorm>versionControl里面找不到subversion选项最近博主在做的一个项目用的是svn管理工具，但是今天突然发现svn不好用了，正常使用的情况下，编辑器右上角会有commit还有update两个功能按钮的，如下图：以前也遇到过这种问题，所以本帅根本不慌，到File>setting>version ...
2018-07-18 11:45:02
6536
3
原创 打造自己的js库(config篇)
打造自己的js库(config篇)这一篇我自己是用来存储一些全局变量，例如服务器请求地址，字符串编码等。namespace('gu.config');extend(gu.config,{ host:'//111.231.54.181'}); ...
2018-07-17 16:28:16
2331
原创 打造自己的js库(string篇)
打造自己的js库(string篇)这一篇包括了获得字符串字节数，以及去空的方法。namespace('gu.string');extend(gu.string,{ /** * 获得字节数，中文2 * @param str * @returns {num...
2018-07-17 16:25:43
338
原创 打造自己的js库(cookie篇)
打造自己的js库(cookie篇)这一篇是用来封装存、取cookie的方法。namespace('gu.cookie');extend(gu.cookie,{ /** * 设置cookie，最好先用navigator.cookieEnable判断一下cookie是否可用 * @...
2018-07-17 16:23:55
366
原创 打造自己的js库(load篇)
打造自己的js库(load篇)这一篇是用来动态加载css以及js，包括loadscript以及loadcss方法。 namespace('gu.load'); extend(gu.load,{ /** * 加载js * @param url * @para...
2018-07-17 16:22:08
343
原创 打造自己的js库(date篇)
打造自己的js库(date篇)项目中经常需要一些对时间进行格式化的需求，比如时间戳按指定格式转为"年-月-日"或者"年/月/日"的格式，这一篇就是提供一些类似new Date().Format这样的一些方法。 namespace('gu.date'); extend(gu....
2018-07-17 16:18:46
210
原创 打造自己的js库(base篇)
打造自己的js库(base篇)随着code经验的增加，函数封装，可复用性组件开发可以说是一个水到渠成的过程，最近一直想写一个属于自己的js库，将自己用的较多的组件都放在里面，但是也一直被搁置，因为我感觉自己目前能力可能不够，但是不试试怎么知道呢。只要尝试，就算不成功，对自己也是宝贵的经验。1.命名空间...
2018-07-17 16:13:22
2392
原创 canvas画线有的粗有的细
canvas画线有的粗有的细 事情是这样子的，上次博主做一个五子棋小游戏，想玩五子棋首先就得有棋盘啦。。然后我就循环横竖各画20条线，做出棋盘的样子。 然而，画出来的线有的粗有的细，后来就度娘找原因。 原来，canvas绘制线条是从中间向两边绘制的，比如说你定义x坐标为1，它会以1为中心，向左0.5像素，向右0.5像素，但是渲染时不支持小于0.5像素，所以会...
2018-07-10 11:46:55
4689
原创 phpstorm terminal 字体大小设置
phpstorm terminal 字体大小设置 博主上次phpstorm莫名其妙的terminal字体大小变的很小，别的系统设置，代码区域的字体大小都正常，运行项目经常需要用到，看着很不舒服，所以就百度求高招。 但是大都没用，有的竟然让去设置cmd字体大小，虽然有点疑惑，还是去设置了，但是并没有什么用 ￣へ￣ ，后来终于找到解决方法，如下：File>settings...
2018-07-10 11:35:52
3873
2
原创 js对象、数组，改变原数据后新数据也随之改变
js对象、数组，改变原数据后新数据也随之改变有时候我们可能会有这样的需求，对原数据处理后能有另一份没有改变的原数据。var a = {'num':1};//原数据var b = a;//假设我们用b来存储a.num = 2;//对原数据进行一些改变console.log(b.num);//2上面这种方法是达不到我们想要的效果的，因为实际在给b赋值时，是进行了传址操作，也就是说让...
2018-07-10 11:18:07
4189
原创 js节流
js节流 需求：监测输入框变化，然后获取用户输入内容，根据内容实时更新展示结果。这时候如果不是本地静态数据的话，可能需要发送服务器请求，但是检测时如果使用oninput，onkeyup事件时，用户每键入一个字我们就要发一个请求，服务器压力会很大，所以我们需要用到节流。var obj = {};function searchResult(keywords){ clearTimeOut(ob...
2018-07-10 11:14:13
611
原创 H5本地上传获取真实路径兼容方法
H5本地上传获取真实路径兼容方法function getFileUrl(fileId) { var url; var file = document.getElementById(fileId);var agent = navigator.userAgent;if (agent.indexOf("MSIE")>=1) {url = file.value; } else if(ag...
2018-07-10 11:05:18
2680
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人