html5 js源码 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

html5 clear源码分享

在美中国学生尤雨溪(Evan You)则花了两天时间，打造了一个HTML5版的Clear，几乎完整实现了Clear的所有功能，并放出了源代码。 ...该源码从目前来看可以作为备忘录，或者说计划记录来使用。测试之后没有找到相关数据存在的地方，小杰猜想是存在浏览器某隐形变量中，源码内置默认数据存在js/db.js这个文件中。

3.4K3 0

基于HTML5 canvas的纯JS二维码生成源码

简要教程 qrious是一款基于HTML5 canvas的纯JS二维码生成插件。通过qrious.js可以快速生成各种二维码，你可以控制二维码的尺寸颜色，还可以将生成的二维码进行Base64编码。...安装可以通过bower或npm来安装qrious.js二维码插件。　...$ npm install --save qrious 　$ bower install --save qrious 引入JS 使用该二维码生成插件需要在页面中引入qrious.js文件。...js/qrious.js"> HTML结构使用一个元素来作为二维码图片的容器。...qr.toDataURL('image/jpeg')) //=> "data:image/jpeg;base64,/9j/...xqAqIqgKFAAAAAq3RRQAUUUUAf/Z" 阅读原文-演示/下载源码

2K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

HTML5、JS实现元素拖拽排序

先介绍一下html5的drag属性,拖放（Drag 和 drop）是 HTML5 标准的组成部分。

2K6 0

HTML5 拖放API与Vue.js实战

在本文中我们将用 Vue.js 构建一个简单的看板应用。看板是一种项目管理工具，使用户可以从头到尾直观地管理项目。Trello、Pivotal Tracker 和 Jira 等工具都属于看板应用。...HTML5 拖放 API 是什么？当用户将鼠标移到可拖动元素上时，拖动操作开始，然后将元素移动到启用拖放的元素上。再默认情况下，唯一可拖动的 HTML 元素是图像和链接。...总结在本文中，我们介绍了什么是 HTML 5 拖放 API ，如何使用，以及如何在 Vue.js 中实现。拖放功能也可以在其他前端框架和原生 JavaScript 中使用。

6K1 0

利用HTML5，无JS实现各种交互效果

