分类目录:前端开发

以下是分类 前端开发 下的所有文章

前端构建工具Gulp打包入门介绍

从上次的webpack打包不兼容低版本ie时,我放弃了webpack而选择了用gulp打包,下面来详细总结下打包流程。 1、按照老步骤借助npm安装好gulp,在根目录下新建src文件夹,再创建子目录文件夹,最终目录结构如下: 2、新建package.json文件,基本配置如下: "devDependencies": { "browser-sync": "^2.18.13", "del": "^3.……

用webpack打包老网站(jquery切图)或重构浅谈!

随着前端技术的快速发展,前端技术栈也越来越复杂多样了。什么是webpack?他能干些啥? WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。 现今的很多网页其实可以看做……

40条常见的移动端Web页面问题解决方案(二)

接上一篇继续: 21、顶部状态栏背景色 <meta name="apple-mobile-web-app-status-bar-style" content="black" /> 说明: 除非你先使用apple-mobile-web-app-capable指定全屏模式,否则这个meta标签不会起任何作用。 如果content设置为default,则状态栏正常显示。如果设置为blank,则状态栏会有一个黑色的背景……

40条常见的移动端Web页面问题解决方案(一)

移动端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……

移动端三级城市ajax加载选择+实时定位

最近在项目中遇到这个需求,现在网站基本稳定上线,抽空来对这块总结下。 先上效果图吧: 页面打开时,用腾讯前端定位组件取当前定位城市:   点击城市选择:1级省份——>2级城市——>3级县区 核心实现代码: 1.利用腾讯前端定位组件实现初始定位 <script type="text/javascript" src="http://api.map.baid……

GET和POST有什么区别?及为什么网上多数答案都是错的

如果有人问你,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 开文档介绍开始撸改代码了,最终跑起来的效果图如下:   以上图片上传基本实现了项目需求,……