作者: indeex

 

组件编程二

WEB一直在往自然言语化方向发展,而组件则是自然语言化很好的方式和体现。

自定义组件

与React或Angular相似,一切自定义标签都继承HTMLElement类:

class WaHaha extends HTMLElement {
  connectedCallback() {[......]

继续阅读

组件编程一

用的久了也就忘了。。。

自定义标签

<indeex-component></indeex-component>
class IndeexComponent extends HTMLElement {
  connectedCallback() {
    this.i[......]

继续阅读

编辑器基本思路

一、contentEditable

div的contentEditable属性可以让div进入编辑模式,禁止可以使用contentEditable=false。

二、Selection

浏览器中内置了获取用户操作的方法:

let selection = window.getSelection[......]

继续阅读

数据结构

数据结构的讲解很少,而且零零散散的,把以前使用其他ECMAScript实现的整理再用Typescript重新记录下。

数组

一切从数组开始:

由于ECMAScript比较灵活,数组也一样,语法也简单:

let arr: number[] = [];
for(let i: number = 0[......]

继续阅读

Vue 3.0使用

Vue 3.0 beta发布了。。

环境准备

可以使用beta的测试页面

测试页面

vue-next-webpack-preview

Minimal webpack setup for Vue 3 (beta)

This is for preview purposes only.[……]

继续阅读

2020年4月4日举行全国性哀悼活动-网站处理-中国加油

2020年4月4日举行全国性哀悼活动-网站处理-中国加油

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院今天(4月3日)发布公告,决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。

网站处理关键样[……]

继续阅读

国内游戏引擎使用

开发游戏的引擎有很多,这里简单介绍下比较符合游戏开发流程适合中大型等极其复杂的项目(好像就这俩优点)的引擎 – Layabox。

由于IDE比较难用,官方推荐使用其他编辑器,比如FB/FD/VS/IDEA及子软件。

环境搭建

这里使用Laya IDE演示设计,使用FB开发。

下载地址:

L[……]

继续阅读

动效

动效

项目需要用到很多动效,但是很多开源动画效果没有很好的移植过来,这里做个记录,使用Typescript,其他ECMAScript实现都一样,游戏引擎Layabox、Egret、Cocos等也都一样。

动画类型

基本包含了常用的动画类型:

var arr: Array = [
    "Lin[......]

继续阅读

Tree

由于XML的操作和CSS样式的渲染很耗性能,未来会逐步被替代,这里写一个废弃XML结构的高效Tree控件示例,供未来使用。

样例仅供参考,禁止用于项目。

Tree

package tree {
    import display.Sprite;
    import events.MouseEven[......]

继续阅读

对象池

对象池介绍

看百度百科的对象池介绍吧: 对象池 没啥用。

俩核心:使用和缓存,即对于那些被频繁使用的对象,在使用完后,不立即将它们释放,而是将它们缓存起来,以供后续的应用程序重复使用,从而减少创建对象和释放对象的次数,进而改善应用程序的性能。

再具体一点说:凡是涉及到不断重复使用的对象,在初[……]

继续阅读