12 2015 档案
摘要：近日刚做的一个功能，要在app里使用内嵌页面进行图像的上传。从功能上看，原生的实现应该是最好的。毕竟页面上所有的东西都隔着一个浏览器，所有的实现都要依赖浏览器提供的接口，不同的浏览器对接口的实现又有差异……到最后又会陷入兼容性的大坑!吐槽归吐槽，但是折腾的劲头不能丢！使用input file[cam...
阅读全文
摘要：TML5如何在移动网页端调用手机图片或者camera可以参考这篇文章： 如果你开始基于iOS系统(ios6 above) 的web应用，可以考虑这段代码： 点击按钮，会调用你的摄像头相册附源码文件：
阅读全文
摘要：adaptivejs原理：利用rem布局，根据公式 html元素字体大小 = document根节点(html)宽度 * 100 / 设计图宽度 计算html元素的font-size,使1rem等于100px,方便快速开发 开发时，一个div设计图宽度为89px,那么在css中我们可以这样书写...
阅读全文
摘要：这个实例应该说可以很简单，直接使用jQuery的方法来处理也是可以的。但本文底层使用原生的js来处理，遇到一些小知识点可以分析一下也算有所得。 原理很简单，就是为window添加一个scroll事件，浏览器每次触发scroll事件时判断是否滚动到了浏览器底部，如果到了底部则加载新数据。关键是计...
阅读全文
摘要：一直以来我的CSS 的 class命名都是比较随意，有时采用驼峰式、有时采用下划线，好像没有什么统一的标准，想到什么英文单词就拿过来用，这对于自己瞎写的小项目无伤大雅，遇到冲突的问题可稍加调整改变即可。今天，我学习并掌握了一种新的class命名规范，觉得它更加科学更加稳健。在此总结。关注分离clas...
阅读全文
摘要：特殊字符的魅力说在前面—鸭子类型鸭子类型是动态类型的一种风格，在这种风格中，一个对象有效的语义，不是由继承自特定的类或者实现特定的接口，而是由当前方法和属性的集合决定。“当看到一只鸟走起来像鸭子、游泳起来像鸭子、叫起来也像鸭子，那么这只鸟就可以被称为鸭子。”在鸭子类型中，关注的不是对象的类型本身，而...
阅读全文
摘要：说在前面由于使用了React直出，页面各项性能指标使人悦目。本篇将深入探讨目前PC部落所采用webpack打包优化策略，以及探讨PC部落并未使用的 webpack Code Splitting 代码分包、异步模块加载特性。看看它们又是如何对PC部落的性能起到进一步的催化作用。为什么要使用webpac...
阅读全文
摘要：大名 2121212121212wwwwwwwwwww 测试按钮
阅读全文
摘要：.HalfPixelLine{ background: repeat-x top left url("data:image/svg+xml;utf8,"); height: 1px; width: 100%;}
阅读全文
摘要：仅仅只要表达出你的应用程序在任一个时间点应该长的样子，然后当底层的数据变了，React 会自动处理所有用户界面的更新。
数据变化后，React 概念上与点击“刷新”按钮类似，但仅会更新变化的部分。
React 都是关于构建可复用的组件，使代码复用、测试和关注分离（separation of concerns）更加简单。
阅读全文
摘要：在Web应用中接入微信支付，我以为只是调用几个API稍作调试即可。
没想到微信的API和官方文档里隐坑无数，致我抱着怀疑人生的心情悲愤踩遍了丫们布下的所有坑。
阅读全文
摘要：关于思源黑体思源黑体是谷歌与 Adobe 联合开发，支持简体中文、繁体中文、日文、韩文以及英文；支持 ExtraLight、Light、Normal、Regular、Medium、Bold 和 Heavy 共7种字体粗细，可以满足不同场景下的文字显示需求。这个字体通过免费开源方式提供，支持多种语言，...
阅读全文
摘要：移动端 触屏滑动条菜单(完善版)11123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707...
阅读全文
摘要：关于css中的单位大家都知道在css中的单位，一般都包括有px,%,em等单位，另外css3新增加一个单位rem。其中px，%等单位平时在传统布局当中使用的比较频繁，大家也比较熟悉，不过px单位在进行自适应布局的过程当中则会有些力不从心，大部分的解决方案是使用%为单位配合@media媒介查询来进行自...
阅读全文
摘要：Hello,大家好。 在之前两篇文章中： webpack练手项目之easySlide（一）：初探webpack webpack练手项目之easySlide（二）：代码分割 与大家分享了webpack的基本使用方法，以及使用webpack对代码进行分割，根据需求进行异步加载。 今天...
阅读全文
摘要：在上一篇webpack练手项目之easySlide（一）：初探webpack中我们一起为大家介绍了webpack的基本用法，使用webpack对前端代码进行模块化打包。但是乍一看webpack只是将所有资源打包到一个JS文件中而已，并没有做到真正的按需加载，这当然不是我们所想要的。不急，今天的这一章...
阅读全文
摘要：所有资源都可以按需加载，避免了之前的加载器把所有资源打包在一个文件，导致文件过大而且不需要的模块也加载出来；同时也避免了将资源按照独立文件进行打包，从而导致大量的HTTP请求造成降低页面性能
阅读全文
摘要：介绍如何使用webpack来完成前端工程化开发。
阅读全文
摘要：1 2 apple-touch-icon和apple-touch-icon-precomposed，区别就在于是否会应用iOS中自动给图标添加的那层高光。前者会自动加圆角和高亮效果1 2 3 4
阅读全文
摘要：var geturl = function(url){ var ret = {}; var queryStr=url.replace(/^[^\?#]*\??/g,'').replace(/#DIALOG_.*$/g,''); queryStr.replace(/([^=&]+)=...
阅读全文
摘要：display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -moz-flex;display: -ms-flexbox;display: flex;/* 水平居中*/-webkit-box-align: center;...
阅读全文
