自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端技术

欢迎骚扰

  • 博客(50)
  • 资源 (1)
  • 收藏
  • 关注

原创 小程序 版本管理使用教程

版本管理1.小程序点击版本管理,进入网页;2.创建项目,自定义路径,并设置密码;3.在小程序端 设置-远程 添加路径;4.在网络和认证中选择使用用户名和密码,输入之前设置的账号密码;5.点击推送,首次推送需选择新的远程仓库分支,之后便可选择 推送到以下远程仓库分支;6.推送过程:填写标题,点击提交, 点击推送;7.同事共用: 将项目打包发送,将账号密码告之,对方填入,即可...

2019-07-13 10:27:37 4298

原创 小程序 获取view节点的宽度,高度及各种信息

var query = wx.createSelectorQuery();//选择idvar that = this;query.select('.demo').boundingClientRect(function (rect) {console.log(rect.height)that.setData({height: rect.height})}).exec();.dem...

2019-07-13 10:18:52 7415

原创 小程序 自定义导航(适配所有手机包括刘海屏),iPhone8以上机型的底部横条遮挡问题

自定义导航步骤,适配所有手机

2019-07-10 16:13:45 6219 1

原创 小程序中的scroll-view 自定义滚动样式

废话不多说,先上图,确认是否是你想要的效果;编辑步骤:1. 给scroll-view添加点击事件 bindscroll,可获取scroll-view的各种属性值;2. 自己编写想要的滚动样式,如上图,后期只要控制滚动条距父级左边的距离即可;3. 重点,䦹最后一步,编写点击事件,1. 获取滚动区域的宽度和距左边的距离;2. 获取滚动区域和屏幕宽度之和与滚动区域的比例;3. 赋值给自定...

2019-06-25 17:31:42 5802 8

原创 小程序封装请求

