基于html5 plus + Mui 移动App开发(一)

使用Html5 plus + Mui 进行移动App开发,有一段时间了,这几日得空,做个资讯App分享给大家。 今天主要分享主页实现,首先看下效果: 此界面主要分为:标题、内容分类列表、搜索及设置按钮。 标题 内容分类列表 搜索框 设置按钮 界面定义完后,接下来进行事件定义,实现交互效果: 完整代码 ... »

16.移动端设置

媒体查询 什么是媒体查询 媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不 ... »

FileReader实现上传图片前本地预览

平时做图片上传预览时如果没有特殊的要求就直接先把图片传到后台去,成功之后拿到URL再渲染到页面上。或者使用前端插件。这篇博客使用的是HTML5的新特性——FileReader。由于兼容性,这种方法不适合pc端...FileReader具体的兼容性点这里:FileReader兼容性。 自从有了HTML ... »

一次偶然的点开一盏灯引发的SEO初识

事情是这样,不小心点开了dev tools的审计(audits)面板,点开了灯之后,画风如下 emmm, SEO 跑了满分也,好奇宝宝就往下滚到SEO区域,发现了如下新大陆 嗯,原来是应用满足了打钩的几项标准,细心的你们一定看到了有个rel=canonical没有满足,为什么呢,下面会讲到,那么我们 ... »

Wechart 饼图

预览 "Preview" | "Usage Source" | "Pie Source" | "Tutorial" "Wechart by Cax" "Cax" 众所周知 Cax 既能开发游戏、又能开发图表。本文将从饼图开始 Wechart 的图表之旅。 Wechart 完全基于 Group 体系构 ... »

js-数组方法的使用和详谈

写博客的同时也是对自己知识的一次全面总结,方便自己日后复习。今天总结一下JS中Array的所有方法和技巧,对算法题算是一个基础了,有不足的地方,还望童鞋们指出来,一起进步。 在总结方法之前,提到一点,Array中的length属性它不是只读的!通过修改length属性,可以删除或添加数组的项。 数组 ... »

JS中的作用域(一)-详谈

本篇文章在于详细解读JavaScript的作用域,从底层原理来解释一些常见的问题,例如变量提升、隐式创建变量等问题,在和大家一起交流进步的同时,也算对自己知识掌握的记录,方便以后复习 首先,直接捡干的来,JS作用域大致分为三部分:词法作用域、函数作用域/块作用域、闭包。 在传统的编译语言中,程序的源 ... »

咱来谈谈前端中的数学,当然啦,顺便也来写点好玩的东西!

咱们从一个小例子做引子,见微知著好吧! 假如说现在有这样一道题,网页上有一个正方形div,大致的外观差不多是这样: 然后呢,鼠标从左移进去的时候呢,打印一个"左"字,右边移入呢,打印一个"右"字,上边,下边移入呢,也是一样,那怎样判断鼠标在这个div的方位呢? 咋看起来好像蛮简单的对吧?不就是获取鼠 ... »

audio之点击图标切换音频播放状态以及替换当前图标

audio的一些基本属性:(通俗的理解) controls: 向用户显示控件,如播放按钮; src: 播放音频的url路径; autoplay: 当视频就绪后马上播放; loop: 重复播放; muted: 静音属性; poster: 在下载时现实的图像,直到点击播放; paused: 判断音频是否 ... »

使用readAsDataURL方法预览图片

使用FileReader接口的readAsDataURL方法实现图片的预览。 在FileReader出现之前,前端的图片预览是这样实现的:把本地图片上传到服务器,服务器把图片地址返回,并把它替换到图片元素的src属性。 这种方法的缺点是:必须要先把图片上传到服务器。那么问题来了,如果上传的图片很大, ... »

微信小程序上传后发布或者体验版测试无数据

在做微信小程序开发的过程中,发现小程序在本地调用接口的数据都显示,但是上传之后,发现手机体验没有数据。 1.先清除缓存试试。 2.打开微信小程序工具右上角的详情——项目设置,将“不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书”勾选上,然后上传,重新刷新微信小程序官方 ... »

HTML5 & MUI 界面样式

垂直居中+自动换行 样式效果如下所示,当文字没有超出一行时,显示如“备注信息”,当文字超出一行时,显示如“维修地点” HTML代码如下: css样式如下: 需要注意的是代码:word-wrap: break-word; word-break: break-all; 如果不加上这代码的话,当<div ... »

完整打造一个多功能音乐播放器项目(初步设想跟酷狗类似)

本人目前准备利用闲暇时间打造一个完整的音乐播放器项目,主要用于学习及分享!原创不易,转载请注明出处。 这是一个什么样的音乐播放器呢?整体的架构跟酷狗差不多吧,我的方式呢,是一个个组件一个个模块先做好,最后组合成完整的项目,最后项目会放在本人的gitub上,等项目完毕后会发布链接。 模块①、歌词同步: ... »

3d轮播图(另一种方式,可以实现的功能更为强大也更为灵活,简单一句话,比酷狗优酷的炫)

前不久我做了一个3d仿酷狗的轮播图,用的技术原理就是简单的jquery遍历+css样式读写。 这次呢,我们换一种思路(呵呵其实换汤不换药),看到上次那个轮播吗?你有没有发现用jquery的animate来写的话(酷狗那轮播样式6个其实还好),如果很多的话呢?会怎样,是不是得写一大坨?这显然不是我们想 ... »

纯前端实现图片背景透明化

前言 不论是做一些2d的小游戏,或者制作小图标,或者抠图都需要用到这个功能,对图片的背景进行透明化,是我们经常需要用到的一个功能。 通常情况下我们都会去下载PS或者美图秀秀这样的软件去制作。 但是我真的不想仅仅为了做个透明图像就去下载这些软件,这些软件不仅体积大,要下载个半天,放在电脑上也占空间。 ... »

canvas元素

一、canvas元素的基础知识 canvas元素是html5中新增的一个重要的元素,专门用来绘制图形。在页面上放置了一个canvas元素,就相当于在页面上放置了一块“画布”,可以在其中绘画图形。但是在canvas中绘图,并不是用鼠标画图。事实上,canvas元素只是一块无色透明的区域。需要使用jav ... »

Qone 正式开源,使 javascript 支持 .NET LINQ

Qone 下一代 Web 查询语言,使 javascript 支持 LINQ Github: "https://github.com/dntzhang/qone" 缘由 最近刚好修改了腾讯文档 Excel 表格公式的一些 bug,主要是修改公式的 parser 。比如下面的脚本怎么转成 javasc ... »

Html5 监听拦截Android返回键方法详解

浏览器窗口有一个history对象,用来保存浏览历史。 如果当前窗口先后访问了三个网址,那么history对象就包括三项,history.length属性等于3。 history对象提供了一系列方法,允许在浏览历史之间移动: window.history.back():移动到上一个访问页面,等同于浏 ... »