- 博客(40)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 【Pake】一行命令把网站打包成桌面APP
选1（通过Visual Studio社区安装程序快速安装）选1（继续标准安装（默认设置-只需按enter键））4.重启shell面板，不然可能还会提示安装rust。2.通过node安装pake-cli。等待了很久，终于安装完成。1.安装nodejs。
2024-04-26 09:54:00
367
原创 Gitlab CI/CD 自动化打包部署前端（vue）项目
4.本地将公钥(~/.ssh/id_rsa_vue_deploy.pub)添加到服务器的授权密钥中。2.在/etc/nginx/conf.d目录下，新增nginx配置文件。10.在gitlab上查看runner和流水线。四、GitLab Runner安装与注册。5.输入您获得的令牌以注册Runner。2.安装GitLab Runner。4.输入您的GitLab实例URL。6.设置CI/CD变量–值为私钥。6.输入对这个Runner的描述。7.输入Runner的tag。8.输入Runner执行程序。
2024-03-12 17:15:16
1294
原创 ECharts demo图表集
ECharts社区-gallery 案例入口地址不在之后，就搜寻了以下案例网站1.https://www.isqqw.com2.https://www.makeapie.cn3.http://chart.majh.top4.http://ppchart.com5.https://madeapie.com6.http://192.144.199.210/forum-2-1.html7.http://www.max-logistics.com8.http://analysis.datains.
2022-04-18 17:53:19
2364
原创 vue项目打包成electron桌面软件 ---踩坑日记
如果你可以建一个网站，你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架，它负责比较难搞的部分，你只需把精力放在你的应用的核心上即可。官网地址注：vue的新老项目都可打包成electron桌面软件，我这里是新建的新项目1.搭环境//安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org//安装脚手架npm install @
2022-03-16 16:41:45
2507
3
原创 git 新增，查看，删除tag
1、添加tag：推送到远程tag:推送一个: git push origin 1.0.0推送所有: git push origin --tags2、查看tag查看本地tag: git tag3、删除tag本地删除tag: git tag -d 1.0.0远程删除tag: git push origin :refs/tags/1.0.0作者：Smalla链接：https://www.jianshu.com/p/9820682efcf7来源：简书著作权归作者所有。商业转载请联系作者获得授
2021-11-29 15:34:20
260
原创 异或加密解密 JavaScript
在线加密解密工具添加链接描述js写法function decrypt(test) { var key = [3, 9, 4, 9, 0, 5];//密钥 if (typeof key == 'number') key = [key]; let output = ''; for (var i = 0; i < test.length; i++) { const c = test[i].charCodeAt(); const k = key[i % key.lengt
2021-10-15 13:36:35
888
原创 子分支(例：dev)代码合并到主分支(master)上 Git
1.切换到分支git checkout dev2.使用git pull 把分支代码pull下来；git pull3.切换到master主分支git checkout master4.把分支的代码merge到主分支git merge dev5.查看文件状态git status6.提交到本地仓git add .7.提交修改git commit -m"修改"8.git push推上去,现在子分支的代码就合并到主分支上了git push...
2021-10-14 13:34:29
711
原创 vue 在生产环境下，屏蔽console.log在控制台的输出
1.npm安装插件：npm install babel-plugin-transform-remove-console --save-dev2.根目录：babel.config.jsconst plugins = []if (process.env.NODE_ENV != 'development') { plugins.push('transform-remove-console')}module.exports = { presets: ["@vue/cli-plugin-babel
2021-03-31 09:35:44
1454
原创 echarts绘制三条颜色不同的曲线统计图，并设置其相关属性
option: { legend: { data: ['邮件营销', '联盟广告', '视频广告'], textStyle: { fontSize: 16 } }, tooltip: {//工具提示信息 trigger: 'axis' }, grid: {// 类似于position定位；调整图表在容器中的位置 ...
2021-03-31 09:24:19
754
原创 使用requestAnimationFrame(animate) 报错了，this指向问题
实现一个功能时需要用到requestAnimationFrame()结果报错通过bind改变this指向解决问题1.call,applay都可以解决this指向问题但是这两种方法都是改变this指向后立即调用函数2.bind改变this指向不会立即调用函数解决： requestAnimationFrame(this.animate.bind(this))...
2021-03-03 15:17:01
1605
2
原创 uniapp 根据条件判断，绘制线段 map
var itemArr = [{ lat: "123", lng: "123", posTm: 1, }, { lat: "456", lng: "456", posTm: 2, }, { lat: "789", lng: "789", posTm: 5, }, { lat: "321", lng: "321", posTm: 8, .
2021-02-21 17:25:43
977
原创 数组最后一位放在数组第一位，其余数组元素依次往后移 JavaScript
例子： var newarr=[1,2,3,4]; var i=0; setInterval(() => { i++; if(i<=newarr.length){ i=0; var last=newarr.pop();//取数组最后一项 newarr.unshift(last);//插入数组第一位 console.log(newarr) } }, 1000);..
2021-02-21 16:35:53
3836
原创 数组对象处理（去重，过滤,，判断数组的所有元素全部相等）集合 JavaScript
去重 var arr = [{ id: 1, name: "张三", sex: "girl", }, { id: 2, name: "李四", sex: "girl", }, { id: 3, name: "王五", sex: "boy", }, { id: 4, name: "钱六", se
2021-02-21 16:32:20
491
原创 新建vue项目
一、项目初始化步骤安装vue脚手架通过vue脚手架创建项目配置vue路由配置Element-UI组件库配置axios库初始化git远程仓库将本地项目托管到Github或码云中二、基础命令1.npm -v 包管理工具的版本2.node -v3.vue -V 或vue --version 查看脚手架的版本4.npm uninstall vue-cli -g 删除旧脚手架5.cnpm install @vue/cli -g 安装脚手架6.$ npm install -g cnpm
2021-02-21 14:35:16
159
原创 “npm uninstall xxx“卸载 后，并没有从package.json中去掉
"npm uninstall/remove xxx"后，并不能自动更新package.json，把xxx从dependenciesdevDependenciesoptionalDependencies中去掉。需要加上对应参数：-S, –save：dependencies-D, –save-dev：devDependencies-O, –save-optional：optionalDependencies方法：移出package.json对应版本 需要添加 -Snpm uninsta
2021-02-21 14:25:11
1022
原创 mapBox实现轨迹线---管道流效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/v..
2021-02-02 10:17:12
3592
3
原创 三种常见的经纬度坐标系之间的转化
WGS84坐标系： 地球坐标系，国际通用坐标系GCJ02坐标系：火星坐标系，WGS84坐标系加密后的坐标系；Google国内地图、高德、QQ地图 使用BD09坐标系：百度坐标系，GCJ02坐标系加密后的坐标系//定义一些常量var x_PI = 3.14159265358979324 * 3000.0 / 180.0;var PI = 3.1415926535897932384626;var aaa = 6378245.0;var ee = 0.00669342162296594323;/
2020-12-17 15:21:22
2518
2
原创 vue组件弹框过渡动画效果，如:点击显示为从左到右滑动，收回隐藏为从右到左滑动
html:<transition name="slideFade"> <div v-if="isshow" transiton="slideFade"></div></transition>css:.slideFade-enter { animation: slideFade-dialog-fade-in 0.5s ease;} .slideFade-leave { animation: slideFade-dialo
2020-12-08 17:40:05
3014
原创 时间格式的处理集合 JavaScript
1.从一个周一开始计算，某年有多少个周，周的开始日期和结束日期function yearWeek(year) { var d = new Date(year, 0, 1); while (d.getDay() != 1) { d.setDate(d.getDate() + 1); } var to = new Date(year + 1, 0, 1); var i = 1; for (var from = d; from < to;)
2020-12-08 16:53:00
178
原创 uniapp 微信小程序 长按删除图片
@longpress长按事件<template> <view class="img-parent"> <block v-for="(item,index) in arrList" v-key="index"> <view @longpress="deleteImage" :data-index="index"> <image mode="aspectFill" class="img" :src="item.src" />
2020-12-07 17:07:14
910
原创 判断经纬度点是否在某城市范围内-----高德地图
// 创建点 var marker = new AMap.Marker({ map: map, draggable:true, position: [116.566298, 40.014179] }); //获取城市边界的经纬度 new AMap.DistrictSearch({ subdistrict: 0, //返回下一级行政区 extensions: 'all', //返回行政区边界坐标组等具体信息 le..
2020-12-07 16:39:50
5240
1
原创 微信小程序 实现路线规划
route(fromlatlng, tolatlng) {// 路线规划var that = this; let routeparam = { from: fromlatlng,//起点经纬度，小数点后不超过6位，40.056878,116.30815 to: tolatlng,//终点经纬度，小数点后不超过6位， key: 'DASC431-Q321EO-TNEW5-12REQ-Q231I6-FSFDS21',//腾讯地图开放平台申请key }; uni.reque.
2020-11-24 21:50:06
3237
2
原创 微信小程序 实现定位，地址逆解析
腾讯地图开放平台下载qqmap-wx-jssdk.js1.引入jsimport QQMapWX from '../../common/qqmap-wx-jssdk.min.js'2.声明var qqmapsdk;3.腾讯地图开放平台：申请keyonLoad() { qqmapsdk = new QQMapWX({ key: 'WS3BZ-QUFEO-TNEW5-S2RZ6-QVQI6-PJFWY' }); this.getLocation();},4.获取定位，逆解析
2020-11-24 21:35:01
837
原创 uniapp开发 微信小程序跳转微信小程序之传值和接收参数
A（小程序）跳转B（小程序），B（接收参数）//A小程序uni.navigateToMiniProgram({ appId: 'wx936466fce7552222',//B的appid extraData: {//携带参数 token:token, ocid:ocid }, success(res) { // 打开成功 } })B小程序编译配置：B小程序 ：App.vue页面(取值)onLaunch: function(option
2020-11-17 09:41:24
2821
2
原创 仿支付宝经营分析--周日历选择
效果图：//例如：2019年{ "y": 2019,//年份 "ms": [//月份数组 { "m": 1,//月 "w": [//周 { "yw": 1,//从2019年的第一个周一算起，是这一年的第几周 "mw": 1,//从2019年1月的第一个周一算起，是这一年这一个月的第几周 "s": {//开始日期 "m": 1, "d": 7 }, "e": {//结束日期
2020-11-04 12:59:11
303
原创 原生组件同层渲染问题 uniapp 微信小程序
使用uniapp开发微信小程序，解决原生组件的层级高问题原生组件：map、video、canvas……cover-view：覆盖在原生组件上的文本视图cover-image：覆盖在原生组件上的图片缺点：不支持嵌套其它组件微信小程序：部分原生组件实现了同层渲染，在指定的基础库版本上，某些原生组件可无需使用cover-view覆盖坑：//pages.json文件下的配置，不定不能加"renderingMode": "seperated""globalStyle": { "navigatio
2020-11-04 12:43:08
1721
原创 根据相同元素合并，一维数组转二维数组 some方法
var arr = [{ "occurTm": "2020-10-20", "loc": "中国北京市无名区", "lm": "花无名(地区)乡四环", "rd": "四环", "type": 28, "typeName": "事故易发路段", "roadCode": 7020211, "roadTypeName": "快速路" }, { "occurTm": "2020-10-20",..
2020-10-22 14:01:41
570
原创 小程序的行驶证 OCR 识别
ocr.vehicleLicense：基于小程序的行驶证 OCR 识别（https调用）choseImage() {//直接使用this会获取不到数据；所以把this对象复制到临时变量that var that = this; //利用手机拍照，或者相册选择照片 wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success(res)
2020-10-21 17:45:47
1583
1
原创 微信小程序---uniapp 实现地址绘制多边形围栏
实现map组件，绘制围栏switch2Change(e) { // 开启围栏 if (e.target.value) { let param = { ocid: this.$store.state.ocid, odid: this.$store.state.odid, token: this.$store.state.token, }; let opts = "/biubiubiu/zmybiu";//这里填自己的地址
2020-10-15 15:21:03
3274
1
原创 微信小程序 点击页面内的按钮实现分享功能，并携带传参
点击按钮分享，传参html代码： <button class="sharing-btn" open-type="share" >确认分享</button>js代码：onShareAppMessage(res) {//分享 return this.confirmSharing(this.timeDate*60);},methods: { async confirmSharing(dur){//点击确认分享 let param = { ocid: this
2020-10-15 14:55:48
2586
2
原创 前端实现实时搜索，并且是二维数组
**实现二维数组的搜索功能 **computed: { ...mapState(['login']), filteredhelps:function(){//实时搜索 let newArr = []; //JSON.parse(JSON.stringify(obj))实现深拷贝,避免改变原数组 this.deviceAllDataCopy=JSON.parse(JSON.stringify(this.deviceAllData)); this.deviceAll
2020-10-15 14:35:59
283
原创 echarts 解决点击饼图触发了两次的事件行为
ecahrts 解决点击饼图触发了两次的事件行为off() 方法通常用于移除通过 on() 方法添加的事件处理程序
2020-10-15 14:17:17
1297
2
原创 微信小程序 开发者工具和真机调试都能正常请求访问，线上不能登录请求问题
微信小程序 开发者工具和真机调试都能正常请求访问，线上不能？微信公众平台-----开发---------开发者设置—服务器域名
2020-10-15 10:09:30
3757
5
仿支付宝经营分析-周日历选择json（免费下载）
2020-11-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人