编程学习网 > 编程教程 > Yii2.0 视频教程
2015
10-22

Yii2.0视频第十二讲——深入理解View——基本功能(JS、CSS)

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

生成的Html中先后顺序
  • metaTags
  • linkTags
  • css引用的文件
  • css代码
  • js引用的文件
  • js代码


示例

$this->registerLinkTag(['rel'=>'archives','title'=>'Yii2|Yii爱好者中文社区门户','href'=>'2'],'addlink');
$this->registerLinkTag(['rel'=>'archives','title'=>'Yii2|Yii爱好者中文社区门户','href'=>'1'],'addlink');


$this->registerMetaTag(['name'=>'generator','content'=>'Discuz! X3.2']);
$this->registerMetaTag(['name'=>'author','content'=>'Discuz! Team and Comsenz UI Team']);


$cssString='body{margin:0px;padding:0px;}';
$this->registerCss($cssString);
$this->registerCssFile('css/site.css');

$jsString='$("#id").height(5)';
$this->registerJs($jsString,View::POS_READY);
$this->registerJsFile('assets/35aad32d/gii.js',['depends'=>['yii\web\YiiAsset'],'position'=>View::POS_HEAD]);

依赖项

只有在注册css文件和js文件的时候才会使用依赖项,主要是为了确保注册的js在所依赖的js文件之后

$this->registerCssFile('css/site.css');
$this->registerJsFile('assets/35aad32d/gii.js',['depends'=>['yii\web\YiiAsset'],'position'=>View::POS_HEAD]);

注册js代码、js文件的位置
js代码的位置有五种
  • View:: POS_HEAD
  • View:: POS_BEGIN
  • View:: POS_END
  • View:: POS_READY
  • View:: POS_LOAD
第4、5会自动把代码包含到Jquery中

js文件的位置有三种
  • View:: POS_HEAD
  • View:: POS_BEGIN
  • View:: POS_END

其中在注册的时候可以指定js文件的依赖项

在线播放

下载地址

扫码二维码 获取免费视频学习资料

编程学习