前端框架 一周使用经验积累
Posted jason-beijing
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端框架 一周使用经验积累相关的知识，希望对你有一定的参考价值。
devicePixelRatio
|
canvas分辨率
|
var clientWidth:number = document.body.clientWidth * window.devicePixelRatio;
if( this.engine.stageWidth > clientWidth ){
var scale:number = Math.ceil( parseFloat( ( this.engine.stageWidth / clientWidth ).toFixed( 2 ) ) * 10 ) / 10 ;
//if( 1 < scale && scale < 1.5 ) scale = 1.5 ;
userModel.canvasScale = scale ;
}
|
|
canvas里能实现遮照吗
|
能，但是在手机上运行效率很差，尽量避开吧
|
|
素材命名
|
要按规范走
不能随意起
|
|
下划线
|
this.txt_notice.textFlow = [ {text:noticeNote},
{text: "去开通", style: {textColor: 0xfff269, underline: true, href: "event:more" } } ] ;
|
|
PopModule的布局
|
要先在最上和最下放一个透明元件，把界面撑起来
|
|
算文本宽度 getTextWidth 这个算出来的单位好像不对
|
private getTextWidth(text:string, font:any ):number
{
var canvas = document.createElement("canvas");
var context = canvas.getContext("2d");
context.font = font;
var metrics = context.measureText(text);
return metrics.width;
}
|
|
字号
|
美术给的是 pt还是px呢
|
|
布局错乱
|
当没有数据时，布局也不能太乱
|
|
Image的九宫
|
img_options.scale9 = "30,40,600,1";
|
| 连接对象 |
Object.assign方法不错，可以把一个对象所有可枚举的属性拷贝到另一个对象
但是 做DOM应用的时候还是尽量不要用es6的api
|
以上是关于前端框架 一周使用经验积累的主要内容，如果未能解决你的问题，请参考以下文章