自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

张鑫的博客

个人日常技术学习总结

原创 微信小程序踩坑记录 ------- 解决 web-view 刷新Html页面问题

最近搞了个520活动,总得来说流程不是很复杂但还是踩到了坑,特此记录一下,帮助自己记忆也方便给有同样问题的小伙伴一个参考。 这次做的活动是将H5页面嵌套在小程序的web-view组件中,H5活动页面中涉及到一个领取优惠券的操作,但是有一个必须是手机号登录用户才可以领取的限制条件,所以流程是这样的...

2020-05-19 03:05:30 593 0

原创 微信小程序踩坑记录 ------- 解决 http://thirdwx.qlogo.cn 不在以下 downloadFile 合法域名列表中的问题

这几天搞了个活动再次用到了使用canvas生成分享图的技巧,本来都是轻车熟路,奈何还是太年轻,严重低估了微信小程序坑的深度,这一脚踩的是猝不及防。几经周折终于是试出来了一个解决的办法,在这里记录,为后人搭桥防止坠坑。 对于还不知道如何在微信小程序中用canvas画出分享图的小伙伴,可以参考我的另...

2020-04-16 00:04:47 1797 0

原创 微信小程序踩坑记录 ------- 解决原生表单组件 textarea 的 placeholder在真机上出现偏移的问题

如果我们拿到的设计图是标题和输入框文字左右对齐的话,这种时候使用正常的对齐样式,等到真机上进行调试的时候就会发现 Android 和 iOS 的表现形式不一样,textarea 的 placeholder 中的文字总是向下一些的,让人很是头疼,出现这种问题之后多出查找相关资料,最终得出结论: 由...

2020-03-22 19:41:42 608 0

原创 微信小程序踩坑记录 ------- 使用原生表单组件 textarea 层级过高导致出现穿透问题的解决方案

微信小程序的组件有原生与非原生组件的区分,想必有些小伙伴是知道的,官方文档里面对于这里的描述也是很清晰的,博主在这里遇到的就是表单组件里面的textarea,由于原生组件的层级特性导致会出现穿透效果,非常影响用户体验,具体如下图 下面的店铺简介就是textarea的杰作,在拉起选择框的时候,总是...

2020-03-22 19:20:23 180 0

原创 微信小程序踩坑记录 ------- 使用switchTab向tab页面跳转时如何进行参数传递与接收

微信小程序页面之间的跳转传参使用最多的就是直接使用 navigator 标签来进行参数的传递,在跳转页用js进行参数接收,如从A页面跳转到B页面: A 页面可以在WXML中使用 <navigator url="/pages/B?id=1"> 点我向B页面进行跳转,...

2019-10-14 09:33:59 327 2

原创 JavaScript 数据类型 —— 字符串

一、字符串显示 1、单行字符串 (1)字符串使用 '' 或 "" 括起来进行表示,如:var str = '这是一个字符串';或var str = "这是一个字符串"; (2)当字符串中同时存在 '...

2019-05-22 21:03:08 54 0

原创 微信小程序踩坑记录 ------- 微信小程序如何开发常见的拉起外部地图软件进行导航的功能

最近在做一个项目,需要开发大家在手机上经常用到的地图导航,主要实现功能有三点: 一、在地址旁加一个按钮可以点击拉起微信内置地图 二、点击地图内的导航按钮可以跳转到想要的地图进行操作,如:高德、腾讯、苹果内置 三、进行熟悉的导航操作,如:选用 驾车、步行等模式 其实后两步,微信已经全部封装好...

2018-11-13 23:11:50 4988 9

原创 vscode (Visual Studio Code)安装汉化以及前端常用插件推荐

个人IDE软件使用经过 DW =&gt; HBulider =&gt; sublime =&gt; vscode,感觉还是 vscode 用着更爽一些。 vscode 全称 Visual Studio Code 是一个由微软开发的,同时支持Windows、Linux和ma...

2018-10-30 22:42:33 20435 0

原创 使用 ES 5 的 Object.keys() 和 ES 6 Object.values()、Object.entries() 方法获取对象中的键值对

今天撸代码写小程序的时候,后端同学一改之前数据返回格式常态,将 JSON 数组换成了 JSON 对象的格式。这下取出数据成问题了啊,作为一个前端小菜鸟,只能到处搜索方法,终于找到了ES 6 中的新方法可以直接用来读取Object中的键值对,闲话不说上代码。 一、Object.keys() 将对象中...

2018-10-30 20:50:34 1972 0

原创 WAMPserver 3.0.6 默认 www 根目录修改及多站点配置和默认80端口号修改

其实每次换电脑或者重装系统之后,重新配置 PHP 环境安装 WAMPServer , 都需要进行默认 www 根目录修改以及多站点的配置。而每次都要浪费时间进行搜索,查看别人的教学文章进行相关操作,最不能忍受的是,搜索到的大部分文章都是早期版本的操作方法,导致根本不能用,今天突然懒癌痊愈,决定要自...

2018-10-30 20:16:18 2156 1

原创 微信小程序踩坑记录 ------- 优化修改微信小程序原生单选(radio)复选(checkbox)框样式

现在的微信小程序是火的不要要的,很多公司都开始做微信小程序的产品项目,很多前端工程师都或主动或被动的一头扎向小程序开发大军,当然我也不可避免的开始加入其中。 不管是做什么样的项目,或多或少会涉及到表单,小程序提供了一系列的原生表单组件,其中很多组件是很不错的,我们直接拿来用就可以,但是单选和复选框...

2018-10-21 12:27:36 4864 0

原创 微信小程序踩坑记录 ------- canvas 生成带小程序码的微信朋友圈分享图

