随笔分类 -  前端开发

最好用的koa2+mysql的RESTful API脚手架，mvc架构，支持node调试，pm2部署。
摘要：#基于webpack构建的 Koa2 restful API 服务器脚手架 这是一个基于 Koa2 的轻量级 RESTful API Server 脚手架，支持 ES6, 支持使用TypeScript编写。 GIT地址：https://github.com/Allenzihan/koa2-mysql 阅读全文
posted @ 2019-08-20 13:49 love_zzh 阅读(976) 评论(0) 推荐(0)
px,em,rem之间的关系和换算方式
摘要：px：像素，相对长度单位，相对于屏幕分辨率而言；em：相对长度单位，相对于当前容器内的文本的字体尺寸；如果当前容器字体没设置字体大小，则以浏览器的默认字体尺寸来计算，em会继承父辈设置，所以会发现当前的文本字体会复合，是可变的；rem：css3新增的单位，也是相对长度单位，它相对于html的根元素，... 阅读全文
posted @ 2015-12-31 14:25 love_zzh 阅读(711) 评论(0) 推荐(0)
移动端重要的几个CSS3属性设置
摘要：去掉点击链接和文本框对象的半透明覆盖（iOS）或者虚框（Android）-webkit-tap-hightlight-color:rgba(0,0,0,0);禁用长按页面时弹出菜单（iOS下有效）-webkit-touch-callout:none;静止页面文字选择：-webkit-user-sel... 阅读全文
posted @ 2015-08-31 17:05 love_zzh 阅读(1617) 评论(0) 推荐(1)
关于移动端的Click事件
摘要：在移动端执行Click事件，通常情况出现有300毫秒的延迟，为防止这种不必要的延迟效果，我们可以换种方式来实现，同样达到快速执行Click事件的效果。先了解一下移动端Click的执行顺序: touchstart - > touchmove -> touchend -> mouseover ->mo... 阅读全文
posted @ 2015-08-31 16:29 love_zzh 阅读(555) 评论(0) 推荐(0)
原生JS 实现图片延迟加载
摘要：当打开页面，在页面上有很多图片需要加载的情况下，为了不拖网页性能，我们完全可以使用JS延迟加载这些图片，甚至做到按需加载，这里说一下实现思路，可以事先在img标签上，增加一个属性data-url，如，通过js获取首屏的高度，这部分img默认优先加载，后续通过滚动条的滚动区域来获取即将加载的img标签... 阅读全文
posted @ 2015-08-27 10:59 love_zzh 阅读(1516) 评论(0) 推荐(1)
JS根据key值获取URL中的参数值，以及把URL的参数转换成json对象
摘要：//把url的参数部分转化成json对象 parseQueryString: function (url) { var reg_url = /^[^\?]+\?([\w\W]+)$/, reg_para = /([^&=]+)=([\w\W]*?)(&|$|... 阅读全文
posted @ 2015-08-25 18:12 love_zzh 阅读(2274) 评论(0) 推荐(0)
动态添加JS文件到页面
摘要：/***** 功能： 加载外部JS文件，加载完成后执行回调函数callback***/var utools = { config: { id: "", url: "", charset: "gb2312", callback: func... 阅读全文
posted @ 2015-08-25 18:04 love_zzh 阅读(1166) 评论(0) 推荐(0)
JS 模拟C# 字符串格式化操作
摘要：/***** 功能： 字符串格式化替换操作***/String.prototype.format = function () { var args = arguments; return this.replace(/\{(\d+)\}/g, function (m, i) { ... 阅读全文
posted @ 2015-08-25 17:59 love_zzh 阅读(248) 评论(0) 推荐(0)
JS cookie 读写操作
摘要：/***** 功能： cookie操作对象***/var cookies = { /*** ** 功能： 写入cookie操作 ** 参数： name cookie名称 ** value cookie值 ** expires 过期... 阅读全文
posted @ 2015-08-25 17:56 love_zzh 阅读(363) 评论(0) 推荐(0)
很好用的Tab标签切换功能，延迟Tab切换。
摘要：一个网页，Tab标签的切换是常见的功能，但我发现很少有前端工程师在做该功能的时候，会为用户多想想，如果你觉得鼠标hover到标签上，然后切换到相应的内容，就那么简单的话，你将是一个不合格的前端工程师啊，其实你不这样做，也无伤大雅，但是作为前端的工程师，我们可以为用户做到更好。想想如果一个网页上，有很... 阅读全文
posted @ 2015-08-17 18:07 love_zzh 阅读(1368) 评论(0) 推荐(0)
网站分析统计JS源码分享
摘要：之前公司做了一个分析云平台，用来跟踪收集海量的用户行为的相关数据，供运营人员实时监控网站访问量，统计PV，UV，独立IP，访问时段，访问时长，热点追踪等多类信息，我用JS写了一个小插件，只需要再页面加载这个js文件即可，供有需要的朋友参考，该插件分为两部分组成，一部分是分析的主JS，另一部分功能是用... 阅读全文
posted @ 2015-08-17 17:27 love_zzh 阅读(6083) 评论(3) 推荐(1)
如何用原生态的JS实现类似JQuery的$("#id")，$(".selector")等功能
摘要：之前有个一直做前端开发的朋友，问我一个问题，说去面试一家NB的公司，问一个看似很简单的问，一时却不知道如何实现，虽然对jquery使用的很多，其实如果没看过jQuery的源码，相信一时很多人都会尴尬，这里我简单的做个案例，便于大家参考，当然jQuery会写的比这个复杂很多，判断部分有很多内容，这里我... 阅读全文
posted @ 2013-02-07 17:07 love_zzh 阅读(854) 评论(0) 推荐(1)