- 博客(109)
- 收藏
- 关注
原创 小程序上拉加载onReachBottom不触发
1、检查配置对应的config配置文件export default { enablePullDownRefresh: true,}2、查看是否有重复的onReachBottom 被覆盖3、css页面高度height去除.skuBuyFeed { background-color: #121212; width: 100vw; // height: 100vh; padding-top: 80px; overflow-y: auto;}...
2021-10-26 17:58:56
574
原创 vue h5页面滑动回弹问题解决
方法一: fixed定位检查问题,发现页面没高度,解决办法:html,body统一设为100%,在父组件的根元素设置position:fixed可以使页面无橡皮筋效果<style>.layout{ position: fixed; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden;}</style>不要将手机页面的高度设为100vh,手机浏...
2021-10-26 17:57:03
2653
原创 把URL转为大写16进制
代码如下 let url = 'https://www.baidu.com' function strUpCaseCode(url) { if (url === "") { return ""; } let upCaseCode = []; upCaseCode.push(""); for (var i = 0; i < url.length; i++) { upCaseCode.push((url.charCodeAt(i).
2021-04-19 10:50:22
577
原创 git push错误:RPC failed; HTTP 411 curl 22 The requested URL returned error: 411 Length Required
报错原因是git 通过http post提交时大小有限制 设置下大小就可以了设置代码:git config http.postBuffer 524288000
2019-11-26 10:58:51
636
原创 常用的一些js技巧
1. 空(null, undefined)验证当我们创建了一个新的变量,我们通常会去验证该变量的值是否为空(null)或则未定义(undefined)。这对于 JavaScript 编程来说,是一个经常要考虑到的验证。如果直接写,那么像下面这样:if (variable1 !== null || variable1 !== undefined || variable1 !== "")...
2019-10-15 17:10:45
248
转载 vue cli 3 build 打包之后路径错误问题
vue-cli 3.x 打包上线 【入坑合集】问题1:使用vue-cli 3.x开发的项目,开发的时候顺利无比,一旦打包上线各种问题就来了。首先是资源里面报各种各样的请求错误。解决思路:在src文件夹同级目录下创建vue.config.js文件在vue.config.js中重写打包后的基础路径为当前目录module.exports = { //... base...
2019-03-30 16:21:32
11787
5
转载 React和Vue对比
相同点都支持服务器端渲染 都有Virtual DOM,组件化开发,通过props参数进行父子组件数据的传递,都实现webComponent规范 数据驱动视图 都有支持native的方案,React的React native,Vue的weex不同点React严格上只针对MVC的view层,Vue则是MVVM模式 virtual DOM不一样,vue会跟踪每一个组件的依赖关系,不需要...
2018-11-19 10:31:17
386
原创 怎么判断进入小程序的途径
在 app.js的onShow 方法里进行获取 onShow: function (options) { let option = JSON.stringify(options); console.log('app.js option-----' + option) console.log('app.js--------------------...
2018-08-22 15:11:48
4147
原创 百度地图获取城市adcode编号cityCode编号
百度找了好久没找到,最后还是自力更生解决问题,获取城市的各种信息和编号直接上代码<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <me
2018-07-09 14:30:36
23513
2
原创 js前面自动补全位数
例如我们希望输出的数字长度是固定的,假设为10,如果数字为123,则输出0000000123,不够位数就在之前补足0,这里提供了三种不同的方式实现JS代码给数字补0 的操作第一种function PrefixInteger(num, length) { return (num/Math.pow(10,length)).toFixed(length).substr(2);}第二种functio...
2018-06-29 16:17:08
2746
原创 微信小程序定位当前城市
定位获取当前所在城市直接上代码Page({ data: { city: '' }, onLoad: function (options) { this.loadInfo(); }, loadInfo: function () { var page = this wx.getLocation({ type: 'wgs84', ...
2018-06-21 16:50:50
5012
原创 JS循环遍历 map, filter, some, every, forEach, for in, for of 用法简单总结
1.map有返回值,返回一个新的数组,每个元素为调用func的结果。let list = [1, 2, 3, 4, 5];let other = list.map((d, i) => { return d * 2;});console.log(other);// print: [2, 4, 6, 8, 10]2.filter有返回值,返回一个符合func条件的元素数组let li...
2018-04-26 10:20:22
1475
原创 $ npm install express -g 问题
$ npm install express -g报错的话最后查找原因,原来,最新express版本中将命令工具分家出来了(项目地址:https://github.com/expressjs/generator),所以我们还需要安装一个命令工具,命令如下:npm install -g express-generator然后 在 express --version (两个- 不要expre...
2018-04-23 17:29:17
3161
1
转载 JavaScript 数组方法对比
JavaScript 提供了多种新增,移除,替换数组元素的方法,但是有些会影响原来的数组;有些则不会,它是新建了一个数组。注意:区分以下两个方法的不同点:array.splice() 影响原来的数组array.slice() 不影响原来的数组I. 新增:影响原数组使用 array.push() 和 array.ushift() 新增元素会影响原来的数组。II. 新增:不影响原数组两种方式新增元素不...
2018-04-23 15:49:51
273
转载 SVN建立分支和合并分支代码
1.SVN建立分支正确SVN服务器上会有两个目录:trunk和branches。trunk目录下面代码就是所谓的主版本,而branches文件夹主要是用来放置分支版本。分支版本是依赖于主版本的,因此建立分支版本时候,必须要在trunk文件夹操作才可以的。下面是推荐的操作步骤:(1)从SVN上checkout Trunk版本下来。如果在本地机器上已有了trunk版本,需要更新一下到最新代码。(2)在...
2018-04-13 10:48:27
550
原创 js isArray() 兼容性处理
解决 IE8不支持 Array.isArray()方法 判断是否是数组if (!Array.isArray) { Array.isArray = function(arg) { return Object.prototype.toString.call(arg) === '[object Array]'; };}
2018-04-11 14:28:45
2161
转载 Object.keys方法之详解
在实际开发中,我们有时需要知道对象的所有属性,原生js给我们提供了一个很好的方法:Object.keys(),该方法返回一个数组传入对象,返回属性名var obj = {'a':'123','b':'345'};console.log(Object.keys(obj)); //['a','b']//需要注意的是 如果key值是数字他会正序排列var obj1 = { 100: "a", ...
2018-04-11 11:13:30
471
原创 push json数据时,查看数据是否有重复
我们提交数据时 查看是否有重复的ID或者人名可以直接用一下方法简写:JSON.stringify(a).indexOf(JSON.stringify(b)) != -1
2018-03-19 18:03:41
2274
转载 ES6 class,与js prototype原型继承有何关系?
ES6为了进一步的缩减代码的编写,和简化代码的逻辑,引入了关键词 class。但class的实现也是在prototype的基础上,做了一层语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。class Person {constructor(name) {this.name=name||"Default";}toStri...
2018-03-06 13:47:00
2315
原创 微信小程序iphone x适配
微信小程序在适配iphone x 的时候 底部的横线会出现遮挡这时候就要处理下:在app.js文件中 创建全局变量,然后获取设备型号 globalData: { isIphoneX: false, userInfo: null }, onShow:function(){ let that = this; wx.getSystemInfo({ ...
2018-03-02 13:30:33
9393
转载 微信小程序优化瘦身可通过 WeCOS 实现
尽管 4 月份微信官方将小程序的大小限制从 1M 放开到 2M,但是对于使用大量图片的小程序(电商等)来说,2M 的限制还是显得拮据。基于这种场景,腾讯云微信小程序解决方案团队开发了 WeCOS 小程序瘦身工具,依托腾讯云强大的云对象储存(COS),提供自动将小程序内部的图片自动上传到 COS,并将图片的相对路径改为线上 URL,这样就可以大大的缩减小程序的大小,并且无需过多繁琐的上传步骤。现在我...
2018-02-26 10:11:40
2599
1
原创 js严格模式下this指向
1. 全局作用域中的this在严格模式下,在全局作用域中,this指向window对象 "use strict"; console.log("严格模式"); console.log("在全局作用域中的this"); console.log("this.document === document",this.document === doc
2018-02-06 15:06:46
2958
原创 IOS不支持overflow: hidden;
把下边代码放上就好咯.css{height: 100%;overflow: hidden;width: 100%;position: fixed;}
2018-01-17 16:16:36
4528
转载 微信小程序获取手机号
小程序中有很多地方都会用到注册用户信息的地方,用户需要填写手机号等, 有了这个组件可以快速获取微信绑定手机号码,无须用户填写。1.getPhoneNumber这个组件通过button来实现(别的标签无效)。将button中的open-type=“getPhoneNumber”,并且绑定bindgetphonenumber事件获取回调。 2.在使用
2018-01-17 09:36:23
4977
原创 微信小程序层级问题
在小程序里面map组件是层级最高的,所以设置z-index是没有用的小程序中 canvas、textarea、video 等组件使用原生渲染,如果需要弹层交互的话它们会挡住弹层。解决办法就是在弹层后将这些组件 hidden 属性设置为 true,弹出消失时重置为 false 即可。另一个问题是如果这些组件在弹层内,它们不会限制在弹层中,而是会随着页面整体进行滚动。
2017-11-16 15:12:48
19642
转载 小程序页面跳转解析
对于两个或更多页面的微信小程序而言,页面之间的跳转是在所难免的。有关小程序页面间跳转的 API 函数,微信一共为我们提供了 4 个(另外,还有返回上一级或多级的 wx.navigateBack)。下面,我将主要围绕这四个 API 函数,教你如何跳出页面跳转的大坑。四个接口怎么用?这四个 API 可接受的参数都是完全相同的,如下:在小程序 JavaSc
2017-10-27 13:41:00
2502
原创 分割数组
function updateArr() { var random = [11,22,33,44,55]; var newArr = []; var json = {}; var j = 0; for(var i in random){ newArr.push(random[i]); i ++; if(i %2
2017-10-23 17:55:51
343
原创 数组去重的4种方案
方法一:这是最简单原始的数组去重方法,效率应该是最低的吧。具体方法就看代码吧var arr=[1,12,10,14,11,14,1,11,14,16,18,31];function noRepeat() { var newArr = [arr[0]]; //将arr的第一个值放入newArr中 for (var i = 1; i < arr.length; i++)
2017-10-18 10:09:21
446
转载 开发小程序的一些坑
坑1、没有DOM无法使用熟悉的$查找、document.getElementById等等这些操作,小程序取而代之的是数据绑定技术,所谓的数据驱动,就是数据改变之后,视图展示跟着自己会变。DOM没了,所以只好频繁的使用this.setData({})来操作页面属性。tip:在方法最初最好添加 var than = this; 使用than代替this,否则方法内部函数的this会被替
2017-10-17 09:28:43
2273
转载 JavaScript里的面向对象心得
一、面向对象的概念面向对象是一种编程思想对象:可以添加属性(变量)和方法(函数);面向对象写法特点: 1、把功能写成一个函数; 2、函数必须写在对象身上,调用的时候直接拿对象.方法名(); 3、对象身上的功能可以继承; 4、this指向,在事件或者定时器里面是访问不到真正的this的,需要在外面存一下;写法示例: fu
2017-10-16 15:33:30
312
转载 HTML5 5大存储方式总结
总体情况h5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。主Domain污染。主要应用:购物车、客户登录对于IE浏览器有UserData,大小是64k,只有IE浏览器支持。目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器1.本地存储localstorage存储方式:
2017-10-16 15:08:02
317
转载 12个js技巧
1. 空(null, undefined)验证当我们创建了一个新的变量,我们通常会去验证该变量的值是否为空(null)或则未定义(undefined)。这对于JavaScript编程来说,是一个经常要考虑到的验证。如果直接写,那么像下面这样:if (variable1 !== null || variable1 !== undefined || variable
2017-10-12 11:16:32
369
转载 移动前端开发需要注意的20个要点
移动前端开发正逐渐步入前端技术的主流,事实上跟在一般的pc上,并不需要你掌握额外的技术,然而你在pc web上那一套在多数情况下并不适用于手机web,你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地,这里面有足够高大上的技术等着你去驾驭,在这方面,你可以欣喜地说:让ie见鬼去吧。1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签
2017-09-20 16:37:00
460
转载 Bootstrap兼容IE6 IE7 IE8 IE9 IE10 IE11的方法
最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,然后各种百度啊,最后在 雅朋网 的一个网友帖子的帮助下解决了问题,也参考了 千寻学习网 的资料,先将解决方法总结如下:首先需要确保你的HTM
2017-09-19 11:29:25
1309
原创 ie兼容meta标签http-equiv=X-UA-Compatible的用法示例与说明
常见写法如下:#以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。 meta http-equiv="X-UA-Compatible" content="IE=8"> #以上代码告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。 meta http-equiv="X-UA-Compatible" conte
2017-09-19 11:19:02
1670
转载 localStorage用法小总结
首先在开发者工具的Console中,输入了localStorage.然后就弹出了一些列宿主(浏览器)提供的localStorage自带的方法,摘录了一些常用的API如下表所示:名称作用clear清空localStorage上存储的数据getItem读取数据hasOwnProperty检查localStorage上是
2017-09-12 15:07:56
2023
转载 localStorage is not defined的解决方案
localStorage.setItem('id_token', JSON.parse(response.data))报错:http://eslint.org/docs/rules/no-undef 'localStorage' is not definedlocalStorage.setItem('id_token', JSON.parse(response.data))^
2017-09-12 15:03:26
27319
原创 laydate日期插件案例,结束时间小于开始时间不可选择
结束时间不小于开始时间不可选择,分钟和今天可以选择显示html: 开始时间: input class="laydate-icon" name="end_time" value="" placeholder="结束时间" id="end" type="text"> js: var start = {
2017-09-08 13:27:54
7401
3
转载 git SSH Key 生成步骤
Git是分布式的代码管理工具,远程的代码管理是基于SSH的,所以要使用远程的git则需要SSH的配置。github的SSH配置如下:一 、设置Git的user name和email:$ git config --global user.name "wuyi"$ git config --global user.email "wyyworkup@163.com"
2017-09-04 09:12:33
475
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人