HTML5 极简的JS函数

页面初始化 mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可,目前支持在mui.init方法中配置的功能包括:创建子页面.关闭页面.手势事件配置.预加载.下拉刷新.上拉加载. 在app开发中,若要使用HTML5+扩展api,必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中.如下为打印当前页面URL…

MUI极简的JS函数

模块:utils http://dev.dcloud.net.cn/mui/util/#event mui.init(); mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可,目前支持在mui.init方法中配置的功能包括:创建子页面.关闭页面.手势事件配置.预加载.下拉刷新.上拉加载.设置系统状态栏背景颜色. mui需要在页面加载时初始化很多基础控件,如监听返回键,因此务必在每个页面中调用 <script type="…

极简的js点击组图切换效果

程序员进行前端开发时,时常要用到点击切换组图的动画效果,网上确实有很多此类插件,但是都很麻烦,乌糟糟无数代码,有那个看的时间,自己都能把功能写完了.在这里我提供一段极简的js点击组图切换效果代码,包含一个html文件,一个css文件,一个js文件,一个jquery.js文件,以及一张图片. index.html <html><head><title>js点击组图左右滑动</title><meta http-equiv="Content-Typ…

极简 Node.js 入门 - Node.js 是什么、性能有优势？

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/what-is-node 定义 Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine. 现在 Node.js 官网的定义就这么简单,但也可以看出几个最重要的特征 Node.js 不是一门语言,是一个运行时,和浏…

极简 Node.js 入门 - 1.2 模块系统

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/module Node.js 的模块 JavaScript 做为一门为网页添加交互功能的简单脚本语言问世,在开始并不包含模块系统,随着 JavaScript 解决问题越来越复杂,把所有代码写在一个文件内,用 function 区分功能单元已经不能支撑复杂应用开发了,ES6 带来了大部分高级语言都有…

极简 Node.js 入门 - 2.2 事件

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/events 前端对事件肯定不陌生,为 window 绑定 scroll 事件 window.addEventListener('scroll', ev => { console.log(ev); }); Node.js 大部分异步操作使用事件驱动,所有可以触发事件的对象都继承了 EventEmi…

极简 Node.js 入门 - 2.4 定时器

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/timer timer 用于安排函数在未来某个时间点被调用,Node.js 中的定时器函数实现了与 Web 浏览器提供的定时器 API 类似的 API,但是使用了事件循环实现,Node.js 中有四个相关的方法 setTimeout(callback, delay[, ...args]) setI…

极简 Node.js 入门 - 3.1 File System API 风格

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/fs-api-style Node.js 对文件.文件夹读写操作主要靠内置的 fs 模块 const fs = require('fs'); fs 模块提供了几种不同调用风格的 API 支持文件读写,fs.stat 方法可以获取文件的基本信息,下面示例展示了不同风格 API 调用 fs.stat…

极简 Node.js 入门 - 3.4 文件夹写入

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/fs-folder fs.Dir & fs.Dirent fs.Dir 是可迭代的目录流的类,fs.Dirent 是遍历 fs.Dir 获得的目录项,可以是文件或目录中的子目录 fs.Dir dir.path:目录的只读路径 dir.read():不传入 callabck 函数则返回 Promis…

极简 Node.js 入门 - 3.5 文件夹操作

极简 Node.js 入门 - 4.4 可写流

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/writable 什么是可写流可写流是对数据流向设备的抽象,用来消费上游流过来的数据,通过可写流程序可以把数据写入设备,常见的是本地磁盘文件或者 TCP.HTTP 等网络响应.看一个之前用过的例子 process.stdin.pipe(process.stdout); process.stdou…

极简 Node.js 入门 - 5.1 创建 HTTP 服务器

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/http-server 使用 Node.js 创建 http 服务器需要使用内置的 http 模块创建 web server Node.js 是运行在服务器环境的 JavaScript,这里的服务器更多指的是物理概念的服务器,也就是主机.使用 Node.js 创建 HTTP 服务器指的是软件概念…

极简 Node.js 入门 - 1.3 调试

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/debugging 调试是解决程序问题的必备工具,在最早的时候 Node 的调试有些麻烦,社区也有不少工具包辅助,现在 Node 的调试已经比较简单,常用的有几种 Chrome DevTools Chrome 开发者工具交互通过 V8 Inspector Protoco 调试协议,使用 webso…

极简 Node.js 入门 - 1.4 NPM & package.json

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/npm npm 是什么 npm 是 Node.js 的包管理工具,Node.js package manger,通过 npm Node.js 可以方便的使用第三方开发的开源模块,同时也可以把自己的模块发布到 npm 供其它开发者使用 npm 主要有三部分组成 npm website:https:/…

极简 Node.js 入门 - 2.1 Path

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/path 文件操作在 Node.js 编程中使用频率很高,路径处理是文件操作的前提,Node.js 通过 path 模块提供了路径处理的基础 API Windows 与 POSIX 对比 path 模块在不同操作系统处理会有所差异, 当在 Windows 操作系统上运行时, path 模块会假定正…

极简 Node.js 入门 - 2.3 process

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/process process 对象是一个全局变量,是一个 EventEmitter 实例,提供了当前 Node.js 进程的信息和操作方法系统信息 process 对象提供了属性用于返回关键系统信息,常用的有 title:进程名称,默认值 node,程序可以修改,可以让错误日志更清晰 pid:…