本文利用的是HTML5 details, summary 首先一、了解HTML5 details, summary默认交互行为标签在Chrome，Firefox等浏览器下默认是有展开收起行为的...JS捕获键盘行为手动设置outline 这个方法不需要对HTML进行任何的改动，是通过CSS和JS配合对全局的元素进行outline优化。...imageMogr2/auto-orient/strip) 没有任何JS参与。...('details');``` 最后，无JS实现的好处有：省了代码，加载快了；实现更简单了，开发快了； JS还没加载交互也能进行，体验好了；键盘无障碍和aria阅读设备无障碍天然支持，体验档次高了...自己整理了一份2018最全面前端学习资料，从最基础的HTML+CSS+JS到移动端HTML5到各种框架的学习资料都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的

8.4K2 0

HTML5 JS实现毛玻璃效果（高斯模糊）

HTML5 JS实现毛玻璃效果（高斯模糊）苹果IOS系统的毛玻璃效果非常绚丽，自己也想在HTML5中实现同样的效果 css3中可以使用blur来实现这种效果： .blur { -webkit-filter...filter: blur(10px); } 但是使用这种方法得出来的效果不理想(比如图片模糊后四周缩小)，而且不能局部控制图片为了解决CSS3的缺陷，我们可以使用HTML5...类库StackBlur.js，毕竟前人栽树后人乘凉嘛。...doctype> HTML5 JS实现毛玻璃效果（高斯模糊） <link rel="stylesheet" type...实现的一个毛玻璃的效果代码演示及源码下载 [infobox]演示:毛玻璃效果[/infobox][warningbox]源码下载：maoboli.zip[/warningbox]

8.2K3 0

Node.js源码解析-启动-js部分

Node.js 进程启动时，首先执行 c / c++ 代码，然后 c / c++ 加载并执行 lib/internal/bootstrap_node.js 并给予一个 process 参数( 运行上下文...) // lib/internal/bootstrap_node.js 概览 // Hello, and welcome to hacking node.js!...exports: 默认值是 {} loaded / loading: NativeModule 状态 _cache: 简单的模块缓存 _source: 模块源码资源 require():...()，源码如下: // bootstrap main module....至此启动-js部分已经全部完成，后续模块加载部分，见 Node.js源码解析-require背后 End 启动只是 Node.js 源码的一小部分，除此之外还有大量的内置模块和 c / c++ 源码

6.5K5 0

impress.js 源码分析

花了一天探索了下impress.js源码，其实并不复杂，个人感觉收获颇丰，以下阐述我的收获。...这是html5的新增api，允许用户自定义数据，通过dataset方法取出数据 var data = el.dataset, //el是通过getElememtById（）获得的元素 step = {.../impress.js"> impress().init(); 源码中的init()函数，分析写在注释中 var init = function(...root.addEventListener("impress:stepenter", function(event) { event.target.classList.remove("past"); //利用html5...源码简洁明了，并不复杂，作者的本意也是构建一个基础的框架，让使用者自由发挥，正合吾意！

3.2K2 0

HTML5汽车赛道飙车游戏免费源码下载

HTML5汽车赛道飙车游戏 HTML5汽车赛道飙车游戏代码免费下载： https://download.csdn.net/download/qq_44273429/14017244 简介：H5精品短跑赛车俱乐部游戏...汽车赛道飙车游戏 HTML5,汽车赛道,飙车游戏" /> HTML5汽车赛道飙车游戏代码下载。.../> js代码(www.jsdaima.com)" /> js代码(www.jsdaima.com..."> js"> js"> 01构造函数添加选择器的支持.html

2.4K1 0

watch.js 源码解读

watch.js 源码解读用麻雀虽小五脏俱全来描述Watch.js比较合适。“观察者”模式是我们在开发的时候经常需要用到的。...使用Watch.js那么我们就可以实现在“每当对象属性改变的时候，执行你的函数”。...虽然有很多其他的库可以实现相同的功能，但是Watch.js却可以不改变你平时书写代码的方式，并且实现属性改变的监听功能。...”修改的时候“观察者”函数会被调用 ex1.attr1 = "other value";` [try demo](http://jsfiddle.net/NbJuh/17/) Watch.js...总结抛开watch.js的bug不谈，它还是有很多可圈可点的地方。

2.2K1 0

手写Express.js源码

手写源码手写源码才是本文的重点，前面的不过是铺垫，本文手写的目标就是自己写一个express来替换前面用到的express api，其实就是源码解析。...本文所有手写代码全部参照官方源码写成，方法名和变量名尽量与官方保持一致，大家可以对照着看，写到具体的方法时我也会贴出官方源码的地址。...express.js对应的源码看这里：github.com/expressjs/e… app.listen 上面说了，express.js只是一个空壳，真正的app在application.js里面，所以..._router = new Router(); } } 复制代码 app.listen，app.handle和methods处理方法都在application.js里面，application.js...[method] 所以我们来看下Router这个类，下面的代码是从源码中简化出来的： // router/index.js var setPrototypeOf = require('setprototypeof

6.7K3 0

cocos2d-js 入门（主要是HTML5）

