coffee script是java_仅前端代码使用CoffeeScript的web工程开发流程

最新推荐文章于 2023-07-18 09:10:42 发布

歹小悦

最新推荐文章于 2023-07-18 09:10:42 发布

阅读量122

点赞数

文章标签： coffee script是java

本文链接：https://blog.csdn.net/weixin_28756413/article/details/114963041

版权

目前我负责的项目就是像你所言的流程

不过项目的不同操作方式不一样

一般两种情况:

1 服务端动态渲染项目

2 浏览器端OnePage项目

一般看url路由是服务端管理还是前端管理

当前我负责的项目是jsp的服务端渲染

作业流程:

1 静态页面项目构建基础内容: COFFEE LESS HTML/JADE

2 模块化封装包括布局组件弹窗类库等

3 编译打包 LESS->CSS->CSSMIN COFFEE->JS->UGFILY->CONCAT JADE->HTML->dom_munger

4 整合发布 dev+lib+templates->dist 并且图片 JS/CSS资源使用绝对服务路径(前缀路径可通过环境变量设定)

5 提供文档

这样服务端人员拿到dist里面的文件就可以转动态了,并且服务端岗位人员是不需要维护 header下的css及footer后面js的而且assets/resouces 目录下不需要任何文件,因为用了绝对路径

其中涉及到页面内组件模块加载的JS代码需要标注 "服务端请不要调用此JS" 因为静态演示和实际服务端转换后的效果是不一样的

其中在流程1之前,收到设计稿/原型图的时候,就要和服务端岗位人员进行讨论并确定布局及组件的封装和拼装方案,如果服务端是多人开发的,可以让API MODEL/DAO层的岗位人员一起参与

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

歹小悦

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

HTML&CSS案例---咖啡店

qq_45021462的博客

07-13

5576

HTML&CSS案例—咖啡店最终页面效果页面结构为：最上面header是一个头部，主要是一张图片；下面的nav是一个导航栏，包含五个链接；下面是主体部分，左侧的上面是一个表格，下面是四张图片，当鼠标放到图片上会有一个放大的效果，右侧有4个div是四种咖啡的详细介绍；最下面有一个脚本。具体代码如下； HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l

coffee4java:Java 的 CoffeeScript。用于 CoffeeScript 的符合 JSR-223 的脚本引擎

07-10

CoffeeScript 是一种简洁、优雅的编程语言，它编译成 JavaScript，因此在 Web 开发中被广泛应用，尤其是对于前端开发。通过 Coffee4Java，Java 开发者可以享受到 CoffeeScript 的简洁语法和强大的功能，同时保持与 ...

参与评论您还未登录，请先登录后发表或查看评论

CoffeeScript入门实践

CloudCraft的专栏

12-06

6732

原文来自 http://www.w3ctech.com/p/1065 在这一期的节目中，我们将介绍下CoffeeScript, 那么什么是CoffeeScript呢？CoffeeScript是一门小语言，也是一个编译器。用CoffeeScript编写的代码，可以编译成JavaScript代码。 CoffeeScript简化了JavaScript的编写，同时运用了JavaSc

CoffeeScript

lu592674374的博客

09-01

482

CoffeeScript标签（空格分隔）： Session什么是CoffeeScriptCoffeeScript 编程语言是构建于 JavaScript 之上，它可编译成高效 JavaScript，您可以在 Web 浏览器上运行它或者将其与诸如 Node.js 一类的技术相结合用于构建服务器端应用程序。编译过程通常都很简单，生成的 JavaScript 均与许多最佳实践保持一致。为什么要用Coffe

CoffeeScript教程_编程入门自学教程_菜鸟教程-免费教程分享

最新发布

banzhuan_it的博客

07-18

339

CoffeeScript 是一种相对较新的语言，为开发人员提供了不再有 JavaScript 缺陷的令人期待的方案。利用 CoffeeScript，开发人员即可使用一种轻量级、直观的语言完成编码工作，这种语言就像是 Ruby 和 Python 的混合体。对于兼容浏览器的 Web 应用程序，CoffeeScript 将编译为 JavaScript；对于服务器端应用程序来说，它还能与 Node.js 无缝地协同工作。CoffeeScript入门教程。

coffee script笔记

天何言哉

07-10

136

安装 npm install -g coffee-script 运行与编译 >coffee xx.coffee >coffee -c xx.coffee

compiled_coffeescript_script_calibre_coffee_

10-03

"compiled_coffeescript_script_calibre_coffee_"这个标题暗示了我们正在讨论的是一个与Calibre相关的项目，其中包含了用Coffeescript编写的脚本。 Calibre是一个强大的电子书管理工具，它支持多种格式的电子书，如...

一个超级简单的基于 JS 的 libretro 前端_CoffeeScript_代码_下载

06-24

此外，项目可能还包含一些实用技巧，比如使用模块化技术（如 CommonJS 或 ES6 模块）来组织代码，或者利用现代前端开发工具（如 Webpack 或 Babel）进行构建和优化。总的来说，这个项目为学习 Libretro API 和 ...

skpm-with-coffee：用于使用CoffeeScript开发Sketch的skpm模板

