摘要:
背景 有的时候我们在使用vue脚手架开发完项目后想在本地的服务器上运行进行调试,因为有的时候开发时和打包后的效果有些许差异。 步骤 安装express npm install express -save 新增app.js 在与src文件夹同级新增server文件夹,并在server文件夹下新增app 阅读全文
摘要:
参考文章 https://www.cnblogs.com/xgqfrms/p/12920409.html https://stackoverflow.com/questions/3397585/navigator-geolocation-getcurrentposition-sometimes-wo 阅读全文
摘要:
ES7 React/Redux/GraphQL/React-Native snippets 可以根据某些关键词快速生成代码片段,比如:输入clg快速生成console.log Bracket Pair Colorizer 2 此插件目前已废弃,因为vscode已经内置了,只需要在setting.js 阅读全文
摘要:
背景 后端只返回用户的角色名,由前端去定义角色下使用到哪些页面。 思路 思路1:将所有的路由组件像平常一样进行统一注册,然后在获取了用户角色后,在路由的beforeEach钩子中判断所请求的路由对于当前用户是否有对应的权限,如果有就放行。 下面实现的效果: 管理员可以访问所有的路由,其他角色只能访问 阅读全文
摘要:
背景 有的时候我们做的项目需要支持切换多国语言,那么我们就需要使用到vue-i18n插件 使用步骤 注意:下面操作是基于vue2的版本 实现功能: 在vue单文件组件中如何使用 模版中使用{{ $t('xxx') }} 点击"切换语言" 修改挂载在vue实例的$i18n的locale 安装依赖 np 阅读全文
摘要:
安装 npm i handsontable 基本使用 Test.vue <template> <div id="hansontable"> <hot-table :data="data" :settings="hotSettings" ref="hotTableRef" ></hot-table> 阅读全文
摘要:
背景 使用handsontable只能进行跨列的合并,如果跨行的话就有api提供,我们需要对表头进行跨行合并 实现 这里学习这边博文提供的一个思路,就是假设需要对表格第一行的跨行合并的话, 分析第一行的哪些元素是要进行跨行合并的? 这里我猜作者考虑的是如果跨列的话就不考虑这个元素、然后排除hanso 阅读全文
摘要:
基本使用 见官网 https://handsontable.com/docs/javascript-data-grid/vue-installation/#basic-usage 优化 关闭购买key的提示信息 默认情况下使用handsontable会建议你购买license key 。如果我们出于 阅读全文
摘要:
背景 后台管理系统可以有不同的角色进行登录,我们希望对不同角色进行页面访问控制。 比如: 用户a为普通用户,只能访问home路由、访问其他路由的话则显示not-found 用户b为管理员,可以访问所有的路由 实现 环境 "vue": "^2.6.14", "vue-router": "^3.5.1" 阅读全文
摘要:
官网说明 https://support.apple.com/zh-cn/HT201236 键位示意图 参考文章 https://blog.csdn.net/aa390481978/article/details/91125612 阅读全文