王军 于 5个月前发表 346 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程JavaScript强化教程 —— AngularJS 表达式 AngularJS 使用 表达式 把数据绑定到 HTML。AngularJS 表达式 AngularJS 表达式写在双大括号内:{{ expression}}。 AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。 AngularJS 将在表达式书写的位置"输出"数据。 AngularJS 表达式 很像 JavaScript表达式:它们可以包含文字、运算符和变量。 实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }} AngularJS 实例 <!DOCTYPE html>
5个月前
HTML&HTML5
王军 于 5个月前发表 440 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— AngularJS AngularJS 简介 AngularJS 是一个 JavaScript框架。它可通过 [removed] 标签添加到 HTML 页面。 AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。 AngularJS 是一个 JavaScript框架 AngularJS 是一个 JavaScript框架。它是一个以 JavaScript编写的库。 AngularJS 是以一个 JavaScript文件形式发布的,可通过 script标签添加到网页中:<script src=" http://apps.bdimg.com/libs/ang [http://apps.bdimg.com/libs/ang] ... gt;[Note] 我们建议把脚本放在 <body> 元素的底部。 这会提高网页加载速度,因为 HTML 加载不受制于脚本加载。
5个月前
HTML&HTML5
王军 于 5个月前发表 469 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuety 实例 找出所有属于 div 元素的子元素的 p 元素,然后设置其边框属性: [code]$("div > p") .css("border", "1px solid gray");[/code] 定义和用法 jQuery() 方法接受一个字符串,其中包含了用于匹配元素集合的 CSS 选择器。 jQuery() 函数有三种语法:语法 1 接受一个字符串,其中包含了用于匹配元素集合的 CSS 选择器: jQuery([i]selector[/i], [[i]context[/i]]) 详细用法语法 2 使用原始 HTML 的字符串来创建 DOM 元素: jQuery([i]html[/i],[[i]ownerDocument[/i]]) 详细用法语法 3 绑定一个在 DOM 文档载入完成后执行的函数: jQuery( callback ) 详细用法 jQuery( selector, [ context ] ) 该语法有以下几种用法:用法 1 :设置选择器环境语法
5个月前
HTML&HTML5
孙世吉 于 5个月前发表 874 0 0
1 简介 JSON 模式(JSON Schema)是一种基于 JSON 格式定义 JSON 数据结构的规范 。其用于: * 描述现有数据格式。 * 干净的人类和机器可读的文档。 * 完整的结构验证,有利于自动化测试,可用于验证客户端提交的数据。 表现形式上来说 JSON Schema实际上也还是JSON数据。 JSON Schema制定了一系列规范,使得我们可以使用它来定义JSON数据的格式。 这有点像我们先定义了“语言”是什么怎么用,然后可以用“语言”来规定什么是诗词歌赋。“诗词歌赋”以及“诗词歌赋的定义”实际上也都还是“语言”。 简单来说,我们有JSON数据①,我们可以定义JSON数据②用来描述①的结构。这时候JSON数据②也就是JSON Schema,它可以 描述 以及 验证 JSON数据①。 JSON数据①: { "name": "shijisun", "age": 24, "gender": "male"} JSON数据②(JSON Schema): { "type": "object", "properties": {
5个月前
javascript技术
王军 于 5个月前发表 516 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —-RegExp 对象 RegExp 对象用于规定在文本中检索的内容。 什么是 RegExp? RegExp 是正则表达式的缩写。 当您检索某个文本时,可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。 简单的模式可以是一个单独的字符。 更复杂的模式包括了更多的字符,并可用于解析、格式检查、替换等等。 您可以规定字符串中的检索位置,以及要检索的字符类型,等等。 定义 RegExp RegExp 对象用于存储检索模式。 通过 new 关键词来定义 RegExp 对象。以下代码定义了名为 patt1 的 RegExp 对象,其模式是 "e":var patt1=new RegExp("e");当您使用该 RegExp 对象在一个字符串中检索时,将寻找的是字符 "e"。 RegExp 对象的方法 RegExp 对象有 3 个方法:test()、exec() 以及 compile()。 test() test() 方法检索字符串中的指定值。返回值是 true 或 false。
5个月前
HTML&HTML5
王军 于 5个月前发表 456 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery - 获得内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方法。 jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 提示:DOM = Document Object Model(文档对象模型) DOM 定义访问 HTML 和 XML 文档的标准: “W3C 文档对象模型独立于平台和语言的界面,允许程序和脚本动态访问和更新文档的内容、结构以及样式。” 获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容:
5个月前
HTML&HTML5
王军 于 5个月前发表 692 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery AJAX实例 什么是 AJAX? AJAX = 异步 JavaScript和 XML(Asynchronous JavaScript and XML)。 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。 jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 语法: $(selector).load(URL,data,callback); 必需的 URL 参数规定您希望加载的 URL。 可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。 可选的 callback 参数是 load() 方法完成后所执行的函数名称。 这是示例文件("demo_test.txt")的内容: JQUERY AND AJAX IS FUN!!!
5个月前
HTML&HTML5
杨文坚 ,首席吹牛工程师 于 5个月前发表 844 0 0
Standard Component 项目需要一个基于 AST 的 Javascript Transformer 编写工具,用于从一种类型的组件 transform 到 Standard Component。本来,想用著名的 esprima,来编写相应工具。但后来发现,Facebook 已经开发了 jscodeshift,重造一个轮子明显是多余的。 所以,jscodeshift 是什么鬼? jscodeshift 是一个 Javscript Codemod 工具,官方对 Codemod 的解释是: Codemod is a tool/library to assist you with large-scale codebase refactors that can be partially automated but still require human oversight and occasional intervention. jscodeshift 也是基于 esprima 的,相比 esprima 及 estools 工具集,其通过 path 可以很容易的在 AST 上遍历
5个月前
工具建设
江源 ,非常让人头疼…… 于 5个月前发表 747 1 0
原文http://jiangyuan.me/blog/2016/08/13/babel/ [http://jiangyuan.me/blog/2016/08/13/babel/] 最近总算有点时间能系统的梳理下 babel 。入门或者使用手册什么的直接查看“ 参考文章 [#wafaha] ”即可,我只说说我的理解。 插件 Babel is built out of plugins. * babel-core 只是个插件加载器, presets 是一组插件,避免繁琐地一个一个安装插件。 * preset es2015 [http://babeljs.io/docs/plugins/preset-es2015/] 可以很好的编译 es6 ,唯独对常用的 class property 无能为力,快使用插件 Class properties transform [http://babeljs.io/docs/plugins/transform-class-properties/] 。
5个月前
构建工具
黄龙 于 5个月前发表 1424 0 1
温馨提示:文中并没有相关技术的具体代码。 方案有哪些?脑图先来一发 [http://7tszky.com1.z0.glb.clouddn.com/Fsj8MyGGudaJlRnWCewRAc-6yCnd] 除了Flash其实还可以选择的有很多,MPEG-DASH就貌似不错。 按相互独立,完全穷尽的原则分类 直播方案可以分为: 插件方案和非插件方案。 * 插件方案:常用的是Flash还有WMP和silverlight也可以实现直播,当然也有一部分人士自己实现直播插件。 * 非插件方案:也就是图中的HTML5方案。有WebRTC/MPEG-DASH和HLS等。 MPEG-DASH(DYNAMIC ADAPTIVE STREAMING OVER HTTP) MPEG-DASH 是基于HTTP的自适应串流方案中的国际标准。 MPEG-DASH 技术由 MPEG 主导开发: 2010年开始DASH相关工作, 2011年1月成为国际标准草案, 2011年11月成为国际标准, 2012年4月,MPEG-DASH 以 ISO/IEC 23009-1:2012
5个月前
基础库
Red626 于 6个月前发表 862 0 0
ECMAScript 6 (or ECMAScript 2015) is the newest version of the ECMAScript standard and has remarkably improved parameter handling in JavaScript. We can now use rest parameters, default values and destructuring, among other new features. PS:这篇文章主体是根据Faraz Kelhini的文章(见引用1)翻译而来,加入了自己的一些理解。 背景介绍 随着ES6的出现,javascript具备了很多新的特性,很多特性不仅仅在语法上更加清晰简洁,同时也提高了效率和可靠性,便于后期扩展和维护。不过很多新特性普及度并不高,通过学习ES6的一些特性后,可以更好地将其运用到实际项目中,对于浏览器支持度,我觉得可以乐观一些,毕竟ES6是趋势,而且现在也有诸如babel这类工具可以帮助我们将ES6转换为ES5来实现兼容,所以开发中去用ES6,何乐而不为呢? 概念介绍
6个月前
javascript技术
moonye 于 6个月前发表 832 0 0
创建一个chrome的插件,并让这个插件能够作为一个app,运行在终端设备上。 <!--more--> 创建一个CHROME插件 该插件app实现一个搜索框,输入内容后,根据输入内容去github搜索名称有关联的repositories * 书写manifest.json * 创建chrome app的加载页面 * 书写加载页面的内容 * 使用chrome的扩展程序加载程序代码MANIFEST.JSON chrome的app的配置文件有固定的形式,简单配置如下{ "manifest_version": 2,//固定为2"name": "chrome extension search",//名称自定义 "version": "1.0", "app": { "background": { "scripts": ["scripts/main.js"]//app的入口文件 } }, "permissions": [
6个月前
前端库