首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js模块化例子

    最近在看一本书,里面提到js模块化,觉得很有必要,所以记录下来 Game.js /** * This is the main class that handles the game life cycle..._canvas.height); }; ---- boardRenderer.js /** * 这个类负责绘制,棋盘,球 * @param context the 2d context to draw..._rows; }; ---- boardModel.js /** * 这个类是负责保存/验证/返回当前游戏状态 * 如当前玩家是谁、每个单元格放是什么球、 * 是不是谁赢了 * @param...this.reset(); } /** * 0代表单元格为空,1代表单元格有红色球,2代表单元格有绿色球 * 因为怕以后忘记这些数字代表什么,干脆把数字存到常量里,代码看起来易懂, * 但是这么多字,前端js...* ps.变量名全大写表示这是常量,这是一个js程序员之间约定,表达为 CAPITAL_CASED。

    4.6K20

    JS例子,要抽出其中逻辑才行

    因为这类例子,如果你不能理解它们之中共性东西,那你永远觉得没有完全学会这个例子,因为变化是无穷。...落实到某一个例子上来讲,如果它做很炫,很酷,那我们研究起来也很happy,研究明白学会了这个例子也会很爽。但时间长了呢,依然会忘,为什么呢?...这就是说,如果在学习时候,过于关注JS例子里面的特定技巧,那对自己学习思考反而是一种阻碍。反过来讲,在学习时候,将它里面的技巧做为一种逻辑层面上共性抽取出来,其实更容易让我们举一反三。...然后从中也能升华出一定规律,可以用来指导他以后工作。 这就是书读千遍,其意自现。 只不过呢,如果只是一个劲不停例子,做例子,也不是说不行。但只是效果有点慢。...有一种学习方法吧,我个人是不太喜欢。就是在需要时候,不去仔细分析需求,而是在网上狂找特定实现例子

    1.2K70

    20个例子入门Q.js

    本文希望通过20个简单例子让没用过Q.js同学快速掌握其基本用法 1....domclass属性,例子 q-class='colorRed:name1|isTom' 中colorRed是类名,name是绑定数据对象属性,isTom是要经过filter,整个意思是当name...$set(key, value),数据被设置更新后,会触发视图更新,数据经过filters(如果有)过滤后返回结果会根据不同directive更新视图。比如上面例子 this....$set('people', []); } } }) try 这是目前为止最复杂例子,演示是数据对象中数据操作,也集成了前面例子说到各种用法,基本看懂了这个例子就是对前面的例子一个简单...其实这个跟上一个例子$watch有点像,都是监听数据变化运行指定函数,不同是这里自定义directive函数运行时this指向不是最外层q对象,而是一个与当前dom相关对象,这样更方便我们对当前

    4.3K71

    20个例子入门Q.js

    本文作者:IMWeb 邝伟科 原文出处:IMWeb社区 未经同意,禁止转载 本文希望通过20个简单例子让没用过Q.js同学快速掌握其基本用法 1....domclass属性,例子 q-class='colorRed:name1|isTom' 中colorRed是类名,name是绑定数据对象属性,isTom是要经过filter,整个意思是当name...$set(key, value),数据被设置更新后,会触发视图更新,数据经过filters(如果有)过滤后返回结果会根据不同directive更新视图。比如上面例子 this....$set('people', []); } } }) try 这是目前为止最复杂例子,演示是数据对象中数据操作,也集成了前面例子说到各种用法,基本看懂了这个例子就是对前面的例子一个简单...其实这个跟上一个例子$watch有点像,都是监听数据变化运行指定函数,不同是这里自定义directive函数运行时this指向不是最外层q对象,而是一个与当前dom相关对象,这样更方便我们对当前

    2.5K10

    201710个人工智能失败例子

    尽管这些里程碑显示了近几年人工智能取得巨大进步,但许多人对新兴技术整体成熟度持怀疑态度,尤其对过去12个月中出现一些人工智能失败产生失望。...现在尽管我们大多人自然是机器智能粉丝,但是我们也必须意识到一些新技术正在努力地有效地执行他们任务,经常以人类不会犯错方式出错。本文梳理了2017度10个值得注意的人工智能失败案例。...这一破解事件给整个行业掀起了巨大冲击,加大了消费者设备隐私风险,更普遍是人工智能设备安全风险。...尽管该公司声称它和指纹ID一样安全,但英国广播公司(BBC)一名记者双胞胎兄弟却能够通过模仿他声音访问记者账户。实验尝试了七次便得手。汇丰临时解决办法就是确定账户锁定阈值为三次失败尝试。...这个技巧,即不良样本,会导致计算机通过引入人眼无法察觉修改来对图像进行错误分类。过去,如果黑客知道目标计算机系统基本机制,那么对抗例子才会起作用。

    3.1K00

    18最受欢迎JS项目

    在前端框架方面,主导者还是和 2017 一样三位:Vue.js,React 和 Angular。 如果你展开图表,你会注意到六月 Vue.js 和 React 都有一个小高峰。是什么原因?...2018 新秀是 Omi,一个运用了 Shadow DOM 技术、大有前途 UI 框架,同时采用了 React 开发者们熟知 “JSX” 语法。 Node.js 框架 ?...在 2018 年中领跑两个 Node.js 框架是基于特定前端框架“全栈框架”。 1、采用 React Next.js,本类别的新冠军。 2、采用 Vue.js Nuxt。...2018 年中测试框架领域总体没有什么变化,5 个领先解决方案保持了和 2017 相同排名。...和 2017 一样,Gatsby 在 2018 依然是最受欢迎静态站点生成器(用于生成一组 HTML JavaScript 和 CSS 文件,以便能够在任意地方托管,超快响应 —— 一种工具)。

    1.8K60

    那些面挂js手写题

    ,它实现原理很简单:先定义一个包含原始数组第一个元素数组,然后遍历原始数组,将原始数组中每个元素与新数组中每个元素进行比对,如果不重复则添加到新数组中,最后返回新数组;因为它时间复杂度是O(n...结构一个特性就是成员值都是唯一,没有重复值。...subInstance.flag1; // truesubInstance.flag2; // false实现 jsonp// 动态加载js文件function addScript(src)...script.type = "text/javascript"; document.body.appendChild(script);}addScript("http://xxx.xxx.com/xxx.js...所以可能会出现这样情况,就是当前执行栈执行时间很长,导致事件队列里边积累多个定时器加入事件,当执行栈结束时候,这些事件会依次执行,因此就不能到间隔一段时间执行效果。

    74020
    领券