前端小开发仔-CSDN博客

转载 VHC - 一款基于 vue3 的移动端日期、时间选择插件功能丰富文档细致

基于 vue3 的移动端日历组件

2022-11-02 11:44:29 1583 3

原创实时最新中国省市区县geoJSON格式地图行政边界数据Echarts地图数据（可精确到街道级）

geojson 数据下载地址：https://hxkj.vip/demo/echartsMap/可下载的数据包含省级geojson行政边界数据、市级geojson行政边界数据、区/县级geojson行政边界数据、省市区县街道行政编码四级联动数据（可精确到乡镇/街道级）该项目 github 地址：https://github.com/TangSY/echarts-map-demo，喜欢的话，可以给个star哦一、通过API接口，实时获取最新中国省市区县geoJSON格式地图数据，可用于Echart

2021-01-13 22:37:17 11538 2

原创 react-hash-calendar，移动端日期时间选择插件

按照惯例，先上效果图vue 版本同款日历：https://github.com/TangSY/vue-hash-calendarreact-hash-calendar支持手势滑动操作上下滑动切换周/月模式【周模式中】左右滑动可切换上一周/下一周【月模式中】左右滑动可切换上一月/下一月安装使用说明npm i react-hash-calendarDemo或者请用浏览器的手机模式查看：https://www.hxkj.vip/demo/react-calen

2020-11-25 23:12:34 1202 2

原创 webpack 打包优化的四种方法（多进程打包，多进程压缩，资源 CDN，动态 polyfill）

如今，webpack 毫无疑问是前端构建领域里最耀眼的一颗星，无论你前端走哪条路线，都需要有很强的webpack 知识。webpack 的基本用法这里就不展开讲了。主要探讨一下如何提高 webpack 的打包速度。这篇文章以 vue cli3.0+，webpack4.0+，nodejs10.0+ 这几个版本为例。一、打包分析1.1、速度分析我们的目的是优化打包速度，那肯定需要一个速度分...

2019-11-16 20:41:55 2098

原创 webpack loader实现

正值前端组件化开发时代，那么必然离不开目前最火的构建工具——webpack（grunt，gulp等暂且不谈）。说到这里，刚好有几个问题：为什么运行打包命令之后，.vue 文件可以转成 .js 文件为什么运行打包命令之后，.less 文件可以转成 .css 文件为什么运行打包命令之后，ES6+ 语法可以转成 ES5 语法[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(...

2019-10-13 15:54:34 115

原创 vue-hash-calendar，移动端日期时间选择插件

按照惯例，先上效果图[外链图片转存失败(img-xVWmTVR1-1567438305126)(https://www.hxkj.vip/demo/calendar/calendar.gif)]vue-hash-calendar基于 vue 2.X 开发的日历组件支持手势滑动操作·1原生 js 开发，没引入第三方库上下滑动切换周/月模式【周模式中】左右滑动可切换上一周...

2019-09-02 23:42:52 3511 15

原创 Github配合Jenkins，实现vue等前端项目的自动构建与发布

本篇文章前端项目以vue为例（其实前端工程化项目的操作方法都相同），部署在Linux系统上（centos）。之前做前端项目的部署，一直都是手动运行打包命令，打包完。再使用FTP、Xshell等这类的工具上传到服务器。这种方式不仅效率不高，而且容易出错，一不小心就放错地方了。或者公司有运维，只需要打包前端项目代码后发给运维就不管了，但是一般的小公司是没有运维的。所以呢，就在找有没有什么工具可以自...

2019-03-24 00:04:32 613 1

原创 vue自定义指令，比onerror更优雅的方式实现当图片加载失败时使用默认图，提供三种方法

首先，来看下效果图（演示一下图片正常加载与加载失败时的效果）在线体验地址：https://hxkj.vip/demo/vueImgOnerror/一、常规方法解决我们都知道，img标签支持onerror事件，在装载文档或图像的过程中如果发生了错误，就会触发onerror事件。可以使用一张提示错误的图片代替显示不了的图片。例如这样使用：<img src="images/logo...

2019-03-17 21:20:30 2625 5

原创 echarts地图边界数据的实时获取与应用，省市区县多级联动【附最新geoJson文件下载】

首先，来看下效果图在线体验地址：https://hxkj.vip/demo/echartsMap/，并提供实时geoJson数据文件下载前段时间给公司弄了一套基于echarts map的地图数据展示的平台，开发过程中发现百度官方已经不提供地图下载了，于是只能期望能在网上搜到哪位大佬帮忙收集的json文件。找是找到了，然鹅发现大部分都年代久远了，很多地区其实已经重新划分行政区划了。所以，只...

2019-02-24 22:34:48 2628 2

原创小程序webview调用微信扫一扫的“曲折”思路

自上一篇遇到webview中没有返回按钮之后，虽然跳出坑了。解决方案：《小程序webview跳转页面后没有返回按钮完美解决方案》但是，小程序踩坑之路并没有结束。在公众号网页中通过配置APPID和appsecret可以正常调起微信扫一扫，但是，如何在小程序webview中调用扫一扫？扫描之后数据如何处理？小程序页面处理？还是传递给H5页面处理？做为一名面向搜索引擎开发的我，遇到问题的第一件事，当...

2018-09-29 20:54:52 1004

原创小程序webview跳转页面后没有返回按钮完美解决方案

随着小程序越来越火爆，使一个产品如果只有公众号H5页面和APP显得不怎么完美，总感觉不搭上小程序这趟流量车，就会少了点什么，心里别扭地很。在此驱动下，我所在公司也决定赶紧上车。但是，如果要按照小程序的套路重新写一份的话，又感觉付出的时间成本太大了，非常的不划算。于是乎，脑子灵光一闪，想起了小程序貌似有个小弟叫webview，webview是啥，按字面意思就是网页视图（来自百度翻译）。官方是这么定...

2018-09-22 00:33:14 24606 1

原创 TT建站之路--vue项目基础框架搭建【01】

上篇文章就说过，要搞个网站玩玩，结果4个月过去了，现在才动手，哎呀。。。。。。觉得自己身为程序员三四年了，是时候搞一个属于自己独立开发的项目出来，暂定小说类型网站。促使我做这件事主要有以下几方面的原因：1：同步更新文章可以锻炼自己的文字输出能力。2：写文章的同时，可以加深自己对知识点的理解。3：自己写的项目，想怎么搞就怎么搞，可以把最新了解到的技术毫无顾忌的用到项目实践当中。说干就干，...

2018-09-22 00:30:19 344

原创服务器配置https协议，三种免费的方法

最近想搞一个网站玩玩，发布网站用https协议已经是大势所趋了。例如微信小程序，不使用https协议根本不让接入。所以，分享一下我尝试过的三种方法。 1.Linux自签（OPENSSL生成SSL自签证书） 2.阿里云免费证书 3.Let’s Encrypt永久免费SSL证书【墙裂推荐】一、Linux自签（OPENSSL生成SSL自签证书）第1步：生成私钥...

2018-05-30 12:58:42 38281 6

原创 Android通过外部浏览器调用微信H5支付，Android+PHP详解

看了好多关于讲解微信H5支付开发的文章，大多数都是通过微信内部浏览器来调用支付接口（其实就是公众号支付），可能是因为H5支付接口刚开放不久吧。微信官方体验链接：http://wxpay.wxutil.com/mch/pay/h5.v2.php，请在微信外浏览器打开。看了上面的体验链接，如果感兴趣，可以接着往下看，希望对你有所帮助。一、Android端Android端代码相对来说比较

2017-08-16 23:44:11 11255