前端
文章平均质量分 84
pikaz
前端仔pikaz
展开
-
开源定位插件升级啦
供中国地区使用的 js 定位插件支持浏览器 html5 定位、ip 定位、经纬度查询地址、ip 查询、地区编码查询地址、地址文本解析、省市区三级联动列表。原创 2023-01-09 10:11:30 · 163 阅读 · 0 评论 -
js开源定位插件(完全免费)
完全免费的开源定位插件,支持h5与ip定位,再也不用申请地图应用账号与key、调用次数限制以及担心地图应用收费了。原创 2022-01-10 11:11:43 · 1555 阅读 · 0 评论 -
vue路由自动生成插件(含vue-router3和vue-router4写法)
前言好久没冒泡了,之前被上一家公司加班加到厌恶代码了,现在有空就来继续为插件库添砖加瓦。插件说明本插件用于 vue-cli 脚手架中的路由自动生成,免除手写路由导致的漏写或没有及时同步修改问题。插件安装yarn add pikaz-vue-auto-routernpm i -S pikaz-vue-auto-router示例项目结构├─public└─src └─views ├─home └─index.vue └─s原创 2020-12-09 22:20:20 · 1221 阅读 · 0 评论 -
前端项目自动生成i18n国际化语言文件插件
好久没上掘金了,之前一直在忙着新业务,没时间(其实自己清楚这些都只是借口,就是犯懒了),今天又带来了一个小插件,用于提取项目中所有的i18n语言文本并且翻译生成所有语种文件,如果觉得翻译接口翻的不好的可以手动修改,插件不会覆盖已有的翻译语言,完美兼容旧项目代码,希望可以提升些工作效率,早点下班,哈哈哈。背景因为新项目全都是需要中英双语的,之前的同事都是自己手写如this.$t(“项目”)的形式,然后在中文和英文语言配置文件中写入语言配置,新需求下来,我手都快写断了,然而测试还在不停的报有些地方漏掉了没翻原创 2020-11-11 22:28:10 · 2629 阅读 · 2 评论 -
从零构建一个操作shell的node插件并打包发布
今天我们来从零构建一个简易的node脚本插件,方便操作shell,构建自己的脚本工具,帮助大家理解一些node模块,webpack打包过程及npm发布过程。child_process.exec要使用node操作shell,首先要了解node中的child_process.exec,简单的来讲,exec会开启一个shell,并且执行输入的命令,就像是大家使用git bash来执行某些命令,如npm init。介绍完了,show code。文件结构首先创建一个结构如下的文件夹,并执行npm init -原创 2020-11-11 22:26:08 · 880 阅读 · 1 评论 -
基于vue简单封装的iframe插件,可修改样式,隐藏滚动条
最近有空,就抽空把以前做过的公司业务组件慢慢抽离出来做成插件,也算是对近年来的技术方面做一个总结吧。今天要写的是一个用vue-jsx封装的iframe插件,可修改iframe中的样式,隐藏滚动条,默认设置保证页面安全等功能。不想看想直接使用的话请前往项目处pikaz-iframe,背景由于公司爬取了一些文章,需要对文章进行展示,那么第一时间想到的当然就是iframe了,虽然它有这样那样的缺点,但不得不说还是一个方便快捷的解决方案。iframe常用属性参数说明frameborde原创 2020-11-11 22:24:58 · 3979 阅读 · 3 评论 -
特殊不可见字符导致excel数据校验出错
前情提要昨天晚上,突然有运营过来说,导入excel的时候,校验数据时有一个电话号码一直报错:电话号码不正确,当时百思不得其解,但由于时间太晚,所以放到第二天再来处理。发现问题一大早跑到公司,第一件事就是修复这个bug,最开始以为是空格的原因,因为电话号码是没有做去空格处理的,加上!立马加上!但是测试下来依旧是报错,没办法,只能找到后端一起解决问题,后端马上发现了问题,电话号码没有通过正则校验:^(1)\d{10}$。于是先手动输入这个号码进行校验,发现是可以通过的,那么马上就想到了可能是数据问题,然原创 2020-11-11 22:23:46 · 992 阅读 · 1 评论 -
vue版本的excel导入导出插件,支持修改样式
前言工作中由于需要前端做excel的导入导出,在网上并没有找到一个开箱即用的excel导入导出插件,js里比较知名的xlsx插件免费版没办法修改样式,能修改样式的专业版要七百多刀,默默找其他插件了,后来找到了xlsx-style插件却需要修改源码,都比较麻烦,所以在网上查找了许多大佬们的代码后,在xlsx和xlsx-style基础上对其做了简单的封装(非常感谢大佬们无私奉献的代码),中英文及数字混杂时根据字符长度设置了自动列宽,个人感觉这个是最有用的了,嘻嘻。功能支持导出excel文件,并可设置列宽原创 2020-11-11 22:17:09 · 1709 阅读 · 10 评论