首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Flutter Dojo的设计之道

    Dojo的雏形。...所以,我在最开始的时候,将Flutter Dojo分为了下面几个部分: Widgets UI Pattern Animations Back-end Util Flutter Dojo的设计主要围绕下面三个部分展开...有了这四部分的加持,Flutter Dojo的核心功能就算是完备了,当然,这里面的分类和Demo依然在不停的更新中,所以,Flutter Dojo只会越来越完善,不过万变不离其宗,其设计思想依然是围绕着这四个方面展开的...合体 Flutter Dojo经过两个版本的迭代,不仅仅在功能上更加完善了,分类和Demo的拆解也更加优秀了,所以,在Flutter Dojo 3.0上,我增加了一些信息流的设计,让开发者在学习这些现有知识的基础上...至此,Flutter Dojo 3.0 发布。 渡劫 本篇是Flutter Dojo解析文章的总纲,后面会有一系列文章来进行分析Flutter Dojo中那些不为人知的秘密。

    93740

    月球相当于北京的几环?

    提出问题 整个世界是一个可计算的世界!基于计算机的数学教学理念(CBM)的宗旨是培养学生的计算思维!当听到这首歌时,大家有没有想过,北京的环线有多长?覆盖的地域有多宽?...将选中的拟合公式复制下来,进行环线周长函数的定义....最后制作成动态的模型。 北京几环可以覆盖月球? 如果未来人类在月球上定居的话, 那么月球的人相当于住在北京的多少环呢? ?...计算得到: 环路半径[40] 39148.9 结果表明,月球约相当于北京的40环! 那么火星呢? 其他行星呢? 这些问题可以利用Wolfram|Alpha来继续探究...... ?...以上是一个的基于计算机的数学教学的典型例子。培养计算思维的CBM课程设计不能仅仅停留在理论层面,而应该与实际软件工具相结合。

    1.5K20

    程序员Web面试之前端框架等知识

    jQuery UI 与 jquery 的主要区别是: (1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。...(2) jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等。...Dojo Toolkit Dojo 自从诞生那天起就成为了 ExtJS 的有力竞争者,它最大的优势在于免费,可以在商业项目中自由使用。...Dojo 由 sitepen 创建,其口号是:Unbeatable JavaScript Tools。...了解AngularJS的开发人员,你肯定会为AngularJS自定义指令(它的功能相当于.NET 平台下的自定义控件)功能感到兴奋。自定义指令允许你扩展HTML标签和特性。

    2.5K50

    Flutter Dojo设计之道——骚气的闪屏动画是如何实现的

    Flutter Dojo的闪屏动画,参考了著名大厂——P站的App闪屏,相信大家应该都不陌生。 ? 动画其实比较简单,只是一个从两边向中间靠拢的动画。...不管使用哪种方案,需要注意的一点是,【Flutter】Text和【Dojo】Text是整体居中的,并不是分别居中,因为【Flutter】Text比【Dojo】Text要长,所以沿屏幕中线居中会很不协调。...布局之外,需要稍微提下【Dojo】Text的实现,实际上就是通过BoxDecoration来实现的,代码如下所示。...,【Flutter】Text和【Dojo】Text偏移的值实际上就是两个文本的宽度差的一半。...实际上Flutter Dojo中有很多地方都是这样,不仅仅可以从App上学习Flutter的相关知识,通过阅读Dojo的源码,你会发现更多。

    1.4K21

    Flutter Dojo设计之道——如何打造一个通用的Playground

    Dojo的设计之初,是为了能够演示Flutter中,多如牛毛的Widget,所以,一个通用的Demo演示界面,就显得非常有必要了,一是可以节省很多通用的代码,二是可以让Demo的演示,专注于Demo本身...Dojo中的实现。...分享 Dojo在设计之初就考虑了代码的开箱即用功能,所以分享功能,可以让学习者快速将Dojo中的代码,Copy出来使用,所以这里使用了一个插件来实现分享功能, url_launcher 借助这个插件,...路由跳转 在Dojo中添加新的Demo时,我希望能够做到只关注到Demo本身,所以在Dojo中的Playground相对于是一个容器,Demo是Playground的child,所以Dojo给Playground...通用标题 虽说Dojo的代码都设计为即Copy即用的,但是毕竟是一个演示性的APP,所以,一些辅助性的Widget还是需要的,例如用于展示Demo标题的两个Widget,MainTitleWidget

    1.2K10

    JavaScript 异步编程指南 — 你不知道的 Promise 前世 Deferred

    2007 年 Promise 赶上了 JavaScript 的流行大潮,当时 Twisted 的 Dojo 框架添加了一个名为 dojo.Deferred 对象。...当时,相对成熟的 Dojo 在流行方面可以与初出茅庐的 Jquery 相媲美(争夺人气),虽然 Deferred 模式最早出现于 Dojo 代码中,但被广为所知却来源于 Jquery 1.5 版本,这也是...Jquery 中的一个重要的转折点,在这个版本之后引入了一个新的功能 Deferred,它彻底的改变了在 Jquery 中如何使用 Ajax,几乎重写了 Jquery 的 Ajax 部分。...在 2009 年时 Kris Zyp 有感于 dojo.deferred 的影响力,该模式被抽象为一个提议草案,发布在 CommonJS 规范中,后来又抽象出 Promise/A 规范,同年 Node.js...错误难以处理,现在我们看下早期 Jquery 中 Deferred 的解决方案是如何做的,与我们后面讲解的 Promise 有什么关联。

    1.2K10

    用jQuery模拟页面加载进度条

    首先我们先画一个进度条的样子,也就是上图图中的样子,这个不用过多说明,自己看代码   CSS .loading{position:relative;top:0;left:0} .tip1{float:left...库,引用的位置不是在head区域,而是紧接着html代码下面写。...为什么要这样,因为样式我们放head里的原因是保证页面加载第一步就把样式加载好,这样页面不会乱。而JS则不需要,再加上页面上大的文件主要也就是js,所以放在body里加载js是为了进度条考虑。   ...进度条画好了,jquery引用了,我们现在要写个方法,也就是可以让进度条动起来 var loading = function(a,b){ var c = b*1.5; if(b==100...dojo/dojo.xd.js">   demo下载地址:点击下载   这个效果已经添加到我的EonerCMS中,想观看效果可以到这里来看:http://saw.caifutang.com

    2.5K10

    jQuery 介绍 以及基本使用

    常见的JavaScript 库:jQuery、Prototype、YUI、Dojo、Ext JS、移动端的zepto等,这些库都是对原生 JavaScript 的封装,内部都是用 JavaScript...1.2  jQuery的概念 jQuery总体概况如下 : jQuery 是一个快速、简洁的 JavaScript 库,其设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情...2. jQuery 的基本使用 2.1 jQuery 的下载 jQuery的官网地址: https://jquery.com/,官网即可下载最新版本。...相当于原生 js 中的 DOMContentLoaded。 不同于原生 js 中的 load ,load事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。...也是jQuery的顶级对象,相当于原生JavaScript中的 window。把元素利用包装成jQuery对象,就可以调用jQuery 的方法。

    4.8K30

    从零开始学_JavaScript_系列(27)——dojo的文档相关模块

    aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center ) dojo.../dom 模块:dojo/dom 参数:dom 方法: ①dom.byId(id, doc); 用于通过id来选择某个dom结点; ②dom.isDescendant(node, ancestor);...其他: 【二】通过这种方式获取的dom结点,可以直接用于jquery的选择器中。...bool值; ③第一个结点为预期子节点(要查询的),第二个结点为预期父节点; ④对非直接父子关系也起作用:如下图 dojo/dom-construct 模块:dojo/dom-construct 参数...,原因在于“事件的冒泡”,他在触发子结点的事件后,会继续触发父节点的事件(即第一个on部分的事件) domConstruct.empty(node); 说明: ①清空一个dom结点下的所有子节点; ②和

    52330

    JQuery笔记(三) jquery的用途

    近期jquery的学习经历了一些反复:开始时觉得非常强大,比js好用,和css关系密切,一句话:完美。等到把《锋利的JQuery》看完,又有点不知道用它来干嘛了。...不过,最近我算找到了我能够用到JQuery的地方:界面控制。我一直想找到一种比较适合自己的B/S的界面控制方式,要求是简单和灵活。...界面模板也充满了复杂的css。   而jquery却可以实现这样的效果:所有的数据获取功能在服务器端完成,而界面控制,放到js代码中,在客户端去实现,即使界面控制失败了,重要的数据仍然可以看到。...JQuery的优势(和css关系密切,强大的控制功能)恰好可以胜任。   今天尝试了一下最常用的一个东西:折叠菜单。...实现了以下功能: 数据是纯粹的DIV,UL结构,没有任何的特定的东西,如:特定的命名方式、内嵌的处理代码等。 实现了最多三级的菜单折叠(给定的数据有几级就显示几级) 自动查找图标。

    2.2K90

    2014年年终总结

    项目中用到了java,javascript,dojo,jquery,spring MVC等技术,后台的事情我不怎么懂,也没参与,我负责的是前台的部分,用到了js,Arcgis for js,jquery...,dojo,html,css等,实现地图层面的操作与展示等,该项目也于今年年底通过了初验。...来到北京以后,由于工作的需要,学习了js,jquery,dojo,ajax,svg,Arcgis for Js,css,java等,值得一提的是,到目前,我可以很自信的说Arcgis for Js我可以很熟练地掌握与应用了...,再加上对dojo,svg等技术的学习,更加深入的了解了Arcgis for Js的设计理念与思路,并在ESRI技术的支持下,实现了对Arcgis for Js的扩展,实现了类似于百度信息框的封装与展示...四、继续深入学习js,jquery,dojo,ajax,svg,css,html5等技术。

    56520
    领券