02-06

本文将深入探讨`skpm-with-coffee`，这是一个专为使用CoffeeScript开发Sketch插件提供的模板，它简化了构建流程，帮助开发者快速上手。首先，我们来理解什么是`skpm`。`skpm`（Sketch Plugin Manager）是Sketch...

scala-play-coffee-react:一个使用Play框架和scala以及在前端使用Coffeescript和React.js的项目

05-16

前端开发则可能需要CoffeeScript编译器（如`coffee-script`），以及React开发工具，如`create-react-app`。开发过程中，开发者还需要熟悉如`sbt`（Scala Build Tool）或`Gradle`这样的构建工具，以及`npm`或`yarn`来...

coffeescript-mixins:打包以允许Mixins与CoffeeScript类一起使用

05-25

CoffeeScript Mixins 这个包允许您将其他类（或带有函数的对象）包含在CoffeeScript类中。这样可以在已经使用继承或只想在模块中共享功能的类中更好地重用代码。用法您需要在任何CoffeeScript类定义之前要求并引导混合。节点 mixins = require ' coffeescript-mixins ' mixins . bootstrap () # Mixes in include on Function 网页 window . CoffeeScriptMixins . bootstrap (); 完成此初始设置后，您可以在任何CoffeeScript类中使用@include方法。例子声明一个混入您可以像其他任何CoffeeScript类一样创建一个混合。给它一些方法，利用继承，或包括另一个混合。 # Typical mixin

CoffeeScript 详解

legend_x的专栏

09-15

2736

http://ruby-china.org/topics/4789 CoffeeScript 详解 JavaScript • lilu • 于1年前发布 • 最后由 Perish 于2月前回复 • 5303次阅读这是今年年初学习CoffeeScript的一篇个人总结，觉得也许会对社区有些帮助，就从我的博客转来了这里，因为水平有限，错漏之处在所难免

Coffee script 学习笔记I --函数及变量作用域

kuangwanjing626的专栏

04-03

702

Coffee的函数定义是这样的： Square = (x) -> x*x 翻译成js的代码就是 var Square = function(x){ return x*x; }; note：如果函数的定义超过一行的话那就换行继续写下去，注意的是需要用缩进来对齐同一个函数内的所有代码。而Coffee是支持缺省参数的，比如： fill = (con

coffeescript使用的方式汇总

orichisonic的专栏

06-16

1983

Coffeescript作为Javascript低调的小弟实在是有过人之处，使用它可以增进开发效率，减少代码错误，关键是能大幅提升开发愉悦感。我越来越觉得只要可能就在自己的项目中把coffee用起来。然而也许你和我一样，在了解完coffeescript的语法后准备一试身手的时候，却面对如何把它引入项目而犯起愁来。像老板一样指挥你的代码 CoffeeScript提供了一堆酷毙

Coffee Script的windows环境下的初步安装使用

StarsInSun的专栏

10-29

1224

偶然间发现了Coffee Script 这个很时髦的玩意，简洁的

coffeescript_在客户端上使用CoffeeScript

cuyi7076的博客

06-28

508

CoffeeScript是一种基于JavaScript的新编程语言。 CoffeeScript提供了一种干净的语法，该语法应吸引喜欢Python或Ruby的任何人，并且还提供了许多受Haskell和Lisp等语言启发的功能性编程功能。在本系列的第1部分中，您了解了使用CoffeeScript而不是仅使用JavaScript的好处。您设置了开发环境并运行了脚本。在第2部分中，您通过尝...

CoffeeScript系列教程（二）—安装和使用

我的专栏

09-13

5275

CoffeeScript是一门编译到JavaScript的语言，肯定需要一个编译器的。实际上CoffeeScript编译器也是用CoffeeScript编写的（自己编译自己？感觉好屌的样子！）。你可以通过npm命令安装： npm install -g coffee-script npm是啥？额，如果你对nodejs一点都不了解的话，建议你搜索下，作为一个前端开发，nodejs都不知道的话，

coffeescript 的环境搭建

何旭东chucai的专栏

01-19

935

1，下载node.js wget http://nodejs.org/dist/v0.6.7/node-v0.6.7.tar.gz 2， install nodejs make make install node -v 查看是否安装成功 3, install coffeescript npm install -g coffee-script

coffeescript_在服务器上使用CoffeeScript

cuyi7076的博客

06-28

440

CoffeeScript是一种基于JavaScript的新编程语言，它提供了一种干净的语法，该语法应吸引喜欢Python或Ruby的任何人。它还提供了许多受Haskell和Lisp等语言启发的功能编程功能。在本系列的第1部分中，您了解了使用CoffeeScript的好处。您还设置了开发环境并运行了脚本。在第2部分中，您通过尝试许多功能同时解决了数学问题，探索了CoffeeScr...

Python驱动的前端开发与挑战

"使用Python开发前端ppt课件.ppt" 这篇课件主要探讨了使用Python在前端开发中的应用，以及前端开发的历史演变和技术挑战。它由潘俊勇分享，介绍了如何利用Python简化前端开发，特别是在B/S（浏览器/服务器）架构下...