- 博客(24)
- 收藏
- 关注
RSS订阅
原创 前端项目javascript笔记(二) 常用工具函数
12-21更新获取当前时间function getTime() { var date = new Date(); var Year = date.getFullYear(), Month = date.getMonth() + 1, Day = date.getDate(), Hours = date.getHours(),...
2018-12-21 10:20:06
178
原创 前端项目javascript 笔记（一）常用工具函数 持续更新
前端项目中经常会有一个全局的js，现下给大家分享一下我最近项目中常用到的函数一、针对地址栏操作获取地址栏某一参数$.getUrlParam = function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.searc...
2018-12-17 11:21:58
195
原创 微信小程序 behaviors进阶实现 list 列表优化
behaviors 是用于组件间代码共享的特性，类似于一些编程语言中的 “mixins” 或 “traits”。每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时，它的属性、数据和方法会被合并到组件中，生命周期函数也会在对应时机被调用。每个组件可以引用多个 behavior ，behavior 也可以引用其它 behavior。详细的参数含义和使用请参考 链接:Behavior 参考文档。
2023-06-06 17:06:11
458
原创 面试小攻略之——节流防抖
**函数节流**当持续触发事件时，保证一定时间段内只调用一次事件处理函数，通俗的理解就是，公交每20分钟发一趟，不管在这20分钟内公交站内有多少人等待上车所以所谓节流就是指持续触发事件但是在n秒内只执行一次函数，节流会稀释函数的执行频率代码实现ps：对于节流，一般有两种方式可以实现，分别是时间戳和定时器版时间戳版function trottle(doSomeThing,wait) { var _this, _arguments, initTime =
2021-04-13 15:05:13
132
原创 随笔小记demo(小程序篇) 之 点击导航栏内容及活动块左右滑动切换
分析页面布局状态栏 + 内容块利用transtion 进行:页面块之状态栏wxml<view class="navbox navbox-{{activeId}}"> <block wx:for="{{navList}}" wx:key="index"> <view bindtap="bindViewTap" class="{{activ...
2020-06-05 02:41:36
204
原创 微信小程序之swiper bindchange 陷入死循环的解决方法
背景说明由于公司需求需要，需要按照返回值设置当前swiper 的curren值，造成swiper的闪烁、抖动问题，现在分享出来我的解决方案先来查看swiper 的一些事件方法属性类型默认值必填说明bindchangeeventhandle否current 改变时会触发 change 事件，event.detail = {current, source}...
2020-04-29 22:25:23
1119
原创 微信小程序结合vant weapp ui实现多图上传组件
微信小程序多图上传最近在写小程序的商品上传，为方便需要使用多张图片的上传的功能。因为小程序不支持数组的多张图片同时上传，然后根据自己的需求创建了一个组件希望能够帮到大家效果图创建一个图片上传的promise uploadFilePromise(filePath, Authorization) { return new Promise(function(reso...
2020-04-27 15:35:01
3543
原创 git使用命令行修改远程分支名称
git修改远程分支名称首先将代码贴出来1.修改分支名称git branch -m <old branchName> <new branchName>2.删除原本的分支git push origin :<old branchName>3.本地分支与线上分支建立连接git push --set-upstream origin <new br...
2020-04-27 14:46:05
934
原创 关于vue打包（时常更新）
1.生产环境去除console.log build 文件夹下webpack.prod.conf.js文件中添加new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, drop_debugger: true, drop_cons...
2019-08-23 11:25:46
335
原创 element UI中flex布局下el-table宽度自适应在IE下出现一直加载宽度的bug解决
最近的一个后台项目大量用到了element-ui里面的table。在调试ie兼容性的时候发现当没有加载表格数据只有表头时显示正常，但当加载数据后，表格一直抖动而且宽度持续增加。默认fit=true，把fit设置为false后是不会抖动了，但列不能充满表格。Debug：通过控制台发现组件生成的table的宽度是动态计算的，翻查源码，发现以下代码段// table.vueif (this.fit...
2019-06-05 14:10:17
8269
3
原创 WEPY不支持过滤器的替代方案(wxs)
用惯了VUE和Angular的小伙伴们,肯定很喜欢过滤器这个功能,非常的简介和好用因微信小程序不支持过滤器,从而导致WEPY和MPVUE等开发微信小程序的框架也不支持过滤器现给大家提供一个可以替代filter使用的方法就是WXSwxsWXS 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScr...
2019-05-05 14:36:45
968
2
原创 wepy小程序开发上传图片裁剪功能
一、引入插件we-cropper(相关api文档地址)npm install we-cropper --save二.创建一个cropper.wpy(上传裁剪一个正方型图片)<style lang="less"> .cropperBox { background: #fff; color: #fff; position: fixed;...
2019-05-05 11:41:54
1034
1
原创 wepy判断环境，根据环境变量来改变项目运行参数
方法一：在wepy项目目录中有wepy.config.js这个文件,在这个js 文件中有appConfig字段，appConfig: { serverUrl: process.env.NODE_ENV === 'production' ? 'https://a.com/' : 'https://a.test.com/' //正式环境 https://a.com 测试环境 ...
2019-05-05 11:08:36
906
原创 wx.chooseLocation/wx.getLocation直接进入fail()；解决方案(微信小程序开发之坑）
在一些小程序/小游戏的业务逻辑中，有时需要依赖用户所在的地理位置来提供服务，当前开发者可以通过调用 调用 wx.getLocation / wx.authorize 等接口获取用户的地理位置信息或授权。根据 iOS 系统对用户隐私保护的要求，同时我们也为了让用户可以更好的判断是否要将地理位置信息提供给开发者，故调整为当小程序/小游戏获取用户地理位置信息时，开发者需要填写获取用户地理位置的用途说明...
2019-04-19 16:14:14
4387
原创 【layui 】 checkbox实现全选、反全选效果
首先使用layui checkBox或任意表单需要必备的代码有引入 <link rel="stylesheet" href="/lib/css/layui.css"> //引入css <script src="/lib/layui.js"></script> //引入js2.html <div
2019-03-13 16:44:25
2207
原创 vue项目搭建并配置移动端自适应
加粗样式1. 开发环境安装npm install -g cnpm --registry=https://registry.npm.taobao.org 全局安装淘宝镜像cnpm install --global vue-clivue init webpack my-projectcd my-project cnpm install cnpm run dev2.使用rem 布局...
2019-03-11 15:53:36
1015
原创 微信小程序获取屏幕宽度以及元素的宽高
一、微信小程序获取系统信息微信获取系统信息函数为wx.getSystemInfo(OBJECT)object 参数说明参数类型必填successFunction是failFunction否completeFunction否success 回调参数说明属性说明model手机型号pixelRatio设备像...
2019-02-14 15:51:34
3969
原创 TortoiseGit(小乌龟)设置pageant开机自启动且自动加载SSH Key
TortoiseGit无法使用git 生成的ssh-key 需要转化为ppk 公钥，然后就产生每天上班第一件事就是打开 Pageant ，然后去加载公钥，比较麻烦，现在我们把这件重复的事情设置为开机自启动生成ppk 文件1.首先找到TortoiseGit 的安装目录的bin目录，然后找到puttygen.exe 运行 或是 window键打开开始菜单，搜索puttygen 点击运行点...
2019-01-14 15:50:05
5982
1
原创 layui 时间选择器实现区间段筛选效果
项目中常会用到时间选择器，但是找了一下layui的官方文档时间选择器是独立的存在，但是要实现end时间选择器max为start选择器最终选择时间，还需要在done(选中)事件做下一步处理废话不多说。直接上代码/** * @description: layui的时间区间选择限值函数 * @param {start:开始时间选择器id,end:结束时间选择器id，} * @retur...
2018-12-29 10:23:15
3396
原创 微信小程序使用微信组件swiper实现中间大图另外两张小图
效果实现思路使用微信组件swiperswiper组件api previous-margin、next-margin属性名类型默认值类型说明previous-marginString“0px”前边距，可用于露出前一项的一小部分，接受 px 和 rpx 值next-marginString“0px”后边距，可用于露出后一项的一小部分，接受 px 和...
2018-12-19 18:13:27
6228
3
原创 时间格式化、倒计时的函数
日常项目中常常会对后端返回的时间格式进行处理，以下几个时间处理的函数时间格式化Date.prototype.Formate = function (formate) { var agrs= { &amp;amp;quot;M+&amp;amp;quot;: this.getMonth() + 1, //月份 &amp;amp;quot;d+&amp;amp;quot;: this.getDa
2018-12-19 14:08:24
884
原创 javascript 数组、对象深度克隆
最近项目过程中针对数组及对象的赋值发现以下问题情况一： var A={age:12,name:'anne'},B=A; B.grade='五年级'; console.log('A：',A,'B：',B); //A：{age:12,name:'anne',grade:'五年级'} B： {age:12,name:'anne',grade:'五年级'}情况二： ...
2018-12-13 15:30:20
901
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人