利用cocos2d-js开发HTML5游戏/动画，我们可以通过SDK也可以直接使用js类库： l SDK 先说说SDK的开发步骤： 1、安装python 2、解压SDK，运行setup.py 3、...main.js的说明（关于project.json），然后打开resource.js和app.js阅读代码 6、在app.js中正式开始自己的代码编写。...开始cocos2d-js开发前，需要洗洗脑，知道cocos2d-js的平面坐标情况。这跟HTML和canvas的布局都不一样。...cc.game.onStart = function(){ cc.view.adjustViewPort(true); //设置html5的viewport meta属性 cc.view.setDesignResolutionSize...制作HTML5有了初步印象。

12.7K7 0

手写Koa.js源码

第二篇文章是看了Express的基本用法，更主要的是看了下他的源码：手写Express.js源码 Express的源码还是比较复杂的，自带了路由处理和静态资源支持等等功能，功能比较全面。...从上面两个例子的代码来看，Koa跟Express有几个明显的区别： ctx替代了req和res 可以使用JS的新API了，比如async和await 手写源码手写源码前我们看看用到了哪些API，这些就是我们手写的目标...lib/application.js这个文件就是我们经常用的Koa类，虽然我们经常叫他Koa类，但是在源码里面这个类叫做Application。...app.createContext对应的官方源码看这里：github.com/koajs/koa/b… context.js 上面的this.context其实就是来自context.js，所以我们先在...Express源码可以看我之前这篇文章：手写Express.js源码 Koa的思路看起来更清晰，Koa本身的库只是一个内核，只有中间件功能，来的请求会依次经过每一个中间件，然后再出来返回给请求者，这就是大家经常听说的

2K2 0

addEvent.js源码解析

在看 jQuery 源码时，发现了这段注释： //源码5235行 /* * Helper functions for managing events -- not part of the public...Edwards' addEvent library for many of the ideas. */ jQuery.event = { } Dean Edwards 的 addEvent.js...(http://dean.edwards.name/weblog/2005/10/add-event/)库为 jQuery 的事件绑定提供了很多想法，我们就来看下 2005 年的 addEvent.js...console.log(a,'a55') //{0:'111'} b 改变属性，a 也会改变，因为 b 与 a 指向同一地址（b=a）一、addEvent() 作用：为目标元素绑定事件（如 click）源码...最后：完整代码请看https://github.com/AttackXiaoJinJin/jQueryExplain/blob/master/addEvent.js.html ----

1.9K1 0

【JS】504- HTML5 之跨域通讯（postMessage）

本文来自公众号【前端早读课】，最近工作中用在使用 postMessage ，所以一起分享给大家一下~

2.5K1 0

如何阅读JS源码？读源码有什么好处

对，就是看别人写的JS代码。文档嘛，自然是没有的。之前也有试过看代码，但项目中N多JS文件，每个JS文件上千行，一行一行的看下来，用不了几分钟就完全晕掉了。...于是，这一次，我决定换一个方式读JS源码。这个项目中有N个JS文件，我把入口的JS文件拿出来先看，然后我把它里面所有的函数名，都用思维导图写出来，就像这样， ?...看小说一行行看就OK，但读源码的重点，不在于要读完并理解每一行JS代码，而在于通过图表和笔记，理解系统的结构和它们之间的关系。...实际上这也是不可能的，每个大项目中上百个JS文件，每个JS文件上千行、几千行代码，这算起来就十万多行了，哪有时间让你慢慢看完。...推广来说，看项目源码，看前端各种构架的源码，它最大的好处就是可以培养自己的对于代码的“层次感”。

4.4K11 0

深入理解JS异步编程四（HTML5 Web Worker）

>Web Workers 是 HTML5 提供的一个javascript多线程解决方案，我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。...text/html; charset=utf-8"/> //WEB页主线程 var worker =new Worker("worker.js...具体看例子： //fibonacci.js var fibonacci =function(n) { return n js/gaea.1.14.js" type="text/javascript"> js.wcdn.cn...由此我们可以知道web worker是不支持跨域加载JS的，这对于将静态文件部署到单独的静态服务器的网站来说是个坏消息。

1.5K6 0

【源码】html5塔楼游戏，来啊，盖楼啊，带教程！

它的结构是使用HTML5语言的新canvas元素创建的，而逻辑是用ES6编写的（对JavaScript语言的一个杰出更新）。...源码演示/下载，请点击阅读原文 ↓↓↓↓↓↓

1.9K4 0

HTML5实现好看的端午节网页源码

@TOCHTML5实现好看的端午节网页源码，端午节网页，端午节网页源码，节日网页大作业，作业源码，内置十个页面，各种模板都有，可以根据这些页面扩展更多页面，网页由网站首页、端午节介绍、端午节由来、端午节习俗...一、设计来源 HTML5实现好看的端午节网页源码，端午节网页，端午节网页源码，节日网页大作业，作业源码，实现了多种风格，兼容手机端，可供选择，整体代码整洁，容易上手，内容丰富，更多相关代码...：【端午节】html5实现端午节网站（源码）✂ 点击快速进入专栏，专栏里更多各行各业的源码1.1 网站首页界面网站首页界面，头部导航菜单，通过网站首页、端午节介绍、端午节由来、端午节习俗、端午节文化...HTML5实现好看的端午节网页源码 - 视频效果2.2 源代码这里是主界面的代码，其他图片、js、css等代码，见下面的源码下载，里面有所有代码资源和相关说明。...="js/jquery.gridrotator.js"> js/functions.js">源码下载HTML5

1.5K1 1

Html5模拟通讯录人员排序（sen.js）

= null){ contentsArray[i] = new Array(); // js动态构造二维数组 contentsArray[i][0] = contents[i]['id'

4K6 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