- 博客(30)
- 收藏
- 关注
RSS订阅原创 jenkins部署项目报错：certificate has expired
在前端项目根目录中添加.npmrc配置文件，将镜像源地址改掉即可。其实就是下载地址证书过期了，需要更新一下npm镜像源地址。最后将代码提交上去，重新在jenkins部署一下就行了。
2024-04-09 16:32:19
454
原创 git常见命令
1）git clone报错：出现这个报错，说明ssh key有问题了，连接不上服务器解决办法：在远程仓库添加本地生成的ssh公钥（具体怎么实现，可以自行搜索）2）远程仓库地址变更，本地项目还是老地址解决办法：更新本地仓库关联的远程地址直接修改本地仓库所关联的远程仓库的地址git remote // 查看远程仓库名称：origingit remote get-url origin // 查看远程仓库地址。
2024-01-26 14:52:23
707
原创 vue3+vite中如何打包添加随机号解决页面缓存更新不及时问题
问题：公众号h5页面调整后存在缓存问题，只有点击右上角三个点点里刷新才会更新修改后的内容。
2023-03-27 11:13:08
4716
5
原创 h5中如何调起微信的扫一扫功能？
看到这个需求的时候有点懵，第一反应就是去找文档，最后在微信官方文档-公众号-微信网页开发中-js-sdk文档说明中找到了这个调起微信扫一扫接口的功能。接下来记录下是如何实现的吧。首先我们肯定是要引入微信的js文件的<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>其次要调用微信内置的方法，那么我们就得配置wx.config$.ajax({
2021-05-26 10:48:27
12588
11
转载 小程序中如何实现编辑海报内容并生成海报图片（拖动那种）
开始找到了下面这个demohttps://blog.csdn.net/qq_37942845/article/details/80169907在项目中遇到了一个需要编辑海报内容然后生成海报的功能，主要使用canvas来实现，但在根据找到的demo实现的过程中发现问题：背景图片全屏的时候是没有问题的，但是一旦需要设置海报的样式内减后就会出现海报上的图标位置不对，会有偏差。一开始想到的办法是，通过boundingClientRect获取到图标元素的位置信息，在合成图片的时候来减去上边和左边的间距：.
2021-01-26 10:48:21
1362
3
原创 小程序自定义组件与页面之间的传值
一、页面向组件传值在调用接口的页面1)可以传固定的值2）也可以是变量<component-com name="{{info.name}}/>在组件的wxml里面：在组件的js中在test页面上就能出现：如果是要做其它的操作，可以在组件的生命周期中进行： lifetimes: { attached: function() { // 在组件实例进入页面节点树时执行 console.log(this.properties.name)
2020-12-04 18:25:56
1792
原创 小程序web-view带值跳转h5页面，h5中怎么取参
小程序中通过以下方式跳转至h5在h5中怎么获取参数？1、首先获取其路径中的参数：var param =window.location.href.split("?")[1];或者var param =window.location.search.substring(1, window.location.search.length);此时的param是如下图：2、然后调用下面的方法分割开： var parseQuery = function(query){ var reg =
2020-10-21 16:48:47
1136
原创 怎么更新代码到服务器端
小小记录：已知主机，用户名密码，还有要更新的文件夹的位置。前提是已经安装了Xftp第一步打开Xftp，点击新建第二步在相应的位置填入信息，点击连接，确定即可最后，找到左侧想要更新的文件的位置处，从右侧选中拖过去覆盖掉原本的就可以了。...
2020-09-15 12:40:56
684
原创 当Hbuild的内置服务器不能使用时的解决办法
事件源于使用hbuild运行项目的时候，我发现内置服务器不能完全打开H5项目，经过向大佬的一番求助，成功启动了项目，欧，感谢大佬，为了下次不再被同一个问题难道，所以我特此记录一下。主要是使用webServer解决的。我们来记住它的长相：步骤：一、首先将webServer放到项目的根目录下，并且点击运行。二、打开hbuild,并且打开项目的html,点击如图所示的位置，会出现一个下拉选择框，再次点击里面最后的设置Web服务器，再次点击里面的：外置web服务器设置选择新建后出现如下图所示：
2020-09-10 18:45:36
3096
1
原创 Y轴的标签名文字太长怎么设置超出省略，并且鼠标移上去后显示全名称？
1.超出省略：在yAxis中设置axisLabel为：axisLabel: { show: true, formatter: function(value) { if(value.length > 5) { return `${value.slice(0,4)}...`; } return value; } },2.显示全名：经过查看官方配置知道有个属性triggerEvent，它是指坐标轴的标签是否响应和触发鼠标事件，默
2020-09-07 16:42:27
1215
原创 vue如何利用可视化管理工具新建项目？
一、环境要求vue cli要求node版本8或者更高（8.10.0+推荐）； vue cli3 需要node版本>=8.9, （官方推荐：8.11.0+ ）二、安装vue-cli 脚手架命令npm install -g vue-cli 适用于vue-cli 2.0npm install -g @vue/cli 适用于vue-cli 3.0卸载命令：npm uninstall -g @vue/cli新建步骤：1.首先在想要项目在的位置，cmd打开命令行，先输入命令npm instal
2020-09-01 12:03:47
368
原创 使用echarts图表
1.首先在HTML中引入echarts.min.js文件：2.然后在body中3.在引入的index.js中先定义方法后,再在成功调用接口处调用。datalist是来自调用接口成功时候所存储的数据。function ts_chart() { var ts_chart = echarts.init(document.getElementById('tschart')); var data = { city: [], num: [] } datalist.ts_chart.forEa
2020-08-25 17:40:21
246
原创 js简单获取当前的日期时间
var myDate = new Date();var year = myDate.getFullYear(); //获取当前年var month = myDate.getMonth() + 1; //获取当前月var date = myDate.getDate(); //获取当前日var h = myDate.getHours(); //获取当前小时数(0-23)var m = myDate.getMinutes(); //获取当前分钟数(0-59)var day = myDate.getDa
2020-08-25 13:55:10
303
原创 wx.switchTab怎么跳转带值？
问题：使用wx.switchTab跳转页面时，路径后面不能携带参数，那么我们怎么来携带参数呢?思路：可以在跳转之前设置一个全局变量用作标识，到跳转目的页面去获取这个全局变量的值来实现效果。解决：首先在app.js中设置全局变量globalData: {currentShow:null},注意在其它不是app.js的文件中使用全局变量得先申明app变量：var app = getApp()其次在实现跳转操作的（A页面）地方，改变全局变量：clicktrainNum:function(e)
2020-07-17 17:08:12
1043
原创 微信小程序实现星级评价
其实展示星级的例子已经很多了，不过为了记录一下，下次好用到，我整理了一下代码方法借鉴别人的，有的已经找不到出处了。第一种是后台传数字，显示星星颗数<view class='starbox'> <text>学员满意度</text> <block wx:for="{{stars_1}}" wx:key='index'> <image class="starImage" src="{{selectedSrc}}"
2020-07-08 14:48:01
2652
原创 微信小程序动画记录
1.实现闹钟，礼物摇晃的动画。微信小程序里面使用动画和一般的不一样，比较复杂冗余一些，首先要先在wxml中设置animation，<image animation="{{animation}}" src="{{imgs.remind}}" bindtap="toRemind"></image>然后在js的data数据里面定义：animation: {},动画的方法：remind() {// 1: 创建动画实例animation:var animation = wx.
2020-06-12 12:00:01
227
原创 微信小程序多选
html: <block wx:for="{{weekList}}" wx:key="index"> <text class="item {{item.selectedW?'active':''}}" bindtap="clickWeenk" data-index="{{index}}">{{item.name}}</text> </block>样式大家就根据需要自定义就好了，js中的data: week
2020-06-09 10:29:38
1661
原创 空心艺术文字css样式
样式为：.tabtitle { font-size: 36rpx; color: #fff; text-shadow: #d56238 0px 2px, #d56238 2px 0px, #d56238 -2px 0px, #d56238 0px -2px, #d56238 -1.4px -1.4px, #d56238 1..
2020-06-03 11:33:00
2069
原创 js方法截取冒号右边的字符串
var month =‘时间：2020-05-01’;console.log(month.substring(3, 13)); //2020-05-01
2020-05-22 16:32:56
2560
原创 vue中怎么实现简单的跨页面锚点效果
今天在开发中遇到一个问题就是，设计中的效果主要分为一个列表与详情，但与一般的点击列表中的一条数据跳转至相应的详情页不同，这里首先明确的是所有的详情也是类似列表一样的效果都在一页中，也就是说点击列表的一个就要跳转到详情页里面对应的详情位置上，类似锚点的效果。解决：在列表页跳转页面的时候传数组的下标过去，然后在详情页接收下标作为获取到的nodeList的下标，执行scrollIntoView()的方...
2020-03-06 22:19:49
630
原创 运行H5项目报错Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-ex
遇到这个问题对于我这个菜鸟来说真是一脸懵逼，还好我脸皮厚，厚着去问了公司后端大佬，一顿操作猛如虎，就可以了，就是为文件创建一个服务环境：第一步：百度搜索phpstudy，选择第一个进入官网去下载。第二步，将项目放到这个文件夹下：第三步：在浏览器输入127.0.0.1/ 后面就是项目文件夹的名字，回车即可...
2020-02-25 16:11:50
240
原创 新建一个vue的vant项目
前提是已经安装了node.js.首先得新建一个Vue项目：(这里只是一个大概的方法)1.打开命令窗口，全局安装脚手架构建工具：npm install -g vue-cli 回车2.命令行中运行命令 vue init webpack vantappdemo后回车（初始化一个完整版的项目） 。解释一下这个命令，这个命令的意思是初始化一个项目。最后的是项目名称自己根据项目内容来起vue i...
2020-01-06 15:52:38
2997
原创 电脑怎么将两个屏幕设置成一个主屏幕
1.鼠标右击电脑空白处，再次点击显示设置；2.将多显示器设成扩展这些显示器，然后选中1，最后应用，就可以了。
2020-01-06 13:16:56
11721
原创 微信小程序中修改数据（单个数据，数组）
微信小程序有自己的语法，修改数据我们必须要使用setData(),参数是一个key,value形式的对象。一下是我做的一个关于修改几种数据的小小记录：1.修改单个值：page({ data:{ resultOpacity:true, }, change(e){ this.setData({ resultOpacity: false, }) }...
2019-12-13 10:09:12
8893
2
原创 小程序解决icon图片与文字不居中问题
在项目中其实这种小问题很常见，那就是图片和文字不是自己想要的那种居中效果，经常一上一下的很难看，这当然是不行的了，所以该怎么解决呢？使用flex布局可以解决这个问题。关键就在 align-items: center1.wxml: <!-- 投票 --> <view class="vote" style="background:pink"> <v...
2019-12-12 11:25:43
4764
原创 css居中的一些方法
常用简单的集中居中方法：1.margin<style type="text/css"> #box{ width: 200px; height: 200px; background-color: pink; margin: 0 auto; }</style></head><body> <div id="bo...
2019-12-06 13:50:03
103
原创 阴影动画
.share{ animation: shrink 1.5s infinite alternate;}@keyframes shrink { 0% { filter: drop-shadow(0 0 15px green);}无聊记录的，图片啥的都是网上找的infinite ：无限循环alternate：间隔filter：滤镜drop-shadow：filter里...
2019-12-02 17:41:55
143
原创 记录1：动态得到当前一个星期的时间
获取到的时间就像上图中一样，特此为自己做个记录：getTime: function() { this.tabBarList = [] let weekarr = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']; for (var i = 0; i <= 6; i++) { const time = ne...
2019-11-14 11:03:10
136
原创 一些css小记录
1.清除一段字符串里面的特殊字符：this.useraddress = option.location.replace(/[-|\*^%$#@-]/g,"");2.使用伪元素画下划线：.active {position: relative;color: #2196F3;}.active::after {content: “”;position: absolute;width:8...
2019-11-13 17:54:21
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人