最近做了一个问卷类的小程序,其中的结果页想让用户进行朋友圈分享转发,网上搜索资料,得出解决思路,用 canvas 将页面绘制生成图片,然后保存到手机相册,最终效果如下: 在这里我只写页面里关于 canvas 生成图片并进行保存这个流程的相关代码,并且会在我踩过的坑那里进行具体的...

2018-09-14 04:51:32 5361 5

原创 解决移动端页面出现 X轴横向滚动条问题

最近在用 Bootstrap 写一个需要适配 WEB 和 WAP 的网站,写完后发现 WAP 端总是会出现横向滚动条,也就是 X 轴滚动条,导致 WAP 端页面左右滑来滑去,很是令人蛋疼,即使设置了 overflow-x: hidden 也无法去除,通过各种途径寻找解决方法,最终在 张鑫旭 大神的...

2018-07-30 22:28:19 9161 3

原创 GitHub 和 码云 的 Git 远程仓库搭建

最近在学习 Git 版本控制,现在稍微有点规模的公司都会有自己的版本控制工具,大部分公司都选择Git这种分布式的版本控制工具。这篇文章主要讲如何在开源网站搭建远程 Git 仓库,作为自己的一个学习记录,也希望能够为那些有这方面需求的童鞋提供帮助。废话不多说,上干货。 第一步:搭建本地 Git 仓...

2018-07-13 18:59:51 344 0

原创 使用 CSS 修改 HTML 默认单选(radio)和复选框(checkbox)样式(网页版)

HTML 默认的单选和复选框有多丑作为一个互联网人大家都是知道的,所以我们UI设计的小哥哥小姐姐们在设计时候,为了美观经常会设计一些漂亮的单选或者复选框,这就要求我们前端开发童鞋必须去修改HTML单选复选框的默认样式,当然修改的方式有很多种,我在这里展示的是如何用CSS来修改。 我做的是一个记住...

2018-07-12 19:09:39 20950 4

原创 常用的HTML和CSS content属性特殊字符归纳

今天在做开发的时候,需要用到CSS的content属性,加入一些特殊字符来实现网页效果。但是特殊字符那么多,怎么可能记得住,所以谷歌百度搜索之后找到了一个比较全的,在这里进行归纳备忘,为了和我有相同需求的童鞋以及自己日后再用到的时候提供方便。 因为这些字符属于unicode字符集,所以,我...

2018-07-12 18:32:57 12426 0

原创 Sublime Text 3 下载安装、注册、汉化

一、下载安装和注册 Subline Text 3 下载安装太简单了,就不在这里啰嗦了。 可以直接在官网进行下载安装,或者用360来进行安装。 至于注册可以点击 help -&amp;amp;amp;amp;amp;gt; enter Licence,然后输入下面的注册码,或者百度、谷...

2018-07-09 13:03:48 1339 0

转载 GIt的本地安装和版本库创建

一、Git安装 1、在 Linux 上安装 首先,输入 git ,看看系统有没有安装 Git $ git The program 'git' is currently not installed. You can install it by typing: sudo ...

2018-06-29 23:14:32 546 0

原创 Linux 操作指令之添加用户并设置权限(个人常用备忘)

添加用户并设置权限 本示例操作环境为 Xshell 5 一、添加用户 注意: 在使用useradd命令创建新用户时,不会为用户创建主目录,不会为用户指定shell版本,不会为用户创建密码。 使用方法: useradd 添加的用户名 如: useradd php-api ...

2018-06-26 15:16:04 1592 0

原创 JavaScript 面向对象之二 —— 函数上下文(call() 和 apply())

本系列文章根据《爱前端邵山欢老师深入浅出的js面向对象》视频整理归纳call() 和 apply() 这两个都是函数的方法,只有函数能够通过点方法调用call()、apply(),表示用指定的上下文执行这个函数。 如下,定义一个函数 fun,当 fun 函数里面的 this 必须指向 obj时...

2017-05-17 22:34:49 150 0

原创 JavaScript 面向对象之二 —— 函数上下文(this的指向)

本系列文章根据《爱前端邵山欢老师深入浅出的js面向对象》视频整理归纳函数上下文在 JavaScript 中,函数的上下文是有规律可循的,基本可以分为以下几项: 规律一:函数用圆括号调用,函数上下文是 window 对象。 如下,函数 function fun(){} 的上下文是什么,即 thi...

2017-05-16 21:27:02 242 0

原创 JavaScript 面向对象之一 —— 对象(对象的方法)

本系列文章根据《爱前端邵山欢老师深入浅出的js面向对象》视频整理归纳对象的方法 如果一个对象的属性值是一个函数,我们称这个属性为这个对象的方法(method)。 var obj = { name : "张鑫", sex : "男", ...

2017-05-11 00:47:50 243 0

原创 JavaScript 面向对象之一 —— 对象(对象与JSON的区别)

本系列文章根据《爱前端邵山欢老师深入浅出的js面向对象》视频整理归纳 2、对象与JSON的区别 JSON 就是 JavaScript object notation ,JavaScript 对象表示法。是 JavaScript 对象的严格子集。 JSON 要求所有的键必须加双引号,而 Java...

2017-05-11 00:36:15 266 0

原创 JavaScript 面向对象之一 —— 对象(认识对象)

1、认识对象本文根据《爱前端邵山欢老师深入浅出的js面向对象》视频整理而成 对象在JavaScript中分为狭义对象和广义对象两种。 ● 所谓的狭义对象,就是用{}这种字面量的形式定义的对象,它是一组属性的无序集合 var obj = { name : '张鑫',...

2017-05-10 21:12:52 436 0

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