- 博客(19)
- 资源 (1)
- 收藏
- 关注
原创 记一次实现音频(Audio)自动播放,视频同理
近期接到一个新需求,要在PC端和小程序端实现新订单语音提醒,其实许多需求前端的实现难度并不高,难的是各浏览器的限制、兼容不一等,此次也不例外。常规做法我们都知道HTML5中audio及video有这样的基础属性autoplay,例如:<!-- audio --><audio controls autoplay> <source src="audio.mp3" type="audio/mp3"></audio><!-- video --&
2021-01-09 23:03:46 3945 8
原创 使用gulp快速开发静态页
时下我们开发web网页的方式主要有几种,使用vue-cli、create-react-app、webpack、不借助构建工具等实现单页或多页网站。“工欲善其事,必先利其器”,前三种方式无疑能满足我们开发网页的绝大部分需求,但在某些情况下,比如前后端不分离(jsp、php、tpl等嵌套后端语言的方式),以及单纯地开发一些静态页(活动页、帮助手册等),使用gulp搭建一个轻量级的前端开发环境是个不错的...
2019-11-25 16:14:18 640
原创 我的前端之路—风雨下还有彩虹
我并不是什么技术大佬,而且可以说起点比业界的绝大多数人都低(第一学历为高中),但觉得还是有必要总结下三年多的前端心路历程,让自己有更清晰的人生认知,或许还能给有类似经历的人一些启发吧。前端之前由于家庭的因素,自我12年在市里一所重点高中毕业后,就没有进入大学进行学习,此后跟村子里的年轻人一样,走上了外出打工的生活。期间历经种种,工作也换过不少,但还是因为少不经事,始终不知道人生的方向是什么...
2019-11-12 20:54:55 533 5
原创 再次梳理AMD、CMD、CommonJS、ES6 Module的区别
回想起上一次面试,第一轮面试官问我CMD和AMD的区别,我只回答说CMD是按需加载,AMD是提前加载,第二轮面试官又问了我CommonJs和ES6 Module的区别,emmm…,我回答说新的比旧的好~~,虽然面试官并没有说什么,不过显然这样的答案并不是有助于面试,有助于自己的积累的。所以有必要进行一次梳理,能够更清晰的了解它们的优点及差异。...
2019-10-30 17:54:04 1055
原创 js中判断变量是否相等的几种方式
无论是在开发中,还是面试时,在js中判断变量是否相等,是一个比较常见的问题。比较典型的有,== 和 ===的区别?判断变量是否相等有哪些方式?这里打算总结一下判断变量是否相等的方式,以及做一些简单的分析。判断变量相等的方式...
2019-10-29 20:13:29 10450
原创 【总结】做一个自己的前端js工具库
“世界上本没有路,走的人多了,也便成了路” — 鲁迅我们日常开发中经常会遇到一些可复用的代码,特别是在历经的项目多了,
2019-10-22 16:07:24 744
原创 分享一个实现夜间模式的浏览器扩展
最近花了两三天时间,做了一个可以在浏览器端实现夜间模式的扩展。目前已在谷歌、火狐、360浏览器中上线,在浏览器扩展/附加组件中搜索“夜间助手”即可安装使用。一些演示为什么要做这个扩展?就我们程序员的工作而言,需要长时间地接触浏览器,或在浏览器上进行开发,或搜寻一些教程、资料等。但长时间的白底黑字,或在晚上进行浏览时,屏幕会让人感觉比较刺眼,这样既不利于我们舒适地上网,也不利于眼睛的健康。...
2019-04-15 11:36:24 1325
原创 整理前端工作中的可复用代码(二):拓展spark-md5,支持计算网络文件md5
本篇是《整理前端开发中的可复用代码》中的第二篇,最初此系列文章标题不是这个,但觉得标题要准确、明白一些,便做修改了。
2019-04-06 01:39:53 785
原创 微信小程序实现换肤功能
在手机、电脑使用频率如此高的当下,应用可以更换皮肤,提升美观性,并减轻屏幕对眼睛的刺激,无疑对用户体验有很大的帮助这里闲话少说,先放码出来 github地址:我的年目标-微信小程序演示扫码即可体验,或搜索“我的年目标” ...
2019-01-10 22:25:53 8336 7
原创 整理前端工作中的可复用代码(一):做一个整合存储的插件
在开发工作中,常遇到代码重复开发的问题,比如一个分页,左滑动等常见功能,而我们的解决办法可能是这次写一点,下次copy一点,如果不能解决问题,再改写一点。若是没有把可复用的代码抽离出来,做成一个通用的、可配置的小工具,私以为对技能的提升无益,所以在此立下个flag,以后工作中遇到频繁开发的功能,都要有效的抽离出来,做成一个小插件、工具。要解决的问题 在web前端开发中,经常会用到数据存储...
2019-01-01 03:53:12 979
原创 你的年目标实现了吗,记一次开发微信小程序
你的年目标都实现了吗,记一次开发微信小程序第一步,要做什么东西?第二步,思考小程序的结构第三部,开发阶段首页列表页添加目标第四步,最终结果前言:这是笔者第一次开发小程序,此前一直有打算自己做一个,并且能够上线使用,但一直找不到灵感,加上还需要服务器端、数据库等技能,所有一直没能实现。后来偶然看到微信小程序云开发(有点惊艳了,确实挺简便),再加上一点点想法,于是就开始了小程序云开发之旅。第一...
2018-12-29 15:07:07 4053
原创 移动端日期插件rolldate
rolldate为上一版jquery移动端时间插件的全新版本,目前保留了上一版的大部分功能,并且增加了回调函数,以及主题风格选取,最重要的是解决了上一版本的遗留问题,依赖jquery、滑动不够流畅、参数设计不够合理等等。开发日期选择插件的原因,一是基于移动端设计的日期选择插件确实不多,二是大多支持的日期格式不够丰富,也不够灵活,这在多变的项目需求中,无疑是捉襟见肘的。rolldate效...
2018-08-04 18:29:30 13997 8
原创 Javascript实现统一的表单验证
在许多项目中,表单验证都是不可或缺的一环,比如注册、登录以及上传资料等等,但是每个人写代码的风格不一,如果没有一致而优雅的风格,没有方便的配置,代码很容易变得混乱,所以本文将用较统一的方式来实现验证。如果平常的代码不加整理,大概会如下:if(username == ''){ alert('username不能为空'); return false;}else i...
2018-02-08 15:24:50 2139
原创 vue tap事件的实现
前两天做了个tap.js插件,实现了移动端touch事件模拟click事件,解决点击延迟的问题,但是在vue中并不能用v-tap来调用,所以今天做了vue版的vue-tap.js。此前也曾用过其他的插件来实现v-tap,但方式仍有些累赘,于是便用了更简洁的方式来实现,下面附上代码(只支持vue2.0+)。vue-tap.js/*! * vue-tap.js * by weijianhua h...
2018-01-18 17:38:58 23460
原创 网站记住账号和自动登录功能实现
刚开始做这个功能的时候一头雾水,本来打算直接用cookie实现,但发现在控制台用document.cookie,就会完全暴露出用户名和密码,于是在网上找了各种办法,但没有找到一个很好的解决方案,最后想到在服务端设置cookie,并且经过加密来实现。因为公司后端是php,所以以下用php为例。前端部分:<!DOCTYPE html><html lang="zh-cn">&...
2018-01-11 13:57:40 8363
转载 如何成为一名卓越的前端工程师
译自 Philip Walton 的博客看过之后非常有感触,很多观点都是自己长期非常坚持和认同的,所以翻译出来分享给更多的前端同学!最近我收到一封读者来信让我陷入了思考,信是这么写的:Hi Philip,您是否介意我问您是如何成为一名卓越 (great) 的前端工程师的?对此您有什么建议吗?我不得不承认,我很惊讶被问这样的问题,因为我从来不觉得自己是个很卓越
2018-01-06 15:10:37 323
转载 梁胜博士:写给程序员的话
来源:梁胜博士:写给程序员的话作者:梁胜编辑:谢然来源:InfoQ本文为Rancher Labs CEO兼创始人梁胜博士应InfoQ之邀,为广大程序员专门撰写的个人职业发展心路历程及对程序员职业生涯规划的建议。梁胜博士是Rancher Labs Inc. 公司联合创始人及CEO。创立Rancher Labs之前,早期在全球知名的他Sun Microsystems公司
2018-01-05 23:52:48 849 1
原创 jquery移动端时间插件
此前公司里移动端的项目比较多,有不少地方用到时间选择,并且格式不一,比如有年-月-日,年-月-日 时:分,年-月-日 时:分:秒等等,发现很难找到一个符合需求的插件,于是便自己写了个时间选择插件(能力有限,可能目前写得不是很好),下面附上代码。效果如下:js:/*! * jquery.date.js v1.3.6 * By 雾空 https://github.com/weijhfly/jque...
2018-01-05 13:33:09 3946 2
原创 高德地图跟百度地图经纬度互转
高德经纬度转百度经纬度http://api.map.baidu.com/geoconv/v1/?coords=113.9609047719607,22.537714359860125&from=3&to=5&ak=你的key百度经纬度转高德经纬度高德地图官方文档有详细介绍http://lbs.amap.com/api/javascript-api/reference/lnglat-to
2018-01-05 11:50:16 19034
移动端js时间插件rolldate,功能强大,支持多格式
2018-08-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人