- 博客(24)
- 收藏
- 关注
原创 地图上绘制地铁线路
不管是高德地图还是百度地图都提供了简易版的地铁线路图,比如https://map.amap.com/subway/index.html,也提供了JS APIhttps://lbs.amap.com/api/subway-api/subway-summary/。可以绘制不同颜色线路串联站点,相当于把简易版的地铁线路图覆盖在地图上。缺点是只有单独的地铁图,没有跟地图整合到一起,没有具体位置的概念。基于以上原因需要自己绘制地铁线。
2024-06-19 17:54:04
454
原创 ts装饰器模板 vue-property-decorator 使用简介
更多用法,在实际操作后,都可以自行补充上来。warning: 由于装饰器模板上,vue-class-component对data做了包裹,导致this.$options.data()没有返回我们想要的值 如果是一些需要表单重置功能的组件,可以通过以下方法来实现 export default class TestComp extends Vue { private name = '老李'; private age = null; // hock created() { th
2021-11-13 17:05:11
1173
原创 javascript 项目部署成功,机器人自动通知企业微信群
const https = require('https');const packageInfo = require('../package.json'); // 从package.json文件中提取name、版本号const config = { name: packageInfo.name, version: packageInfo.version,};// 从文件Changelog.md中获取更新内容const fs = require("fs");const buffer .
2021-11-13 17:03:55
440
原创 javascript 项目部署成功,机器人自动通知钉钉群
/** * 自动通知企业钉钉群 */const https = require('https');const packageInfo = require('../package.json');const config = { name: packageInfo.name, version: packageInfo.version,};const fs = require("fs");const buffer = fs.readFileSync('./Changelog.md.
2021-11-13 17:02:54
916
原创 git项目代码量统计
git log --format='%aN' | sort -u | while read name; do echo -en "$name\t"; git log --author="$name" --since=2020-04-01 --until=2021-03-31 --pretty=tformat: --numstat -- . ":(exclude)node_modules" | awk '{ add += $1; subs += $2; loc += $1 - $2 } END { print
2021-11-13 17:01:05
315
原创 组件作用域插槽分发,将作用域插槽从父组件传递到子组件(Select、FormSelect)
背景二次封装 Select 组件: src\common\components\Select\index.vue<template> <el-select ref="select" v-selectdisabled="{ multiple, options, props: curProps, attrs: curAttrs }" v-bind="curAttrs" v-on="curListeners"> <!-- 默认的e
2021-11-13 11:44:50
770
原创 ios应用 webview屏逗导致 页面偶现不能吸底的问题
背景在开发时遇到,使用 fixed 布局时,设置 bottom 为 0,样式依然没有吸底。调试时为 body、html 设置了 border,发现 body 整体就没有占满整个屏幕。body,html{ background-color: red; border:2px solid #000;}背景在开发时遇到,使用 fixed 布局时,设置 bottom 为 0,样式依然没有吸底。调试时为 body、html 设置了 border,发现 body 整体就
2021-11-12 19:48:44
1301
原创 短信链接或者普通链接跳转到小程序
短信跳转到小程序,实际上是网页跳转到小程序,发短信的时候内容带有链接,这个链接最好是短链接。 打开链接场景有三种情况:pc情况下,提示请用手机打开此链接; 非微信情况下打开,实际上采取了重定向,小程序要生成对应的Scheme,页面location.href = Scheme; 微信情况下打开,有两种方式,一种是采取跟非微信情况一样,另外一种采用h5的wx-open-launch-weapp标签。不同点是,方式1,如果在微信情况下打开会有一个弹出框二次确认,方法二点击跳转会直接跳往对应的小程序。生成
2021-11-12 19:46:50
2212
原创 小程序自动部署
第一步下载小程序密钥: 后台=》开发管理=〉小程序代码上传下载密钥如果要指定的服务器上传代码就设置下ip白名单,不指定就关闭白名单功能。第二步安装miniprogram-ci第三步修改代码中相关的配置信息const ci = require('miniprogram-ci');// const path = require('path');const env = process.argv[2];const packageInfo = require('../package.j
2021-11-12 19:45:46
252
原创 vscode 插件
vetur 目前比较好的Vue语法高亮ESLint ESLint插件,高亮提示TSLint TypeScript语法检查Git History(git log) 查看git logGitLens 显示文件最近的commit和作者,显示当前行commit信息Material Icon Theme 主题颜色Auto Close Tag自动闭合HTML标签Auto Rename Tag 修改HTML标签时,自动修改匹配的标签Beautify css/sass/scss/less c
2021-11-12 19:42:38
187
原创 window.postMessage 在iframe父子页面数据传输,页面之间跨域共享、传输数据,实现单点登录
项目需求实现单点登录多后台,比如 登录淘宝后,跳转链接到天猫时,天猫处于登录中的状态。实现方式基于 Iframe+Postmessage,相互之间发送登录token,实现SSO(SingleSignOn)单点登录功能。实例期望结果:假设登录昆仑后台拿到token后,跳转到邻汇吧后台时,页面处于登录状态。方案一: 登录昆仑后台拿到token后,跳转到邻汇吧后台时,向邻汇吧内嵌隐藏的昆仑 iframe 发送 getToken 的消息iframe.contentWindow.post
2021-11-12 19:41:27
1173
原创 git项目重构之新建本地项目后关联原git仓库
若重构项目可直接推送到master分支时可以直接使用下列方法$ cd existing_folder$ git init$ git remote add origin ssh://gitlab@lanhanba/project/testing.git$ git add .$ git commit -m "initial commit"$ git push -u origin master往往在开发项目中没有经过完备的测试不能直接将重构代码直接推送到主分支,需要在开发分支中逐步迭代,可以使
2021-11-12 19:38:36
636
原创 基于Iframe+Postmessage前端实现SSO(SingleSignOn)单点登录功能
概述SSO单点登录前端需要实现的主要功能就是一端token,多端可用 ~ 同时后端基于Oauth2+JWT实现的SSO单点登录功能需要有统一的中转登录页 middle.html 触发的场景可以有从中转登录页登录后,通过昆仑跳转只邻汇吧、PMS、location;或者直接通过新窗口打开这些页面middle.html代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2021-11-12 19:37:30
1148
原创 package.json 引入包简介
以下包是在所有项目中有用的的包. ps:当然以后新项目的构建已经有一套较为完善的模板,多数包已经不会出现在package.json里loaderless-loader: 用于处理编译less文件sass-loader: 用于处理编译sassscss-loader: 用于处理编译scssstyle-resources-lo
2021-11-12 19:36:01
1958
原创 前端工程优化总结
已后台为例背景本地启动项目很慢,影响开发体验及效率优化cdn + webpack externals在工程中, import Vue from 'vue', 此处引入的是node_modules下的vue包。 现在我们要使用cdn上的vue.min.js:script引入vue webpack中配置externalsexternals中配置的时候,需知道vue在window上挂在哪个上,不一定就是包的名字。modules.exports = { externals: {
2021-11-12 19:33:38
620
原创 解决github clone SSL_ERROR_SYSCALL in connection to github.com:443问题
只需要将 github.com/后面为代码库 改为github.com.cnpmjs.org/后面为代码库地址 就可以实现一键式加速。https://github.com/youzan/vant.git => https://github.com.cnpmjs.org/youzan/vant.git
2021-11-12 19:27:55
1913
原创 小程序添加分包的时候报错 “pages *** 不应该在分包 subPackages[*] 中”
在我们添加小程序新的分包的时候很容易会出现这个问题“pages *** 不应该在分包 subPackages[*] 中”我们如果通过编辑器右键添加page的话,主包中会自动加入page路径,此时我们再去创建新的分包如果没有去掉主包路径就会报错。解决方案就是去掉主包中的路径就可以了...
2018-09-18 14:06:40
21191
4
原创 微信小程序scroll-view横向移动在iphone 6系列下出出现折叠状态
如图在iphone 6 系列(包括iphone 6 plus、iphone 6s等)出现折叠状态解决方法:给scroll-view下的view设置一个宽度即可解决这个问题。
2018-09-11 11:39:32
1214
原创 微信小程序ios真机bug, navigateTo多级跳转以后,用navigateBack关闭多级显示空白页
- 当前 Bug 的表现(可附上截图)ios下navigateTo多级跳转以后,用navigateBack关闭多级显示空白页- 预期表现正常情况下返回屏幕应该显示“欢迎使用代码片段,可在控制台查看代码片段的说明和文档”,返回时候应该也有值- 复现路径index8/index- 提供一个最简复现 Demowechatide://minicode/Ko8Jv9mU722...
2018-09-11 11:31:05
2766
原创 小程序如何实现navigate无限跳转
小程序有五种跳转方式:1. wx.navigateTo(OBJECT)保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。2. wx.redirectTo(OBJECT)关闭当前页面,跳转到应用内的某个页面。3. wx.reLaunch(OBJECT)关闭所有页面,打开到应用内的某个页面。4. wx.switchTab(OBJEC...
2018-08-17 11:15:14
3179
原创 微信小程序--Do not have xxx handler in current page
在view点击操作事件提示警告信息Do not have chooseImage handler in current page: propertyPages/pages/propertyImageSubmit/propertyImageSubmit.Please make sure that chooseImage handler has been defined in proper...
2018-08-15 15:56:08
6702
原创 如何实现微信小程序wx.setStorage数据缓存实现缓存过期时间
在微信小程序中,并没有cookie机制,只有本地缓存功能。每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。同一个微信用户,同一个小程序 storage 上...
2018-08-09 10:46:53
7993
原创 mysql 省市县镇(乡)四级地区数据库
发现你太可爱 2016-11-25 11:55分享一个中国省市县镇(乡)四级地区数据库,不过数据量有点大,有45051条数据,体积1.64m,分享部分数据,有需要的可以单独联系。分享一个三级地区的案例,四级地区思路一样,以此类推。上图是我调用模版的方式传入三级参数这是我所用到的函数,当然你可以把三个方法合并,用一个方法去写,通过传参获取省市县镇的
2016-12-29 14:04:09
5295
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人