摘要: 没有华丽的开场,直入主题,这就是题主随笔风格。随笔既是日常工作积累,也可理解是个工作笔记,方便日后用到之处快速的有方可寻。 先讲一个需求场景: 定制网页截图传给服务器端保存,用户关注公众号后自动回复该截图。 想必js实现网页截图,大家第一思路是将网页转成canvas再由canvas转成base64图 阅读全文
posted @ 2018-05-21 14:50 高丰鸣 阅读(1474) 评论(0) 推荐(0) 编辑

摘要: 开门见山,先上效果吧!感觉可以的用的上的再往下看。 心动吗?那就继续往下看! 先上页面结构吧,也就是wxml文件,其实可以理解成微信自己封装过的html,这个不多说了,不懂也没必要往下看了。 做该效果样式就不多说了,一个默认状态样式,一个当前选中样式。(开发小程序的时候,注意class的命名,尽量不 阅读全文
posted @ 2018-01-31 13:33 高丰鸣 阅读(16035) 评论(0) 推荐(1) 编辑

摘要: 前言: 跨域问题一直是个老生常谈的问题,在实际开发过程中,跨域的问题常常会让开发者非常的头疼。 常用的几种跨域解决方案: 1.代理 2.XHR2 HTML5中提供的XMLHTTPREQUEST Level2(及XHR2)已经实现了跨域访问。但ie10以下不支持 只需要在服务端填上响应头: heade 阅读全文
posted @ 2018-01-29 13:30 高丰鸣 阅读(5682) 评论(0) 推荐(0) 编辑

摘要: 前言: 因最近移动端开发过程中遇到一个运营提出的所谓技术难点需求,对于原生APP来说轻而易举,毕竟自己的APP用户操作指哪打哪,但是H5该怎么做?H5就实现不了么?对于一个爱研究攻克这些前端棘手问题的我来说,我没尝试过,我是拒绝对提出需求者说实现不了,做不到之类的。 是什么需求呢?--需求方要求用户 阅读全文
posted @ 2016-12-09 14:28 高丰鸣 阅读(7698) 评论(0) 推荐(0) 编辑

摘要: 大致需求为类型限制根据类型获取不同结果列表,再根据模糊查询搜索出结果,效果如下: 那么这里可以得知,选中不同下拉选项请求接口带个type参数返回不同结果,并动态加入select框中。我写了个searchKeywords函数,方便调用。 html源码: js代码: 最后来个效果展示: 阅读全文
posted @ 2016-04-12 14:38 高丰鸣 阅读(5876) 评论(0) 推荐(0) 编辑

摘要: 今天遇到了一个这样的问题,通过微信扫描二维码进入下载页面,由于微信对下载链接进行了屏蔽处理,点击下载时按钮无效。 后来通过度娘,自己总结和分析之后,大概思路为:浏览器打开应用宝,分享应用宝链接到微信(因为应用宝为腾讯自家产品没有屏蔽),那么就o了! 其实还有一种普遍常见的解决方案,这里就不描述了,大 阅读全文
posted @ 2016-03-17 20:50 高丰鸣 阅读(10124) 评论(1) 推荐(0) 编辑

摘要: placeholder属性是HTML5 中为input添加的。在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示。 实例:1 <input type="text" name="userName" placeholder="请输入用户名"> pla 阅读全文
posted @ 2016-01-27 14:59 高丰鸣 阅读(9477) 评论(0) 推荐(0) 编辑

摘要: 项目起源还记得@jayli 的这幅前端知识结构图么。图片的形式具有诸多的不便。缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。可视化效果前端开发知识结... 阅读全文
posted @ 2015-08-31 17:28 高丰鸣 阅读(480) 评论(1) 推荐(2) 编辑

摘要: 分享一个花了一天写的一个小demo,使用了fullPage.min.js+animate.min.css,很酷炫。制作方法1、引入文件引入以下文件,你可以将 js 放到页面底部。 2、HTML由于 HTML 代码较多,就不全部贴上来,这里只贴“第一屏”的代码,如下: ... 阅读全文
posted @ 2015-05-13 11:49 高丰鸣 阅读(2037) 评论(0) 推荐(0) 编辑

摘要: 前端开发并不是一个容易的工作,不仅需要掌握HTML、CSS和JavaScript,针对不同的浏览器版本和平台,还需要了解如何设计出跨平台的网站。如今随着响应式设计的流行,前端开发变得越来越困难,且花费的时间更长。 使用前端框架,有如下好处: 跨浏览器。这一点已被证实。 一致性。UI组件,如导航、按钮 阅读全文
posted @ 2015-04-23 11:28 高丰鸣 阅读(8052) 评论(23) 推荐(9) 编辑

2020年10月30日

摘要: step1: 找到公众号主页 step2:转发给好友(我直接转发给文件助手,方便pc端打开) step3:在pc端微信打开公众号名片,并复制链接 https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=Mzg4NzQ2NDUxNw==&sc 阅读全文
posted @ 2020-10-30 14:14 高丰鸣 阅读(1343) 评论(0) 推荐(0) 编辑

2019年11月14日

摘要: 突发奇想,将工作中常遇到的小问题汇总了一下,希望对大家有所帮助,后续还将继续补充!也欢迎广大猿友继续投稿! 1、如何减少小程序的包体积?(项目越来越庞大可能会导致打包失败,也特影响性能) 答:静态资源cdn加载,图片、css、js等都可以放在cdn上,页面只负责放html。 2、如何在vue里打断点 阅读全文
posted @ 2019-11-14 15:26 高丰鸣 阅读(368) 评论(0) 推荐(0) 编辑

2018年8月2日

摘要: 最近堕落了,有一阵子没有更新博客园了。一是比较忙,其次也没什么好的题材和工作中的解决方案可以分享的,想想还是把罕见的反复调起原生小程序授权框的方案拿出来说说。 市面上常见的解决方案是第一次拒绝后,后面需要授权根据小程序的API调授权接口,这样的效果极low,用户体验也极差。很多同学会选择自己定制一个 阅读全文
posted @ 2018-08-02 19:41 高丰鸣 阅读(369) 评论(0) 推荐(0) 编辑

2018年4月27日

摘要: 你在管理微信号时是否会有自动回复或者在关键字触发自动回复加一个超链接的需求呢?例如下图像王者荣耀这样: 很多有开发经验的朋友都知道微信管理平台会类似富文本编辑器,第一想到的解决方案会是在编辑框中加<a href='网址' >显示文字</a>。 没错,实现的方式的确如此,可是此方法在几个月前就被微信官 阅读全文
posted @ 2018-04-27 17:07 高丰鸣 阅读(21295) 评论(2) 推荐(1) 编辑

2017年4月16日

摘要: //处理input focus时被键盘遮挡问题 inputFocus:function(){ if(/Android [4-6]/.test(navigator.appVersion)) { window.addEventListener("resize", function() { i... 阅读全文
posted @ 2017-04-16 00:35 高丰鸣 阅读(3036) 评论(0) 推荐(0) 编辑

2017年2月15日

摘要: 随着手机的普及,移动端的开发也成了一个重要的方向,但由于设备的不统一会造成一些兼容性问题, 1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页, 阅读全文
posted @ 2017-02-15 11:57 高丰鸣 阅读(1181) 评论(0) 推荐(0) 编辑