100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > [DikeJS]RequireJS引入CSS样式文件(五)【HTML】

[DikeJS]RequireJS引入CSS样式文件(五)【HTML】

时间:2022-01-09 13:05:17

相关推荐

[DikeJS]RequireJS引入CSS样式文件(五)【HTML】

web前端|html教程

RequireJS,CSS,DikeJS

web前端-html教程

在实际开发组件时,我们常常需要关注组件的样式,样式如何定义,以及样式如何引用,我关注此问题时也纠结了一小下,不过还好,RequireJS周边给我们提供了丰富的插件,我们可以直接使用css.js,具体的使用方法如下:

百度hi源码,vscode 实时浏览,mce ubuntu,tomcat聚定,安卓sqlite连接,js横向滚动插件,前端框架讲解视频教程,爬虫android什么意思,php文件编译,庄浪优化seo,制作vip影视解析网站,vc unicode 获取网页源码,黑色服装网页模板lzw

(function () { requirejs.config({ paths: { jquery : lib/jquery-1.11.1.min, Template : Component/util/Template, Button : Component/view/button/Button, Canvas : Component/view/canvas/Canvas, Container: Component/view/container/Container }, /** * 设置css.js文件路径 */ map : { *: {css : lib/css } }, /** * 样式按照需要加载加载 键值名和加载模块的名称一致,目的是加载模块时加载对应的css样式 */ shim : { Canvas1: [css!./Component/view/canvas/css/login.css], Button : [css!./Component/view/button/css/ty-main.css] } }); define(function (require) { var $ = require(jquery); $(document).ready(function () { var container = new (require(Container))({id : container,name : container,width : 300px,height: 500px,render: $(ody) }); var canvas = new (require(Canvas))({id : Canvas,name: Canvas,//render : $(ody),listeners: { onReady: function (_this) { var ctx = _this.getContext2D(); ctx.fillStyle = #FF0000; ctx.fillRect(0, 0, 80, 100); }, click : function () { alert(1); }} }); container.add(canvas); }); });})();

请仔细查看注释,你就明白如何引入css样式了,而且是在初次加载页面的时候就会将css样式写入到

安卓开发项目源码,vscode驱动显示屏,ubuntu引导错误,tomcat无法加载图片,爬虫 js 结果,php mysql 单例,seo是什么职业蜘蛛屯,asp 网站宽屏源码,div图片文字模板lzw

网页网站源码,vscode颜色显示块,ubuntu 游戏大作,tomcat 默认bio,sqlite设置下拉框,前端框架脚手架是什么意思,爬虫都是冷血动物吗吗,php xml 节点值,黄冈seo优化技巧,网站底部美化,网页平台安装包,idc科技公司网站模板lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。