- 博客(9)
- 收藏
- 关注
RSS订阅原创 vux组件 x-input禁止输入特殊字符
最近在做的项目要通过一个安全测评，其中有一个安全要求是前段禁止输入特殊字符，记录一下实现的方式。首先在main.js中天添加下面这个全局方法，来过滤特殊字符。Vue.prototype.validForbid = function (value) { if (value) { value = value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘
2020-10-12 16:02:48
829
原创 ant-design-vue 点击a-popconfirm组件时避免外层元素的点击事件
场景如图，点击图片时会有一个视口跳转事件，左下角有两个图标，是在a-popconfirm组件里的，点击图标时总是会触发图片的点击事件（代码中的toView()方法）。原始代码如下： <div v-for="(item, index) in data" :key="index" class="imgHolder"> <div class="viewImgHolder"> <..
2020-08-25 13:52:39
5115
原创 Cordova离线打包方案总结
因为最近做的项目要参加电科院的测评，需要在完全离线环境复现源代码打包成apk的过程。网上查找cordova离线打包并没有找到，所以总结一下整体的方案。因为内容较多，所以本文跳过联网环境下的环境配置，最好在联网环境下打包成功后，再接着参考本博客。1、配置java环境，node环境，gradle环境、android环境，为了保证环境一致性，android和gradle环境与联网环境下的保持一致，如果忘记路径，可以通过环境变量查找到对应文件路径。直接复制粘贴过去就好。2、cordova全局安装...
2020-08-13 15:31:44
1014
原创 antd-design-vue 表格单元格动态合并
首先，数据源需要按照正常表格的数据源格式，刚开始后端老哥自做聪明把要合并的部分当做一条数据，不合并的部分放到了一个数组里边，我就完全不知道怎么操作了。然后通过下边这段代码计算出需要合并的部分的行数。这个数组是一个非常有用的数组，在你进行编辑表格数据等操作的时候都非常有用。 count (data) { let x = "" let count = 0 ...
2020-08-11 09:26:06
1533
3
原创 eslint 符合standard风格的代码格式配置文件.eslintrc.js
module.exports = { env: { browser: true, es6: true, node: true, jquery: true }, extends: [ 'plugin:vue/essential', 'standard' ], globals: { Atomics: 'readonly',...
2020-01-13 09:05:23
643
原创 递归函数执行顺序
输出是5，4，3，2，2，3，4，5有疑惑的地方在于，为什么输出2，3，4，5的时候没有执行第一个debugger，而是凭空进入了函数内部。执行·一半的函数的状态是怎样的。主要是理解执行栈后进先出的机制。正序最后压入执行栈的是rec（2），所以先执行rec（2）的上下文，所以输出2，然后弹出栈，执行上一级。...
2019-12-20 10:00:07
565
原创 vue中v-for循环出来的元素绑定的不同事件
<div style="padding: 0 5px;" @click="handler(item.fun)" v-for="(item, index) in iconData" :key="index"> <i class="iconfont iconHover" :class="item.icon" :title="item.title"></i...
2019-12-18 11:08:58
1560
2
原创 修改ant-design表格hover的颜色
这是最后的效果图。这个地方比较令人迷惑的地方是你以为它是一行的背景色。其实是每个单元格的背景色，但是背景色的改变是这一行hover的时候。选中一行勾选hover状态，你发现背景色变了，但是却找不到对应的css样式。这个地方令我困惑了很久。差点以为有些样式可能不在浏览器中显示（这是个误区，请坚信所有的样式最终是要在浏览器中显示的）。然后去看子元素的时候，才恍然大悟。原来样式的改变在这里。...
2019-12-17 09:45:12
9092
4
原创 实现布局左右固定90px，中间自适应的布局
先贴代码：css代码<style> html,body{ width: 100%; height: 100%; } body { margin: 0; box-sizing: border-box; padding: 0 90px; } .aaa { wid...
2019-11-08 19:46:52
192
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人