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

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

原文地址:https://www.cnblogs.com/jason-beijing/p/10327511.html

时间: 2024-08-29 18:41:50

前端框架 一周使用经验积累的相关文章

第一周技术周报-前端框架演变

前言 在本周接触了一个关于"前端框架演变"的话题.今天我们就来聊聊,它到底是怎么进行演变的. 前端框架演变 web1.0时代 此时前端展示数据比较简单,通常是由后台使用模板引擎直接渲染的.在这个时期都还未产生"前端工程师",更别谈前端的发展能有多快了.这个时代作者经历的并不多,比较也已经过去了很多年了,这里就不深究. web2.0时代 前端展示趋于复杂,所以逐渐就开始前后端分离式架构.此时有一个关键词ugc: user generate content 用户生成内容

前端框架2019 云开发

1 .MUI 最接近原生APP体验的高性能前端框架 http://dev.dcloud.net.cn/mui/ 2.Mint UI 基于 Vue.js 的移动端组件库 https://mint-ui.github.io/#!/zh-cn 3.iView webapp一套高质量的 微信小程序 UI 组件库 https://weapp.iviewui.com/?from=iview 4.优秀的基于VUE移动端UI框架合集 https://www.cnblogs.com/dupd/p/7735450.

如何选择前端框架:ANGULAR VS EMBER VS REACT

最近一段时间是令前端工程师们非常兴奋的时期,因为三大Web框架陆续发布新版本,让我们见识到了更强大的Web框架.Ember2.0在2个月之前已经发布,从1.0升级到2.0非常简单.几周之前React发布了0.14版本.还有很多流行的前端框架,像Backbone .Knockout及Aurelia.如果你想开发一个Web app,建议采用Angular,Ember或React三种框架中的一个.这三个框架可以说是安全级别最高,技术非常成熟的框架,而且有很多技术社区支持.所以你又开始纠结了,开发Web

云适配将推出中国首个开源 HTML5 跨屏前端框架 - Amaze UI

云适配,这是一家能以一行代码将你的网站移动化,实现网址不变且内容实时自动同步的服务提供商.云适配所采用的技术是一项基于云计算.利用html5进行网站跨屏适配,它为目标网站开发一行JS代码,并嵌入PC网站,这个JS代码通过对PC网站目标网页数据的分析和抓取,在云端完成用户当前设备的网页最佳展现方式的计算,最后在浏览器端实现html结构的重排及CSS的重新渲染,以适应移动端用户的浏览习惯. 在他们用一行代码做适配的过程中,积累了一套跨屏的前端常用网页组件,而最近,他们想把这套组件开源出来,将这套组件

推荐一款程序员常用的web前端框架

不知道现在大家使用的web前端框架都是什么?也许有人和我一样会想到jQuery,但今天给大家介绍的确实另外一款比较受欢迎的web前端框架,把我用的体验和大家分享一下,希望这款web前端框架能够被大家认识. 这是一款比较新颖的前端框架,但是功能不得不服.100多项功能任你选,你想要的各类表格.组件.各种不同的界面选择性很多,这也是我选择用QUICK UI的原因,很多人应该和我之前一样,不知道QUICK UI是什么?这里给大家也简单的介绍一下. QUICK UI 是基于jquery开发的一款前端UI

非常不错的前端框架Kendo-ui

近期公司在做重构,准备换前端框架由Extjs换kendo-ui,问什么要换框架呢?主要有以下几个原因: Extjs太重,偏向后端语言,前端写起来费劲 Extjs执行太慢(这是主要原因),因为Extjs的页面也是用js来生成,这必然会降低性能,影响页面的渲染速度 kendo-ui是一款非常不错的前端框架,你可以在这里看一些Demo. 这篇文章主要是说一下我对kendo-ui了解,希望通过此文能使你对kendo-ui有所认识,也是我开始重构项目前的学习. kendo-ui介绍: kendo-ui是一

大家期待已久的前端框架QUICK UI 4.0正式发布

2017年9月25日---数百万前端开发人员翘首期待的前端框架QUICK UI,日前宣布V4.0版本正式发布! QUICK UI 是基于jquery开发的一款前端UI框架,由国内知名的前端解决方案提供商UI Leader推出. 跟当下流行的三大底层框架React.Vue和Angular不同,QUICK UI提供了一整套前端解决方案,包括前后端分离的开发框架.100多种功能强大的UI控件.几十套精美的皮肤模板和近16万字的开发文档. 介绍一些QUICK UI的亮点: 1.QUICK UI的表格组件

前端什么技术越来越重要,哪些前端框架有前景

前端什么技术越来越重要?哪些前端框架有前景?近年来,Web前端市场前景火爆吸引了很多人加入其中,"低端饱和.高端紧缺"的市场行情要求人们不断提升自己的专业技能.互联网更迭迅速,未来前端有哪些技术会越来越重要呢?下面就给大家分享几个比较有前景的前端框架. 1.Vue Vue是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用.Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合.另一方面,当与现代化的工具链以及各种支持类库结合

为什么要学习Vue——前端框架角度

什么是框架 框架(Framework)是整个或部分系统的可重用设计,表现为一组抽象构件及构件实例间交互的方法;另一种定义认为,框架是可被应用开发者定制的应用骨架.前者是从应用方面而后者是从目的方面给出的定义. 可以说,一个框架是一个可复用的设计构件,它规定了应用的体系结构,阐明了整个设计.协作构件之间的依赖关系.责任分配和控制流程,表现为一组抽象类以及其实例之间协作的方法,它为构件复用提供了上下文(Context)关系.因此构件库的大规模重用也需要框架. 构件领域框架方法在很大程度上借鉴了硬件技