Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
爱派AiPy
一款可本地部署的AI智能体,帮你操作电脑、手机、服务器设备
阿里云优惠券
卓越的云计算技术和服务提供商
蜂小推
不扣量的项目推广平台
趣网商城
私密生活好物,隐私配送,无痕购物
免费资源下载中心
一站式解决工作学习需求的宝藏网站
美图设计室
AI智能一键生成海报,免费平面设计
沁言学术
AI智能学术研究平台,覆盖科研全流程服务
Seedance 2.0
字节跳动新一代AI视频生成模型全面解析
码上飞(CodeFlying)
用一句话自动生成小程序、APP、H5网页应用
AiPPT
全智能AI一键生成 PPT

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

cell

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://www.celljs.org
GitHub:https://github.com/intercellular/cell
描述信息:一个自驱动的Web应用程序框架
访问官网
GitHub

cell一个由自驱动、自构建的Web应用程序框架。  Cell只有一个设计目标:简单,易于学习和使用。


cell的使用

<html>
<script src="https://www.celljs.org/cell.js"></script>
<script>
var el = {
  $cell: true,
  style: "font-family: Helvetica; font-size: 14px;",
  $components: [
    {
      $type: "input",
      type: "text",
      placeholder: "Type something and press enter",
      style: "width: 100%; outline:none; padding: 5px;",
      $init: function(e) { this.focus() },
      onkeyup: function(e) {
        if (e.keyCode === 13) {
          document.querySelector("#list")._add(this.value);
          this.value = "";
        }
      }
    },
    {
      $type: "ol",
      id: "list",
      _items: [],
      $components: [],
      _add: function(val) { this._items.push(val) },
      $update: function() {
        this.$components = this._items.map(function(item) {
          return { $type: "li", $text: item }
        })
      }
    }
  ]
}
</script>
</html>


代码中需要注意的几件事:

  1. 没有要继承和扩展的框架类。
  2. 没有API方法调用。
  3. 没有HTML正文标记。
  4. 我们所拥有的只是一个类似JSON的变量。
  5. DOM只是在没有运行任何功能的情况下构建自己。


仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/1382

更多»
热门资源
Vue
Vue.js是一套构建用户界面的渐进式JavaScript框架
官网
GitHub
react
Facebook开发的一款高效、灵活、声明式设计的JS库
官网
GitHub
AngularJS
Google推出有条理,可维护,易编程的MVVM框架
官网
GitHub
backbone
提供:模型、集合、视图,开发重量级的javascript应用的框架
官网
GitHub
jquery
一个快速、简洁的JavaScript代码库
官网
GitHub
zepto.js
一个轻量级的针对现代高级浏览器的JavaScript库
官网
GitHub
Ember
JavaScript MVC框架,它用来创建复杂的Web应用程序,消除了样板
官网
GitHub
nw.js
轻量级桌面应用开发的捷径
官网
GitHub
socket.io
一个WebSocket库,包括了客户端的js和服务器端的nodejs
官网
GitHub
nuxt.js
基于 Vue.js 的轻量级、服务端渲染 (SSR) 应用框架
官网
GitHub
Next.js
实现react的服务端渲染的框架
官网
GitHub
Electron
基于Chromium 和 Node.js, 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用
官网
GitHub
类似于cell的资源
WePY
一款让小程序支持组件化开发的框架
官网
GitHub
anujs
一个高级兼容React16的迷你React 框架
官网
GitHub
workbox
谷歌推进的 web 应用新模型,将网站升级成 PWA
官网
GitHub
ShareDB
用于并发编辑系统的前端数据库
点击进入
GitHub
quicklink
用于加快后续页面加载速度
点击进入
GitHub
Licia
一套在开发中实践积累起来的实用JavaScript工具库
官网
GitHub
KISSY
一款跨终端、模块化、高性能、使用简单的 JavaScript 框架
官网
GitHub
FileSaver.js
基于 HTML5 的导出文本并下载到本地文件的库
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网 All Rights Reserved. 提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。