从上次的webpack打包不兼容低版本ie时,我放弃了webpack而选择了用gulp打包,下面来详细总结下打包流程。
1、按照老步骤借助npm安装好gulp,在根目录下新建src文件夹,再创建子目录文件夹,最终目录结构如下:
2、新建package.json文件,基本配置如下:
"devDependencies": {
"browser-sync": "^2.18.13",
"del": "^3.……
随着前端技术的快速发展,前端技术栈也越来越复杂多样了。什么是webpack?他能干些啥?
WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。
现今的很多网页其实可以看做……
接上一篇继续:
21、顶部状态栏背景色
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
说明:
除非你先使用apple-mobile-web-app-capable指定全屏模式,否则这个meta标签不会起任何作用。
如果content设置为default,则状态栏正常显示。如果设置为blank,则状态栏会有一个黑色的背景……
移动端Web需要照顾触摸操作的体验,以及更多的屏幕旋转与尺寸适配等问题,非常琐碎,在这里为大家倾力总结40条常见的移动端Web页面问题解决方案,欢迎收看斧正收藏!
1、安卓浏览器看背景图片,有些设备会模糊。
用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?
经过研究,是devicePixelRatio作怪,因为手……
刚开发完一个移动端的项目,博主总结了一些其中常用到的方法和功能,欢迎大家来拍砖和完善。
1.浏览器HTML5内核检测网址
http://chrome.360.cn/test/html5/index.html
2.移动端字体计算
var fontSize = 16; //基准字体大小
var elm = document.documentElement;
elm.style.fontSize = fontSize * (elm.clientWidth……
最近在项目中遇到这个需求,现在网站基本稳定上线,抽空来对这块总结下。
先上效果图吧:
页面打开时,用腾讯前端定位组件取当前定位城市:
点击城市选择:1级省份——>2级城市——>3级县区
核心实现代码:
1.利用腾讯前端定位组件实现初始定位
<script type="text/javascript" src="http://api.map.baid……
如果有人问你,GET和POST,有什么区别?你会如何回答?
最普遍的答案:
1. GET使用URL或Cookie传参。而POST将数据放在BODY中。
2. GET的URL会有长度上的限制,则POST的数据则可以非常大。
3. POST比GET安全,因为数据在地址栏上不可见。
但是很不幸,这些区别全是错误的,更不幸的是,这个答案还是Google搜索的头版头条……
最近项目需求:1、多图压缩上传(最多8张);2、图片异步上传;3、图片上传成功后预览;4、图片设置主图同时可删除。
根据这个想到了用plupload.js来实现此功能,这是基于jq的一款插件,详情见官网http://www.plupload.com
开文档介绍开始撸改代码了,最终跑起来的效果图如下:
以上图片上传基本实现了项目需求,……