极简 Node.js 入门 - 3.2 文件读取

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/fs-read Node.js 提供了多种读取文件的 API fs.readFile fs.readFile(path[, options], callback) 是最常用的读取文件方法,用于异步读取文件的全部内容 const fs = require('fs'); fs.readFile('./…

极简 Node.js 入门 - 3.3 文件写入

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/fs-write 看完文件读取再看文件写入非常简单,两者的操作几乎一一对应 fs.writeFile fs.writeFile(file, data[, options], callback) file:文件名或文件描述符 data:常用的主要是 string 和 buffer callback(…

极简 Node.js 入门 - 4.2 初识 stream

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/stream stream 概念 Node.js 诞生是为了解决 I/O 密集的 Web 性能问题,最常使用的两个模块就是文件系统和网络,而这两个模块都是 stream 的重度用户,stream 是 Node.js 从入门到进阶的必经之路 Node.js 对 stream 是这样解释的 A str…

极简 Node.js 入门 - 4.3 可读流

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/readable 可读流是生产数据用来供程序消费的流.常见的数据生产方式有读取磁盘文件.读取网络请求内容等,看一下前面介绍什么是流用的例子: const rs = fs.createReadStream(filePath); rs 就是一个可读流,其生产数据的方式是读取磁盘的文件,控制台 proc…

极简 Node.js 入门 - 4.5 双工流

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/duplex-and-transform 双工流就是同时实现了 Readable 和 Writable 的流,即可以作为上游生产数据,又可以作为下游消费数据,这样可以处于数据流动管道的中间部分,即 rs.pipe(rws1).pipe(rws2).pipe(rws3).pipe(ws); 在 No…

极简 Node.js 入门 - 5.2 url & querystring

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/url-qs 在处理 web 信息的时候经常需要解析 url,Node.js 提供了方便的处理模块 URL 规范 URL 全称是 uniform resource locator,统一资源定位符,根据一个 url 能够在全球确定一个唯一的资源,URL 由不同的字段组成,url 模块提供了两套 AP…

极简 Node.js 入门 - 5.3 静态资源服务器

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/static-server 在创建 HTTP 服务器实现了一个最简单的静态资源服务器,可以对代码进行写改造,增加文件夹预览功能,暴露出一些配置,变成一个可定制的静态资源服务器模块模块化可定制的静态资源服务器理想的使用方式应该是这样的 const StaticServer = require('…

Snabbt.js – 极简的 JavaScript 动画库

Snabbt.js 是一个简约的 JavaScript 动画库.它会平移,旋转,缩放,倾斜和调整你的元素.通过矩阵乘法运算,变换等可以任何你想要的方式进行组合.最终的结果通过 CSS3 变换矩阵设置. 在线演示源码下载您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQuery 图片轮…

原生JS轮播-各种效果的极简实现

寒假持续摸鱼中~此为老早以前博客的重写,当时还是分开写的,这里汇总重写,正好复习一遍~ 春招我来了! 所有有意思的,一股脑先扔进收藏,然后再也不看哈哈,真是糟糕. 今日事,今日毕,说起来容易. 当时竟然不是用markdown写的! 当时使用var还需要解决必报的问题!而如今使用ES6的let,自带领域的感觉就是不一样! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF…

借助腾讯云的云函数实现一个极简的API网关

借助腾讯云的云函数实现一个极简的API网关 Intro 微信小程序的域名需要备案,但是没有大陆的服务器,而且觉得备案有些繁琐,起初做的小程序都有点想要放弃了,后来了解到腾讯云的云函数,于是利用腾讯云的云函数实现了一个简单的 API 网关,通过云函数来调用真正的 API 地址,借此来绕过域名备案的问题. 云函数简介腾讯云云函数(Serverless Cloud Function,SCF)是腾讯云为企业和开发者们提供的无服务器执行环境,帮助您在无需购买和管理服务器的情况下运行代码, 是实时文件处理…

极简Vue的异步组件函数

export default new Router({ routes: [ { path: '/live', name: 'live', component: () => import('@/view/live/live.vue') } ] }) 上面的代码是很常见的router代码分割,只在代码路由为live才会去加载live.vue但这样在live.vue获取的过程将是一片空白,什么也没有,体验不好, 利用vue提供的异步组建可以解决新建一个 loadable.vue <template…

Vue.js 入门：从零开始做一个极简 To-Do 应用

Vue.js 入门:从零开始做一个极简 To-Do 应用写作时间:2019-12-10版本信息:Vue.js 2.6.10官网文档:https://cn.vuejs.org/ 前言学习 Vue 的最佳方式之一是「请立刻查阅 Vue.js 的官方文档」,简单看一下「基础」部分,配合本文食用更佳. 在开始写代码之前,首先去 BootCDN 上找一下目前最新版本完整版的 Vue.js 的链接:https://cdn.bootcss.com/vue/2.6.10/vue.js ,与压缩版(vue.…

基于 Node.js 平台，快速、开放、极简的 web 开发框架。

资料地址:http://www.expressjs.com.cn/ Express 基于 Node.js 平台,快速.开放.极简的 web 开发框架. $ npm install express --save Web 应用 Express 是一个基于 Node.js 平台的极简.灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用. API 丰富的 HTTP 快捷方法和任意排列组合的 Connect 中间件,让你创建健壮.友好的 API 变得既快速又简单.…

weixinShare.js / 极简微信分享插件

weixinShare.js / 极简微信分享插件 / 版本:0.1 这是一个很简单.很实用的微信分享插件,无需jQuery,只需要在网页里加入一行JS代码,即可自动识别微信浏览器并启动微信分享的提示,效果可见本页右上方使用方式: 在</body>之前调用以下js文件: <script src='https://publib.qinco.net/weixinShare/js.min.js'></script> 其他: 源代码:https://publib.qinco.…

【HTML5 极简的JS函数】的更多相关文章