随笔分类 - [14]JS
摘要:apiCloud事件发送与监听 1.sendEvent 将任意一个自定义事件广播出去,该事件可在任意页面通过 addEventListener 监听收到。 sendEvent({params}) 2.addEventListener 监听事件,支持系统事件和自定义事件。 addEventListen
阅读全文
摘要:JS冒泡事件 与 事件捕获 案例 小结 1.点击myDiv。依次是Div Body Html Document Window 2.点击其他空白地方。依次是Html Document Window 3.连续点击两次,会按顺序执行两次 4.冒泡的前提是,父级也定义了相应的事件 再看一个更复杂的例子 小结
阅读全文
摘要:Js,Javascript加载与函数执行过程 test.html test.js 小结 1.js中可以允许重复的函数 2.函数式一块一块执行的以script作为块标记 3.同一个块中,如果有同名函数,以后一个为准 4.引入js文件也就是相对于一个大的script块 5.如果在页面底部执行js,相对于
阅读全文
摘要:doT.js实现混合布局 数据结构 HTML 1.第一层直接使用 {{= it.topbg}} 2.第二层使用 {{~ it.category_goods:cval:ckey}} {{~}} 3.在第二层中继续嵌套,调用第三层数据 {{~ cval.goods:gval:gkey}} {{~}} 4
阅读全文
摘要:官方案例 1.头部拆分成一个页面比如news text 2.内容拆分成另一个页面比如news textCon 以上就是一个非常规范的内容 1.css在头部 引入必要的css,api.css 引入通用的css,common.css 引入页面特有的css,news text.css 2.js在尾部 引入
阅读全文
摘要:apiCloud中的ajax方法,可以自动处理跨域访问数据,不必使用jsonp来处理了。 使用ajax方法,必须要在apiready = function() {}方法中 获取参数 ajax获取数据,可以传参数 由于跨域只能异步处理,必须把处理的代码写在ajax里面 服务器端的一些处理 小结 这里的
阅读全文
摘要:1. 可以包裹任意大小的html 2. 变量在其包裹的任意区域都有效 3. 单个变量可以和数组分开展示 4. 最好放置在最下方执行js 数据结构 区域div 包裹区域 单个变量使用 变量中数组使用 方式1 方式2 方式3 JS处理 小结 很好用~
阅读全文
摘要:1.数据结构 2.区域与页面构建 3.调用数据 4.结果展示 调整结构 这种结构适用于arttemplate,便于统一结构。 doT中相应调整,
阅读全文
摘要:引言 腾讯的前端模板引擎,不逊于doT.js 1.引入 2.代码 3.结果
阅读全文
摘要:引言 doT.js可以更好的在html端使用json数据。 使用 引入js 功能点 1.for interpolation 赋值 格式: 数据源: 区域: 模板: 调用方式: 2.for evaluation for in 循环 格式: 数据源: 区域: 模板: 调用方式: 3.for array
阅读全文
摘要:1.看例子 代码执行效果如下: 姓名: kobe bryant 年龄:28 性别:boy 2.系统对象 执行结果: localhost http://localhost/xxx.html
阅读全文
摘要:在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口。 window.self 功能:是对当前窗口自身的引用。它和window属性
阅读全文
摘要:js中的变量是松散类型(即弱类型)的,可以用来保存任何类型的数据。 typeof 可以用来检测给定变量的数据类型,可能的返回值: 1. 'undefined' 这个值未定义 2. 'boolean' 这个值是布尔值 3. 'string' 这个值是字符串 4. 'number' 这个值是数值 5.
阅读全文
摘要:citymap是一个js的构造类 它有重要的map属性,和marker属性, 最后返回的this很重要。 通过这个返回,才能调用属性和方法。 通过citymap对象,调用marker属性。 marker其实是marker类的对象,通过它就能调用setAnimation方法了。很巧妙! JS面向对象编
阅读全文
摘要:css不好实现的效果,通过背景图片来弥补。 css html 效果有了,剩下的就是通过js逻辑和程序逻辑来实现排序了。 实现功能 html改造 增加date type,统一的class 'sort'。 js事件 后台处理 tips:这里是大概的思路,具体需要你们根据实际情况去实现,可以优化成异步加载
阅读全文
摘要:改造,支持多个倒计时同时进行!
阅读全文
摘要:1.新建一个echarts.html文件,为ECharts准备一个具备大小(宽高)的Dom。 2.新建script标签引入模块化单文件echarts.js 3.新建script标签中为模块加载器配置echarts和所需图表的路径 4.script标签内动态加载echarts和所需图表,回调函数中可以
阅读全文
摘要:5分一心,5心一钻,5钻一冠,5冠一皇。最高五皇。 这个是简单的处理,估计真正复杂的,到后面升级所需积分肯定越来越多。要不然升级太容易。
阅读全文