摘要:
序言:继续上一篇<webpack初入> 1、上一篇配置完成后最终的命令是:webpack,如果更改package.json中的一个配置如下: 换为 此时最终的命令:npm start等同于:webpack. 2、关于搭建本地服务器 a:昨天是:cnpm install webpack-dev-ser 阅读全文
摘要:
序言:前面已经倒腾了grunt、gulp、fis3,今天来通过一个例子玩玩webpack!最终预览 通过下面的例子,能够了解以下几点: 1、如何安装webpack 2、如何使用webpack 3、如何使用loader 4、如何使用webpack搭建本地web服务器 一、如何安装(这里使用的cnpm, 阅读全文
摘要:
阅读全文
摘要:
注:一、摘要说明(会不定期更新): A:这里是webpack1.0+,2.0+请移步这里(已经配置好的简单脚手架) https://github.com/jiucheng-front/dev-webpack B:webpack2.0+案例:1 豆瓣热映电影 C:react+webpack3.0+(开 阅读全文
摘要:
序言: 最近在收集前端的优化工具,随便一搜,厉害了word哥,有grunt、gulp、FIS3、webpack等等,简直就是眼花缭乱!前辈们对于他们的评价各有千秋,于是乎就想每个都来用一遍(之前已经倒腾了grunt,gulp),今天倒腾fis3,看看哪个更好玩~ FIS3 是什么?能做什么? FIS 阅读全文
摘要:
Gulp 是一个自动化工具,前端开发者可以使用它来处理常见任务: 1、搭建web服务器 2、文件保存时自动重载浏览器 3、使用预处理器如Sass、LESS 4、优化资源,比如压缩CSS、JavaScript、压缩图片 当然Gulp能做的远不止这些。如果你够疯狂,你甚至可以使用它搭建一个静态页面生成器 阅读全文
摘要:
jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学、不用! 1. 前言 各位web前端开发人员,如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表 示重点)。至于gru 阅读全文
摘要:
Ctrl+G: 转到指定行 Ctrl+/:添加注释 Shift+下箭头 选中一行或多行代码 Shift+上箭头 取消选中一行或多行代码 阅读全文
摘要:
首先我们在使用Media的时候需要先设置下面这段代码,来兼容移动设备的展示效果: 准备工作1:设置Meta标签 这段代码的几个参数解释: width = device-width:宽度等于当前设备的宽度 initial-scale:初始的缩放比例(默认设置为1.0) minimum-scale:允许 阅读全文
摘要:
手机查看效果地址:猛戳 ,PC端查看可以缩放浏览器窗口看效果~~ 思路:主要考虑选择器优先级大于默认就可以随意撸码 注意:该demo里用的mobile-adaptive.js是让页面以rem自适应,也就那么几行。可以参考:地址 下面附上重置样式的代码 阅读全文