为前端工作做一些准备

  最近开自己自己搞前端这块,以前是在公司中只管用,一直没有深入研究,最近自己弄的时候发现确实不错,以后只在用的基础上了解,所以只是皮毛。

    现在来分享一下,偶的前端是怎么搞的,现在有grunt,yeoman,docker,等前端开发工具,从建工程到,到本地服务,到测试及上线。你们都在用什么?当然用什么都有,

    我呢现在使用jdf,  https://github.com/putaoshu/jdf

  • JDF为JD前端开发集成解决方案
  • 目的是合理,快速和高效的解决前端开发中的工程和项目问题
  • 核心提供了前端开发必备的基础的UI和业务组件,并集成调试,构建,布署,代码生成,文档生成,编辑器插件等一系列开发工具
  • 同时提供了前端模块的下载,预览,发布

  这是我从人那介绍 取下来的,基本叫前端一体化吧 简单理解

  先说几个痛点:

  1、创建项目工程麻烦吧

  2、背景图合并麻烦吧

  3、css ,js 压缩麻烦吧

  4、less,scss 编译麻烦吧

  5、发布测试环境麻烦吧

  6、本地启服务麻烦吧

  7、整出上线文件麻烦吧

  等

  有人说这有什么麻烦的,背景图合并工具,网上有不少呀,css,js 压缩网上也有不少呀,less,scss 编译也有对应工具呀,本地服务node呀

  对这些前在民间都是存在不少的,但每个都是分开工作的,jdf确把这些合成了

  安装很简单要有node   然后npn install jdf -g    然后就ok了  就这么简单

  jdf install init  创建工程,  jdf u   上传静态文件,到测试服务器上, jdf u -p 上传html 文件, jdf o 输出上线文件,  jdf b -open 本地启服务  还支持 LiveReload自动刷新浏览器  背景图合并,a.png?__sprite 当然 这些都有介绍

  总之看了上面这几个  你有没有 心动,    什么combo seajs 都是支持的,是不是觉得以前用的都弱爆了 肯定 有的

  通过自己整理这东西才发现前端这块需要这么些东西

  未完待续, 上班了, 有时间再接着写 据体我怎么用的,及一些问题心得

  

时间: 2024-10-01 23:46:15

为前端工作做一些准备的相关文章

前端工作流程自动化——Grunt/Gulp 自动化

前端工作流程自动化--Grunt/Gulp 自动化 Grunt/Gulp 都是node.js下的模块,简单来说是自动化任务运行器,两者都有社区及大量的插件支撑,在所有的自动化工具领域里,这两者是最好的前端自动化构建工具. 那么问题来了,Grunt和Gulp到底哪家强?在回答这个问题前,先给大家看一组下面的数据: 再看看实现同样功能的配置代码: 作者本人之前一直使用Grunt来做自动化构建的,在Gulp出来后,经过一段时间的试用感觉配置比Grunt方便多了,如果你两者还没接触过,本人推荐直接使用G

献给即将想从事前端工作的你们

时间过得很快,出来实习工作快两个月了,在这里,想跟大家分享自己的一些体会与经验. 还没出来工作之前,在学校就一直很想能快点出来工作,总以为工作能多学到很多在学校里学不到的东西.也确实如此,工作是可以学到很多,但我还是很想跟那些要从事IT的你们说,还没工作之前还是多学点东西,把基础打好.不要总想着出来工作后再学,到时你们会发现其实真的很吃力,压力会很大,公司是做事的地方,它每天都有你要完成的任务,每天有一定的工作量,也不要总想着工作中有人会一步步教你怎么做,上司可能只会跟你说一下大概的思路,他想你

起点没有选对,想找好的前端工作只能越找越累

一.到底什么才是一份好的前端工作? 自从开始做咨询,就不断有人问我:"老师,前端这个行业行业怎么样啊?有发展吗?"或者是:"老师,做IT,算不算一份好工作啊?"工作,是一个永恒的话题:没工作的人需要一份工作:有工作的人需要一份好工作:问题来了:"好工作",长什么样子呢?什么才算是一份好工作呢? 大多数人估计没想过这个费脑筋的问题:既然用感性的语言难以描述,干脆用一个全国通用指标:薪资,挣得多,就是好工作! 经常听到有学员说,一个月给我5万,让我天

什么是web前端?前端可以做什么?html5有什么用?

前端开发,简单来说,就是把平面效果图转换成网页,把静态转换成动态.它的工作包括了:切图.写样式.做鼠标效果和图片切换效果等.而优秀的前端开发可以保障实现这些效果的同时,即不能影响网站的打开速度.浏览器兼容性还有搜索引擎的收录,还可以让用户体验更加舒适,使网站在访问中显得更精细.更用心.访客使用起来更简便.另外,现在前端工作还不仅仅只是网页的制作,还有微网站.APP的制作,游戏制作,例如可以将你开发的Web页面直接打包成手机使用的APP应用,游戏的互动界面更是以前端开发技术为主. 这里推荐一下我的

移动前端工作的那些事---前端制作之微信小技巧篇

移动前端工作的那些事---前端制作之微信小技巧篇_WebApp赵海洋_新浪博客 移动前端工作的那些事---前端制作之微信小技巧篇 (2013-11-15 15:20:47) 转载▼移动前端工作的那些事---前端制作之微信小技巧篇,布布扣,bubuko.com

什么是Web前端,Web前端是做什么的?

什么是Web前端 Web前端,顾名思义是来做Web的前端的.而Web前端开发应该就是来开发基于Web前端的相关应用的或者说是来开发前端的.那么,前端又是什么呢?我们这里所说的前端泛指Web前端,也就是在Web应用中用户可以看得见碰得着的东西. 前端开发,顾名思义就是来开发Web中用户能够直接接触到东西的.那前端开发主要做哪些细节内容,其相关的职责以及职位又有哪些呢,又或者现在的前端在企业中是一种怎样的地位呢,下面我们将一起研究和分析这些问题. Web前端是做什么的 Web前端,主要是用来开发用户

移动前端工作的那些事---前端制作篇之meta标签篇

移动端前端制作有些地方不同于互联网,这篇主要讨论的是meta标签.meta标签位于head标签之间.是主要辅助HTML结构层的.meta标签不管在互联网前端还是在移动端都起了很重要的作用.这里只讨论移动端. 附上代码进行说明: <!DOCTYPE html><!--HTML5 doctype--> <html> <head> <title>xxx</title> <meta http-equiv="Content-ty

web前端—工作周报

2016.07.25-2016.07.29周报: 1.本周工作主要内容: A:完成了宏视云h5播放器升级及大数据上报: B:修复xk-h5播放器bug:在三星手机自带浏览器无法进行滑动seek; C:admin-console后台管理系统初步完成终端访问页面和数据统计概览页面的制作: 2.工作中存在的主要问题: A:webserver大数据展示页面移植到admin-console后台管理系统存在bootstrap与jquery.easyui冲突等几个兼容性问题: B:解决这个问题的思路可能不是最

知乎上关于前端工作中经常遇到的问题总结

有哪些经常被误用的 HTML.JavaScript.CSS 的元素.方法和属性? 以前想要把一个元素(input 之类的)设成只读的时候都是用 disabled,后来发现这是不对的. 因为在 HTML 里面,如果一个元素被设置成 disabled, 那么它的值就不会被发送到 server 端. 正确的做法应该是使用 readonly. 那么除了这个 disabled,在 Web 开发中还有哪些东西是经常被误用的? 添加评论分享 按票数排序 按时间排序 21 个回答 一丝,专业 CSS 吐槽,下面