前端框架 一周使用经验积累

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
 
 

以上是关于前端框架 一周使用经验积累的主要内容,如果未能解决你的问题,请参考以下文章

关于AngularJS 框架的使用都有哪些经验值得分享

ApiCloud开发经验总结

最佳的 JavaScript 前端框架库和工具

野狗 Meetup 第三期,前端框架专场 | 9月10日中关村 3W 咖啡

积累validate验证框架的使用

常用的高质量的WEB前端框架