• 技术文章 >web前端 >js教程

    Foundation UI框架简介

    一个新手一个新手2017-09-19 10:41:55原创2114


    我不是第一个吃螃蟹的人

    最近这些年,前端很火。它火也不是没有道理,有很多东西在这里面。值得深挖。原生HTML也不再像我想的那样能一直生存下去。框架,自动化等工具的出现,像是一把催化剂加速了前端的发展。
    不学习,你终究有淘汰的那天

    Foundation能做什么

    还记得很多年前,有一个贵妇人问过法拉第:“先生,您发现的电磁感应有什么用呢?”法拉第这样回到:“女士,你知道刚生下来的孩子有什么用吗?”
    当然这个例子用在这里也许并不太合适,但是我确实是想说明的一点是,当一些框架出现并且开始流行的时候,并不是没有道理的。我们需要去学习,包括技术,包括理念等等。
    那么,作为一个前端的UI框架,Foundation能做什么呢?
    RWD和Mobile First。
    响应式设计和移动优先是现在网页设计的基本原则,我们奉行一套代码,Run anywhere。我们将因此节省不少精力,我们也将获得更多。

    如何开始我的第一个Foundation 实例

    这里使用npm 和 git 搭建开发环境:
    全局安装foundation

    npm --global foundation-cli

    使用git工具打开命令行,cd要创建项目的地方:

    foundation new

    根据命令行提示输入基本信息:
    1.选择构建的项目,这里选择website,回车
    2.给项目起一个名字
    3.选择基本模板

    cd到项目根目录,启动foundation

    npm start

    项目配置完成,去试试你的第一个Foundation程序吧

    以上就是Foundation UI框架简介的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:Foundation 简介 框架
    上一篇:JS中常用的时间方法有哪些 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 浅析Angular中的Change Detection机制• 一文详解多版本node的安装和管理• Angular学习之聊聊Http ( 错误处理 / 请求拦截 )• 浅析Angular变更检测中的订阅异步事件• 一文聊聊node中的path模块
    1/1

    PHP中文网