Welcome 微信登录

首页 / 脚本样式 / JavaScript

js HTML5多媒体影音播放

js HTML5多媒体影音播放

之前曾经介绍过,在HTML5中可以通过<video>标签在网页中播放影片,且不需要再安装额外的插件,此功能已经带给用户极大的便利。但基本的<video>标签只提供了简单功能的播放器界面,如果想要改变播放器的外观和功能,只能结合<canvas>标签和javascript语句,就能制作出酷炫的播放控制器。{drawImage}画布canvas如何与视频video标签结合,达到制作各种视频功能的效果呢?其秘诀在于通过画布重新描...
Node.js下自定义错误类型详解

Node.js下自定义错误类型详解

前言一般来说,很少人会考虑如何处理应用产生的错误的策略,调试的过程中,简单地利用console.log(‘error")定位错误,基本够用了,通过留下这些调试信息,能够为我们以后的调试过程中升了不少时间,提高了维护性。所以错误提示非常重要。同时,也会带来一些比较糟糕用法。最近的项目里就用到了自定义错误类型,觉得有必要深入了解一下,所以就写了这篇文章,方便自己和有需要的大家在需要的时候查阅。Subclassing Error首先我们可以定义一个 Error ...
让编辑器支持word复制黏贴、截屏的js代码

让编辑器支持word复制黏贴、截屏的js代码

chrome有很多人性化的API,比如拖拽, 比如图片可以转化为base64等; 比如知乎上面的回复中可以直接黏贴图片, 就不需要手动点击图片上传按钮, 选择图片, 确认上传等等; 知乎参考地址:打开 让编辑器支持word的复制黏贴, 其中图片会转化为base64编码, 如果是通过远程打开这个静态页, 黏贴word文档的时候, 图片不会黏贴进来, 因为远程地址无法访问本地磁盘的绝对路径, 如果把下面代码保存成静态界面打开, 那么word中的图片都可以...
微信小程序 火车票查询实例讲解

微信小程序 火车票查询实例讲解

微信小程序 简单实例---火车票查询应用,学习掌握小程序框架,及开发步骤的实现。微信小程序体现了轻便,易用的特点,并且上手快,前端知识好学易用。1. 相关链接本本项目代码获取地址Github:https://github.com/VincentWYJ/WXAppTrain.git;Blog file:http://files.cnblogs.com/files/tgyf/WXAppTrain.rar;微信小程序开发学习资料微信开发者平台:https://...
学习Node.js模块机制

学习Node.js模块机制

一、CommonJS的模块规范Node与浏览器以及 W3C组织、CommonJS组织、ECMAScript之间的关系Node借鉴CommonJS的Modules规范实现了一套模块系统,所以先来看看CommonJS的模块规范。CommonJS对模块的定义十分简单,主要分为模块引用、模块定义和模块标识3个部分。1. 模块引用模块引用的示例代码如下:var math = require("math");在CommonJS规范中,存在require()方法,这个方...
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果

使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果

ReactJS是Facebook推出的产品。在2013年的Qcon大会(上海)上面,当时Facebook的前端工程师做过一次讲座,就专门介绍了ReactJS。ReactJS可以看做就是用来Render的。ReactJS是可以达到游戏级别的渲染,fps可以保持在60左右,相当的了不起,它做了一个虚拟dom tree加速了渲染过程,根据当时的数据说比angularjs快20%以上。前沿 对于React, 去年就有耳闻, 挺不想学的, 前端那么多东西, 学了一...
Angular2从搭建环境到开发步骤详解

Angular2从搭建环境到开发步骤详解

Angular-CLI说到 cli 大家不陌生,每出一个框架都会有对应的 cli ,俗称脚手架。angular2 本身提供了起步项目 angular2-quickstart,我尝试了一下,发现不是很好用,其它的大部分扩展需要自行安装,之后看了一下 angular-cli 部署简单易用,还提供了快捷搭建项目的目录。安装首先,最好先升级 node 到 6.x 可以避免 node 版本过低带来的不必要的麻烦。npm install -g angular-cli用...
微信小程序 触控事件详细介绍

微信小程序 触控事件详细介绍

微信小程序 触控事件: 微信小程序的"事件"挺有意思。看了说明文档后发现它的功能很全,事件可以向父节点传递,而且打印这个事件的信息很透明,调试起来应该非常方便。接下来把文档copy过来原文地址:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/event.html》》》什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发...
微信小程序 Page()函数详解

微信小程序 Page()函数详解

微信小程序——Page(): 在开发微信小程序的时候遇到函数,或者不明白的地方,最好上官网查询,相应的知识,这里小编帮大家整理了下page()函数的用法。Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。object 参数说明:属性类型描述dataObject页面的初始数据onLoadFunction生命周期函数--监听页面加载onReadyFunction生命周期函数--监听页面初次渲染...
微信小程序 MINA文件结构

微信小程序 MINA文件结构

文件结构框架程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个框架程序主体部分由三个文件组成,必须放在项目的根目录,如下:文件必填作用app.js是小程序逻辑app.json是小程序公共设置app.wxss否小程序公共样式表一个框架页面由四个文件组成,分别是:文件类型必填作用js是页面逻辑wxml是页面结构wxss否页面样式表json否页面配置注意:为了方便开发者减少配置项,我们规定描述页面的这四个文件必须具有相同的路径与文件名。感谢...
微信小程序 教程之小程序配置

微信小程序 教程之小程序配置

微信小程序——配置以下就是小编对小程序配置的资料进行的系统的整理,希望能对开发者有帮助。我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。以下是一个包含了所有配置选项的简单配置app.json :{ "pages": ["pages/index/index","pages/logs/index" ], "window": {"navigationBarTitleText": "Dem...
微信小程序 教程之注册程序

微信小程序 教程之注册程序

系列文章:微信小程序 教程之模块化微信小程序 教程之注册页面微信小程序 教程之注册程序App()App()函数用来注册一个小程序。接受一个object参数,其指定小程序的生命周期函数等。object参数说明:属性类型描述触发时机onLaunchFunction生命周期函数--监听小程序初始化当小程序初始化完成时,会触发onLaunch(全局只触发一次)onShowFunction生命周期函数--监听小程序显示当小程序启动,或从后台进入前台显示,会触发onS...
微信小程序 教程之注册页面

微信小程序 教程之注册页面

系列文章:微信小程序 教程之模块化微信小程序 教程之注册页面微信小程序 教程之注册程序微信小程序——PagePage()函数用来注册一个页面。接受一个object参数,其指定页面的初始数据、生命周期函数、事件处理函数等。object参数说明:属性类型描述dataObject页面的初始数据onLoadFunction生命周期函数--监听页面加载onReadyFunction生命周期函数--监听页面渲染完成onShowFunction生命周期函数--监听页面显...
微信小程序 教程之模块化

微信小程序 教程之模块化

系列文章:微信小程序 教程之模块化微信小程序 教程之注册页面微信小程序 教程之注册程序文件作用域在JavaScript文件中声明的变量和函数只在该文件中有效;不同的文件中可以声明相同名字的变量和函数,不会互相影响。通过全局函数getApp()可以获取全局的应用实例,如果需要全局的数据可以在App()中设置,如:// app.jsApp({ globalData: 1})// a.js// The localValue can only be used in...
Jquery AJAX POST与GET之间的区别详细介绍

Jquery AJAX POST与GET之间的区别详细介绍

1:GET访问 浏览器 认为 是等幂的就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配]所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果POST则 认为是一个 变动性 访问 (浏览器 认为 POST的提交 必定是 有改变的)防止 GET 的 等幂 访问 就在URL后面加上 ?+new Date();,[总之就是使每次访问的URL字符串不一样的]设计WEB页面的时候 也应该遵守这个原则2:一.谈A...
浅谈js的异步执行

浅谈js的异步执行

1.Javascript语言的执行环境是”单线程”(single thread):优点:实现起来比较简单,执行环境相对单纯;缺点:只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Javascript代码长时间运行(比如死循环),导致整个页面卡在这个地方,其他任务无法执行。为了解决这个问题,Javascript语言将任务的执行模式分成两种:同步(Synchronous)和异步(Asynch...
JavaScript排序算法动画演示效果的实现方法

JavaScript排序算法动画演示效果的实现方法

之前在知乎看到有人在问 自己写了一个冒泡排序算法如何用HTML,CSS,JavaScript展现出来排序过程。 感觉这个问题还挺有意思 。前些时间就来写了一个。这里记录一下实现过程。基本的思想是把排序每一步的时候每个数据的值用DOM结构表达出来。问题一:如何将JavaScript排序的一步步进程展现出来?我试过的几种思路:1.让JavaScript暂停下来,慢下来。JavaScript排序是很快的,要我们肉眼能看到它的实现过程,我首先想到的是让排序...
jquery中用jsonp实现搜索框功能

jquery中用jsonp实现搜索框功能

前面的话: 在上周本来想发一篇模仿必应搜索的界面。但是在准备写文章之前突然想到前面学习了ajax技术,在这里我也让我的页面有一种不需要手动刷新就能获取到数据。但是发现用前面的方法并不能获取到我想要的效果。无奈前几天电脑换系统,把之前的源码丢了(前面有个不好的习惯就是把最近在做的东西放桌面)。今天想彻底把这个问题搞明白。用jquery和ajax进行初步的尝试:(本代码是参考慕课网,搜索框制作视频制作,有关具体详情请参考视频。自己之前的代码找不到了,之前最先的...
<< 1451 1452 1453 1454 1455 1456 1457 1458 1459 1460 >>