何足道的博客

主要需要注意的点为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

vue项目使用oidc-client实现单点登陆redirect首先我们需要在路由钩子页面增加判断，如果没有token，则重定向到服务器进行单点登录oidc.js 单点登录所需配置项export const identityServerBase = 'http://baidu.com';//目标服务器登录地址export const vueBase = 'http://localhost:8080'// 参考文档 https://github.com/IdentityModel/oidc-

bootstrap-table是基于bootstrap的将数据填充为表格的一款插件。功能比较强大，而且也很完善，如果你的项目打算用bootstrap，如果有数据展示方面的需求，它是一个很好的选择。这个是它的官网，下面介绍一下它的基本用法。首先，引入依赖文件：&lt;!-- Latest compiled and minified CSS --&gt;&lt;link rel="styl...

有时候我们会有下载文件、甚至是类似新建文本，写入内容这样的需求，如何实现呢。最容易想到的就是使用超链接，地址指向下载文件的位置，但是实际操作时发现是行不通的，因为像.txt格式的文件浏览器会自动打开，达不到我们想要的效果。浏览器无法识别的文件是可以下载的，比如zip和mid文件。网上有很多说&lt;a&gt;标签加download属性的方法，但是我实测还是行不通，如果是不跨域的话是可以实现...

需求如下:自定义一些快捷键指令，让用户更便捷的操作，例如Ctrl + 1,Ctrl + space等。如何兼容mac跟windows系统呢，因为使用两种系统的用户个人习惯不一样，windows用户是用ctrl键，按键码为17，而mac用户更倾向于使用command键来当做ctrl键，所以我们需要处理一下，首先，我们需要识别用户的系统。 function getPlatform() { ...

目录判断一个对象是否被包含在数组中判断一个对象是否被包含在数组中var json = { name:'gu', age:'18'}var arr = { 1:[ { name:'gu', age:'18' } ]}if(JSON.stringify(arr).indexOf...

目录 layer.open内容为表单时，没有样式处理方法layer.open内容为表单时，没有样式处理方法需求如下：通过layer弹出一个表单，弹出后表单没有样式，原因是没有使用layui.form渲染。解决方式：layer.open({ content:'&lt;form class="layui-form"&gt;'+ '&lt;d...

js是一种弱类型的语言，而ts是强类型，适合处理一些大型项目，下面是自己使用时的一些记录。 使用方法npm install typescript然后新建一个ts文件，编写后，执行以下指令tsc 你的文件名他会编译ts文件同时生成一个js文件，这样我们就可以使用ts编写代码同时不用考虑兼容性问题。需要注意的是：编译过程中如果有语法错误，它会报错，但同时js文件也会生成...

最近做项目的时候，打包到 pad 上面提示这个报错，反反复复折腾了两三天，终于找到了原因，虽然这个问题不常遇到，但还是记录一下，希望能帮到大家问题的原因在这里可以找到https://www.techiediaries.com/html5-history-api,是因为跨域，也就是有过二次跳转，因为这个是同事操作的，调用我的入口，所以我不清楚有二次跳转，最后确认是有的。还有一个原因是我用了 ...

首先介绍一下js中的位运算：1. "&amp;" :与运算，转化为二进制数，如果相同位数都为1则得结果为1，否则为0； 2. "|" :或运算，转化为二进制数，如果相同位数只要有一个为1则得结果为1，否则为0； 3. "^" :异或运算，转化为二进制数，如果相同位数不同则得结果为1，否则为0； 4."&lt;&lt;" 异位运算符，1&lt;&lt;1,表示将1左移一位，也

                                       项目中webpack配置文件详解(二)这一篇是接着上一篇继续介绍剩余的配置项。首先是延续上一篇剩余的postcss-loader。postcss-loader是为了解决浏览器兼容问题，先上个效果图，如下：比如我们写了box-sizing:border-box，它会帮我们补全为浏览器识别的语法。解决兼容...

                                             打造自己的js库(base篇)随着code经验的增加，函数封装，可复用性组件开发可以说是一个水到渠成的过程，最近一直想写一个属于自己的js库，将自己用的较多的组件都放在里面，但是也一直被搁置，因为我感觉自己目前能力可能不够，但是不试试怎么知道呢。只要尝试，就算不成功，对自己也是宝贵的经验。1.命名空间...

                                                  打造自己的js库(date篇)项目中经常需要一些对时间进行格式化的需求，比如时间戳按指定格式转为"年-月-日"或者"年/月/日"的格式，这一篇就是提供一些类似new Date().Format这样的一些方法。 namespace('gu.date'); extend(gu....

                                           打造自己的js库(load篇)这一篇是用来动态加载css以及js，包括loadscript以及loadcss方法。 namespace('gu.load'); extend(gu.load,{ /** * 加载js * @param url * @para...

                                        打造自己的js库(cookie篇)这一篇是用来封装存、取cookie的方法。namespace('gu.cookie');extend(gu.cookie,{ /** * 设置cookie，最好先用navigator.cookieEnable判断一下cookie是否可用 * @...

                                                 打造自己的js库(string篇)这一篇包括了获得字符串字节数，以及去空的方法。namespace('gu.string');extend(gu.string,{ /** * 获得字节数，中文2 * @param str * @returns {num...

                                         打造自己的js库(config篇)这一篇我自己是用来存储一些全局变量，例如服务器请求地址，字符串编码等。namespace('gu.config');extend(gu.config,{ host:'//111.231.54.181'}); ...

                                               js实现贪吃蛇小游戏用js写的一个贪吃蛇小游戏，依赖jquery，用键盘上下左右键控制方向，撞到边界或者撞到自身游戏结束。先上个效果图。css代码如下：&lt;style&gt; *{ margin: 0; padding: 0; ...

                                        项目中webpack配置文件详解(一)最近在用react+webpack做项目，因为自己对这两个都不是很了解，感觉react+redux+react-router还好上手一点，但是webpack更吃力一点，现在经常用到的配置都有了，谈谈自己的理解，希望对大家有一点点帮助 \(^o^)/~webpack配置文件是...

JS进阶