- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 微信小程序踩坑记录 ------- 解决 web-view 刷新Html页面问题
最近搞了个520活动，总得来说流程不是很复杂但还是踩到了坑，特此记录一下，帮助自己记忆也方便给有同样问题的小伙伴一个参考。这次做的活动是将H5页面嵌套在小程序的web-view组件中，H5活动页面中涉及到一个领取优惠券的操作，但是有一个必须是手机号登录用户才可以领取的限制条件，所以流程是这样的：1、小程序给H5传参，H5根据接口判断用户是否登录2、如果用户没有登录H5页面通过微信 JSSDK 1.3.2 的 wx.miniProgram.navigateTo 方法跳转到小程序的手机号注册页面3、.
2020-05-19 03:05:30
5495
2
原创 微信小程序踩坑记录 ------- 解决 http://thirdwx.qlogo.cn 不在以下 downloadFile 合法域名列表中的问题
这几天搞了个活动再次用到了使用canvas生成分享图的技巧，本来都是轻车熟路，奈何还是太年轻，严重低估了微信小程序坑的深度，这一脚踩的是猝不及防。几经周折终于是试出来了一个解决的办法，在这里记录，为后人搭桥防止坠坑。对于还不知道如何在微信小程序中用canvas画出分享图的小伙伴，可以参考我的另外一篇文章 《微信小程序踩坑记录 ------- canvas生成带小程序码的微信朋友圈分享图》在...
2020-04-16 00:04:47
18310
14
原创 微信小程序踩坑记录 ------- 解决原生表单组件 textarea 的 placeholder在真机上出现偏移的问题
如果我们拿到的设计图是标题和输入框文字左右对齐的话，这种时候使用正常的对齐样式，等到真机上进行调试的时候就会发现 Android 和 iOS 的表现形式不一样，textarea 的 placeholder 中的文字总是向下一些的，让人很是头疼，出现这种问题之后多出查找相关资料，最终得出结论：由于微信小程序的 textarea 组件在 Android 和 iOS 中默认样式不同，在 iOS 中会...
2020-03-22 19:41:42
4499
原创 微信小程序踩坑记录 ------- 使用原生表单组件 textarea 层级过高导致出现穿透问题的解决方案
微信小程序的组件有原生与非原生组件的区分，想必有些小伙伴是知道的，官方文档里面对于这里的描述也是很清晰的，博主在这里遇到的就是表单组件里面的textarea，由于原生组件的层级特性导致会出现穿透效果，非常影响用户体验，具体如下图下面的店铺简介就是textarea的杰作，在拉起选择框的时候，总是能后穿透出来他的内部placeholder文字，让人很头疼；我在这里的解决方案是在拉起选择框弹层的...
2020-03-22 19:20:23
984
原创 微信小程序踩坑记录 ------- 使用switchTab向tab页面跳转时如何进行参数传递与接收
微信小程序页面之间的跳转传参使用最多的就是直接使用 navigator 标签来进行参数的传递，在跳转页用js进行参数接收，如从A页面跳转到B页面：A 页面可以在WXML中使用<navigator url="/pages/B?id=1"> 点我向B页面进行跳转，传递id值1</navigator>向B页面传递参数并进行跳转。然后在A页面的js中使用onLoad:...
2019-10-14 09:33:59
3091
3
原创 JavaScript 数据类型 —— 字符串
一、字符串显示1、单行字符串（1）字符串使用 '' 或 "" 括起来进行表示，如：var str = '这是一个字符串';或var str = "这是一个字符串";（2）当字符串中同时存在 '' 和 ""时，使用转义字符\标识，如：var str = 'I\'m super man!'（3）转义字符\可以转义很多字符，比如\n表示换行，\t表示制表符，字符\本身也要转义，所以\\表示的字...
2019-05-22 21:03:08
304
原创 微信小程序踩坑记录 ------- 微信小程序如何开发常见的拉起外部地图软件进行导航的功能
最近在做一个项目，需要开发大家在手机上经常用到的地图导航，主要实现功能有三点： 一、在地址旁加一个按钮可以点击拉起微信内置地图 二、点击地图内的导航按钮可以跳转到想要的地图进行操作，如：高德、腾讯、苹果内置 三、进行熟悉的导航操作，如：选用 驾车、步行等模式其实后两步，微信已经全部封装好了，不需要我们多去操心。我们只需要做好如下几点就可以了：一、使用小程序内置方法拉起地图 二、使用...
2018-11-13 23:11:50
8971
10
原创 vscode （Visual Studio Code）安装汉化以及前端常用插件推荐
个人IDE软件使用经过 DW => HBulider => sublime => vscode，感觉还是 vscode 用着更爽一些。vscode 全称 Visual Studio Code 是一个由微软开发的，同时支持Windows、Linux和macOS操作系统且开放源代码的文本编辑器，支持很多用得着用不着的功能，自己去发掘吧。一、下载安装直接到 官网 点击 Down...
2018-10-30 22:42:33
42198
原创 使用 ES 5 的 Object.keys() 和 ES 6 Object.values()、Object.entries() 方法获取对象中的键值对
今天撸代码写小程序的时候，后端同学一改之前数据返回格式常态，将 JSON 数组换成了 JSON 对象的格式。这下取出数据成问题了啊，作为一个前端小菜鸟，只能到处搜索方法，终于找到了ES 6 中的新方法可以直接用来读取Object中的键值对，闲话不说上代码。一、Object.keys() 将对象中的键名返回成一个数组后端童鞋给我返回的数据格式是这样的：代码里面如下：info: { "装修...
2018-10-30 20:50:34
4114
原创 WAMPserver 3.0.6 默认 www 根目录修改及多站点配置和默认80端口号修改
其实每次换电脑或者重装系统之后，重新配置 PHP 环境安装 WAMPServer ， 都需要进行默认 www 根目录修改以及多站点的配置。而每次都要浪费时间进行搜索，查看别人的教学文章进行相关操作，最不能忍受的是，搜索到的大部分文章都是早期版本的操作方法，导致根本不能用，今天突然懒癌痊愈，决定要自己整理写一下相关方法，以供日后可以不经过多番查找而直接进行操作配置，减少时间的浪费，也为其它有需求的童...
2018-10-30 20:16:18
3691
2
原创 微信小程序踩坑记录 ------- 优化修改微信小程序原生单选（radio）复选（checkbox）框样式
现在的微信小程序是火的不要要的，很多公司都开始做微信小程序的产品项目，很多前端工程师都或主动或被动的一头扎向小程序开发大军，当然我也不可避免的开始加入其中。不管是做什么样的项目，或多或少会涉及到表单，小程序提供了一系列的原生表单组件，其中很多组件是很不错的，我们直接拿来用就可以，但是单选和复选框的样式，实在是不在丑的不忍直视，当然和我们的设计小哥哥小姐姐做的设计图更是相差甚远，为了达到预期效果我...
2018-10-21 12:27:36
6858
原创 微信小程序踩坑记录 ------- canvas 生成带小程序码的微信朋友圈分享图
最近做了一个问卷类的小程序，其中的结果页想让用户进行朋友圈分享转发，网上搜索资料，得出解决思路，用 canvas 将页面绘制生成图片，然后保存到手机相册，最终效果如下： 在这里我只写页面里关于 canvas 生成图片并进行保存这个流程的相关代码，并且会在我踩过的坑那里进行具体的讲述。废话不多说直接上干货wxml&amp;amp;amp;amp;lt;!-- 调用canvas图片绘制方法 按...
2018-09-14 04:51:32
7546
8
原创 解决移动端页面出现 X轴横向滚动条问题
最近在用 Bootstrap 写一个需要适配 WEB 和 WAP 的网站，写完后发现 WAP 端总是会出现横向滚动条，也就是 X 轴滚动条，导致 WAP 端页面左右滑来滑去，很是令人蛋疼，即使设置了 overflow-x： hidden 也无法去除，通过各种途径寻找解决方法，最终在 张鑫旭 大神的一篇文章里找到了最终解决方法，在这里记录一下防止之后自己用得到时还需要重新找，也为那些同样有这方面问题...
2018-07-30 22:28:19
18964
12
原创 GitHub 和 码云 的 Git 远程仓库搭建
最近在学习 Git 版本控制，现在稍微有点规模的公司都会有自己的版本控制工具，大部分公司都选择Git这种分布式的版本控制工具。这篇文章主要讲如何在开源网站搭建远程 Git 仓库，作为自己的一个学习记录，也希望能够为那些有这方面需求的童鞋提供帮助。废话不多说，上干货。第一步：搭建本地 Git 仓库至于如何在本地搭建 Git 仓库，不明白的童鞋可以到我之前写的《GIt的本地安装和版本库创建》这...
2018-07-13 18:59:51
656
原创 使用 CSS 修改 HTML 默认单选（radio）和复选框（checkbox）样式（网页版）
HTML 默认的单选和复选框有多丑作为一个互联网人大家都是知道的，所以我们UI设计的小哥哥小姐姐们在设计时候，为了美观经常会设计一些漂亮的单选或者复选框，这就要求我们前端开发童鞋必须去修改HTML单选复选框的默认样式，当然修改的方式有很多种，我在这里展示的是如何用CSS来修改。我做的是一个记住密码的选择框首先上 HTML 代码&amp;amp;amp;lt;label for=&amp;amp;quot;remmber&amp;amp;quot;&
2018-07-12 19:09:39
30218
6
原创 常用的HTML和CSS content属性特殊字符归纳
今天在做开发的时候，需要用到CSS的content属性，加入一些特殊字符来实现网页效果。但是特殊字符那么多，怎么可能记得住，所以谷歌百度搜索之后找到了一个比较全的，在这里进行归纳备忘，为了和我有相同需求的童鞋以及自己日后再用到的时候提供方便。 因为这些字符属于unicode字符集，所以，我们在使用的时候需要将添加这些字符的代码声明为UTF-8格式；还有一点需要注意的是，部分字符在不同...
2018-07-12 18:32:57
26951
1
原创 Sublime Text 3 下载安装、注册、汉化
一、下载安装和注册Subline Text 3 下载安装太简单了，就不在这里啰嗦了。 可以直接在官网进行下载安装，或者用360来进行安装。 至于注册可以点击 help -&amp;amp;amp;amp;gt; enter Licence，然后输入下面的注册码，或者百度、谷歌搜索注册码。—– BEGIN LICENSE —– Country Rebel Single User License EA7E-9...
2018-07-09 13:03:48
2258
转载 GIt的本地安装和版本库创建
一、Git安装1、在 Linux 上安装首先，输入 git ,看看系统有没有安装 Git$ gitThe program 'git' is currently not installed. You can install it by typing:sudo apt-get install git有很多Linux会友好地告诉你Git没有安装，还会告诉你如何安装Git。 如果...
2018-06-29 23:14:32
924
原创 Linux 操作指令之添加用户并设置权限（个人常用备忘）
添加用户并设置权限本示例操作环境为 Xshell 5一、添加用户注意： 在使用useradd命令创建新用户时，不会为用户创建主目录，不会为用户指定shell版本，不会为用户创建密码。使用方法：useradd 添加的用户名如：useradd php-api二、修改密码使用方法：passwd 用户名如：passwd php-api...
2018-06-26 15:16:04
2552
原创 JavaScript 面向对象之二 —— 函数上下文（call() 和 apply()）
本系列文章根据《爱前端邵山欢老师深入浅出的js面向对象》视频整理归纳call() 和 apply() 这两个都是函数的方法，只有函数能够通过点方法调用call()、apply()，表示用指定的上下文执行这个函数。如下，定义一个函数 fun，当 fun 函数里面的 this 必须指向 obj时，我们就可以通过函数调用call、apply来指定上下文。function fun(){ con
2017-05-17 22:34:49
250
原创 JavaScript 面向对象之二 —— 函数上下文（this的指向）
本系列文章根据《爱前端邵山欢老师深入浅出的js面向对象》视频整理归纳函数上下文在 JavaScript 中，函数的上下文是有规律可循的，基本可以分为以下几项： 规律一：函数用圆括号调用，函数上下文是 window 对象。如下，函数 function fun(){} 的上下文是什么，即 this 的指向是谁， 不是根据它如何定义，而是根据如何调用得出的，在这里fun() 是通过函数名加圆括号直
2017-05-16 21:27:02
498
原创 JavaScript 面向对象之一 —— 对象（对象的方法）
本系列文章根据《爱前端邵山欢老师深入浅出的js面向对象》视频整理归纳对象的方法 如果一个对象的属性值是一个函数，我们称这个属性为这个对象的方法（method）。var obj = { name : "张鑫", sex : "男", sayHello:function(){ alert("你好"); }}obj.sayHello(); //
2017-05-11 00:47:50
423
原创 JavaScript 面向对象之一 —— 对象（对象与JSON的区别）
本系列文章根据《爱前端邵山欢老师深入浅出的js面向对象》视频整理归纳 2、对象与JSON的区别 JSON 就是 JavaScript object notation ，JavaScript 对象表示法。是 JavaScript 对象的严格子集。JSON 要求所有的键必须加双引号，而 JavaScript 对象不要求双引号。标准JSON格式：var obj = { "name" : "张
2017-05-11 00:36:15
441
原创 JavaScript 面向对象之一 —— 对象（认识对象）
1、认识对象本文根据《爱前端邵山欢老师深入浅出的js面向对象》视频整理而成 对象在JavaScript中分为狭义对象和广义对象两种。● 所谓的狭义对象，就是用{}这种字面量的形式定义的对象，它是一组属性的无序集合var obj = { name : '张鑫'， age : 25, sex : '男', hobby : ['打游戏','看电影','听音乐','
2017-05-10 21:12:52
663
百度地图中国所有城市经纬度坐标点
2018-09-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人