data.jsconst baseURL = 'https://*****/';function request(url, data) { return new Promise(function(resolve, reject) { let header = { 'content-type': 'application/json', "ssotoken":wx.getStorageSync('ssotoken')

2021-12-05 11:53:13 315

原创 个人知识点

vue输入框点击回车键进行搜索@keyup.enter.native=''element table分页选中table:row-key="id"selection:reserve-selection

2021-07-16 10:26:45 169

原创 Git 强制更新

git fetch --allgit reset --hard origin/master

2021-07-11 16:35:38 3276

原创 Element table默认选中和分页选中效果

分页选中思路:渲染table数据,添加一个空数组(checkList),存储选择的数据;table 添加 @select 事件,返回 selection 和 row;如果数组中没有该项,则将选中的项(row)添加进数组中,反之则在数组中删除该项数据;handleSelectionChange(selection, row) { for (let i in this.checkList) { if (row.commentid == this.checkList[i].

2021-06-28 15:00:20 991

原创 小程序 手指滑动+动画效果

<view animation="{{animation1}}" bindtouchstart='touchStart' bindtouchend="touchEnd"></view>animation:添加动画bindtouchstart:手指开始滑动事件bindtouchend:手指滑动结束事件// 滑动开始 touchStart(e){ this.setData({ touchStartX:e.changedTouches[0].clien

2021-06-17 11:04:52 1068

原创 css 常见问题记录

个人记录总结,希望能帮到你!!!

2021-05-19 09:51:27 69

原创 vue 引入折线图echarts 双Y轴 自定义tooltip

页面:<div id="myChart1" style="width: 100%;height: 500px;" />js引用:// vue文件中引入echarts工具let echarts = require('echarts/lib/echarts')require('echarts/lib/chart/line')// 以下的组件按需引入require('echarts/lib/component/tooltip') // tooltip组件require('echa

2021-05-18 11:44:40 1126

原创 JS 封装ajax请求

封装function ajaxs(url, type, data, dataType, sCallback, fCallback) { $.ajax({ type: type, url: url, data: data, dataType: dataType, success: function (jsondata) { sCallback && sCallback(jsondata); }.

2021-05-07 16:39:18 125

原创 js 保存图片到本地(pc端)

window.open(url +'?response-content-type=application/octet-stream'); window.location.href=url +'?response-content-type=application/octet-stream' 两种方式都能下载图片,但是仅支持同源下载; 两种方式的区别是是否打开新页面: 第一种是打开新页面(推荐) 第二种是在本页面跳转,虽然不会出现其它问...

2021-05-07 16:31:45 1297

原创 element - 下拉选择框值改变,显示不变

正常代码:<el-select v-model="editForm.groupid" placeholder="请选择" style="width: 60%"> <el-option v-for="item in classifyList" :key="item.groupid" :label="item.groupname" :value="item.groupid" > </el-option></e

2021-04-08 13:56:39 798

原创 微信小程序 转 uniapp

跳转链接:https://ask.dcloud.net.cn/article/36037注意事项:this.setData不会自动转换,如果有问题,请手动修改为:this.*** = ***待续,拜拜

2021-01-04 16:53:05 221 2

原创 vue 封装axios请求(基础版)

新建页面,封装axios请求;import axios from "axios";//创建axios实例var service = axios.create({ baseURL: "/store/", timeout: 5000, withCredentials: true, headers: { "content-type": "application/json", },});export default { service, //get请求 ge.

2020-12-21 16:06:11 2712 4

原创 腾讯地图 删除标记点

官方文档:https://lbs.qq.com/javascript_v2/case-run.html#sample-remove-marker

2020-12-17 10:19:19 2798

原创 数组的改变及简单应用

改变数组pop():删除数组最后一个元素,并返回该元素push():在数组尾部添加元素,并返回更新后的数组长度shift():删除数组的第一个元素,并返回该元素unshift():在数组第一位添加元素,并返回更新后的数组长度sort():对数组排序(按字符ASCII进行排序),也可添加回调函数按照想要的规则排序reverse():数组反转splice(index, howmany, 新数据):返回被删除元素所组成的数组简单应用字符串反转:this.demo.split('').reve

2020-12-15 17:28:51 118

原创 获取7天后的日期或者未来7天内的日期(JS)

let today = new Date() //获取今天的日期let date2 = new Date(today); let dateArray = []date2.setDate(today.getDate() + 7) //获取7天以后的日期for(let i = 0; i < 7; i++){ date2.setDate(today.getDate() + i) dateArray.push(everyDay) //获取未来7天内的日期}知识点:setD

2020-11-20 13:56:13 5345

原创 前端开发工具 - 极简插件

极简插件(前端开发工具)FeHelper Web前端助手包括JSON格式化、二维码生成与解码、信息编解码、代码压缩、美化、页面取色、Markdown与HTML互转、网页滚动截屏、正则表达式、时间转换工具、编码规范检测、页面性能检测、Ajax接口调试、密码生成器、JSON比对工具、网页编码设置、便签笔记Mouse Click Effects 鼠标点击特效Mouse Click Effects 鼠标点击特效 (๑•́ ∀ •̀๑) 是一款好玩有趣的扩展程序, 他的功能是为鼠标点击添加有趣的特效, 支持自

2020-11-10 14:53:15 1621

原创 本地局域网域名配置

C:\Windows\System32\drivers\etc

2020-09-09 14:32:26 1258

原创 git 强制更新版本

git fetch --allgit reset --hard origin/mastergit fetch 只是下载远程的库的内容,不做任何的合并 git reset 把HEAD指向刚刚下载的最新的版本

2020-08-18 17:38:41 1214

原创 微信小程序自定义底部导航(官网可查)

微信小程序开发文档讲解补充官方文档链接:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html在开发文档的当前页面最底部进行开发者工具预览;找到组件 ‘custom-tab-bar’ ,放到自己的小程序中,注意是根目录;在小程序的app.json中的tabbar中添加: “custom”: true (系统将自动找到刚才添加的组件);在组件的点击事件中添加:APP.sel

2020-06-30 17:11:37 1597

原创 vue 正则验证数字格式

验证正整数:oninput="if(this.value=='00'){this.value='0';}else{this.value=this.value.replace(/\D/g, '').replace(/^0{1,}/g, '')};"验证有效小数:oninput="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"...

2020-06-08 16:04:13 1669

原创 小程序 editor(富文本编辑器的使用)

wxml的引用:<editor id="editora" read-only="true" bindready="ready"></editor>id:命名,为了在js中使用该组件read-only:设置编辑器是否为只读bindready:编辑器初始化完成时出发editor官方链接js事件:ready: function () { let edito...

2020-05-07 11:06:14 5394 2

原创 css冷知识点总结

禁止textarea自由拖动:resize: none;鼠标样式修改(cursor): default (默认效果);move(移动效果);pointer(手指形状);url(url图片地址)(设置对象为图片)未完待续...

2020-03-24 15:56:02 276

原创 Element 框架--知识点总结

更改el-table表头背景颜色和字体颜色::header-cell-style="{background:’#eef1f6’,color:’#606266’}"更改el-table表格字体位置设置el-table-column元素的align=‘center’更多样式修改:可用F12键查找代码,修改样式时请在每行框架的css1前添加前缀 /deep/例如:/deep/.el...

2020-03-24 15:49:14 930

原创 js 倒计时编写

countDownCtrl() { let that = this let startTime = new Date().getTime() let endTime = new Date(that.data.endTime_ * 1000).getTime() let time = (endTime - startTime) /1000 let day ...

2020-01-13 17:12:07 215

原创 js封装 请求网络数据

/* 封装ajax函数 * @param {string}opt.type http连接的方式,包括POST和GET两种方式 * @param {string}opt.url 发送请求的url * @param {boolean}opt.async 是否为异步请求,true为异步的,false为同步的 * @param {object}opt.data 发送的参数,格式为对象类型 * @...

2019-12-30 15:57:08 550

原创 用代码批量替换文件后缀名

第一步:在需要更改的文件夹中新建个文本文档;第二步:复制代码:@echo offset num = 0For /r . %%i in (*.acss) do (set /a num += 1echo %%icall echo 第 %%num%% 个文件处理成功ren %%i *.wxss) echo 共%num%个文件被处理成功pause>nul此代码是将后缀...

2019-12-26 17:15:59 555

原创 支付宝小程序开发,支付宝小程序与微信小程序的区别

新手编写,如存在问题,请勿喷,谢谢

2019-12-21 17:42:58 399

原创 小程序 键盘挡住底部输入框解析

**底部是单行输入框:**因为是当行输入框,可用小程序组件自带的cursor-spacing(光标到键盘的距离),设置输入框到键盘的距离即可**底部是多行输入框textarea**解题思路:输入框会被键盘挡住,是因为输入框的高度没有键盘高度高,可将输入框与底部的距离设置为键盘的高度即可编写样式,判定输入框获取焦点时,将输入框与底部的padding / height 增加;bin...

2019-10-17 14:23:09 1507

原创 小程序 - 冷知识点总结

微信7.0.7版本起,当用户打开的小程序最底层页面是非首页时,默认展示“返回首页”按钮,开发者可在页面 onShow 中调用 hideHomeButton 进行隐藏。动态改变下拉刷新的背景色:(针对IOS的下拉刷新和弹性上拉问题) json: "backgroundColor": "#F00" onShow: wx.setBackgroundColor({ b...

2019-10-09 17:50:14 220

原创 js - 数组的改变

**改变数组:**Pop():删除并返回数组的最后一个元素,不接受传参;Push(3,4):向数组的尾部添加3和4,返回新数组的长度;Unshift(3,4):向数组的头部添加3和4,返回新数组的长度;Shift():删除并返回数组的第一个元素,不接受传参;Slice():从一个数组中截取指定的元素,该方法不会影响原数组,而是将截取到的内容封装到一个新的数组并返回...

2019-09-29 10:37:32 636

原创 小程序日历组件改版 - 只可点击当前日期之后的日期

先上效果图:wxml:<!-- 日历 --><view class='calendar'> <!-- 顶部年月 + 切换 --> <view class="month "> <view class="calendar_flex "> <view class="icon flex_center" c...

2019-09-28 11:32:04 2222

原创 小程序 表单输入(新手)

表单填写提交是很常用的步骤;原理:1. 给所有的输入框,选择框添加同一个点击事件;2. 给每个输入框添加 data-key=’’ 专属属性3. 输入框可直接获取输入的内容,将输入的内容赋值给空数组即可4. 特殊表单做特殊处理,具体步骤视情况而定;5. 编不下去了,看代码吧<!-- 表单 --><view class="iptWarp"> <vi...

2019-09-10 15:26:01 4693 3

原创 浅识 js中return的用法

Return False 就相当于终止符,Return True 就相当于执行符。在js中return false 的作用一般是用来取消默认操作的。(function (a) { if(a==2){ alert("a==2"); return ;//结束函数(跳出函数) } if(a==3){ alert("a==3"); ret...

2019-09-06 14:57:27 11231

原创 上传图片、删除图片、点击预览图片(小程序版本)

html<!-- 最多上传3张图,当长传3张图时,上传按钮隐藏 --><view class="addPic" wx:if='{{threeNine}}'> <view class="addPic_btn" catchtap="chooseImage" wx:if='{{imagesList.length < 3}}'> <view ...

2019-09-03 11:54:18 1020

原创 小程序 swiper组件的原点自定义修改

默认原点样式.banner .wx-swiper-dot{background: #ddd;width: 10rpx;height: 10rpx;border-radius: 50%;}选中原点样式.banner .wx-swiper-dot-active{width: 30rpx;height: 10rpx;border-radius: 10rpx;background: #ff2d00;...

2019-09-03 09:59:01 698

原创 Git版本仓库简介及命令符的使用

1.Git版本仓库介绍Git是目前世界上最先进的分布式版本控制系统;Git的版本里存了很多东西,其中最重要的是成为stage(或者叫index)的暂存区,还有Git为我们自动创建的第一个分支master,以及指向master的 一个指针HEAD,工作区有一个隐藏目录.git,这个不算工作区,而是Git的版本库。2.Git的使用因为Git是分布式版本控制系统,所以需要填写用户名和邮箱作为...

2019-09-02 15:20:54 142

富文本解析-小程序端

使用步骤: 1.将压缩包解压放到小程序组件中, 2.在json中引入小程序组件 例:"usingComponents": { "wxparse": "/component/wxParse/index" }, 3.在wxml中引用组件 例:<wxparse content='{{detail.content}}'></wxparse>

2020-05-08

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除