H5启动APP原生页面的实例方法

许久没有写博客了,最近有个H5启动APP原生页面的需求,中间遇上一些坑,看了些网上的实现方案,特意来总结下一、需要判断客户端的平台以及是否在微信浏览器中访问1、客户端判断在启动APP时,Android和IOS系统处理的方式是不一样的,Android这边由于开放,可以在浏览器中通过<a>标签以及meta标签的方式,让浏览器app获取手机打开应用的权限进而启动APP。而在IOS这边

发布时间:2017-6-25 10:02

分享文字溢出隐藏实例

分享文字溢出隐藏实例

  之前在写页面的时候用的都是单行文字溢出隐藏,今天遇到了多行文字溢出隐藏,溢出部分用省略号。我通过查阅一些资料整理了一下,拿出来与大家分享一下。  单行文本的溢出隐藏  对于单行文本溢出 隐藏,text-overflow: ellipsis 就能完美的解决,不过在使用他时,一定要结合  overflow: hidden和   white-space: nowra

发布时间:2017-6-25 10:02

h5之scrollIntoView用法详解

h5之scrollIntoView用法详解

  如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题,浏览器实现了一下方法,以方便开发人员如何更好的控制页面的滚动。在各种专有方法中,HTML5选择了scrollIntoView()作为标准方法。scrollIntoView()可以在所有的HTML元素上调用,通过滚动浏览器窗口或某个容器元素,调用元素就可以出现在视窗中。如果给该方法传入true作为参数,或者不传入任何参数,那么窗口滚动之

发布时间:2017-6-25 10:03

高德地图+canvas画图结合实现一个小项目

高德地图+canvas画图结合实现一个小项目

  之前朋友委托有个创业项目,想让我帮忙,正好那段时间有点闲,半推半就中就答应下来了。  入了团队才发现,该项目前后端分离,后端工程师已就位主要实现接口,IOS端工程师也已就位,还差一个web前端工程师。背脊一凉,我之前虽然写过一些js和css,虽有点功底但是离前端工程师还是有距离的啊。在和朋友说明情况后,朋友也是胆大,让我试试,主要他实在找不到人了(也有可能目前前端工程师报价都太贵了,创业嘛,

发布时间:2017-6-23 11:12

h5History 模式的实例教程

最近看到vue-router的HTML5 History 模式路由的实现,然后顺便又去研究了一下HTML5 的 History,以下是自己的一些理解,顺便用jquery写 一个实现类似vue-router里面HTML5 History 模式路由器,以达到练练手,熟悉熟悉的目的。一、history.pushStatehistory.pushState(state, title, url);

发布时间:2017-6-23 11:10

JS每日一题-小demo之JS实现通过键盘方向键操作图片上下左右无缝切换

JS每日一题-小demo之JS实现通过键盘方向键操作图片上下左右无缝切换

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">.wrap { margin: 150px auto; position: relative; widt

发布时间:2017-6-23 11:12

使用Vue按需加载提升用户体验

使用Vue按需加载提升用户体验

Vue官方文档异步组件:在大型应用中,我们可能需要将应用拆分为多个小模块,按需从服务器下载。为了让事情更简单, Vue.js 允许将组件定义为一个工厂函数,动态地解析组件的定义。Vue.js 只在组件需要渲染时触发工厂函数,并且把结果缓存起来,用于后面的再次渲染。原图文来自http://www.cnblogs.com/Kummy/p/5254754.htmlvue 按需加载  相关

发布时间:2017-6-22 15:14

前端实现连连看小游戏实例代码

前端实现连连看小游戏实例代码

博主玩了这么久的连连看,居然是第一次发现,连连看最多只能有2个转弯。orz…在网上搜索连连看的连线算法判断,并没有找到很全面的,经过自己摸索之后,画了下面的图(图有点丑……) 一. 2个物体在同一直线上,可以直接连通 (这个不需要解释啦) 二.2个物体在同一直线上,中间有障碍物,不能直接连通 (2个转弯)【循环遍历黄线中的交点,比如A,B点,再判断蓝线有没有障碍物

发布时间:2017-6-22 15:15

怎么使用Canvas绘制虚线

怎么使用Canvas绘制虚线

上一章节我们说到,线性路径的绘制,主要利用movoTo(),lineTo()等方法,当然 Canvas 2D API 也提供了虚线的绘制方法,CanvasRenderingContext2D.setLineDash();下面我们就来看看虚线的绘制方法 语法ctx.setLineDash(segments);参数 segments:一个Array数组。一组描述交替绘制线段

发布时间:2017-6-22 15:27

怎么使用vue-cli来搭建vue项目和webpack?

怎么使用vue-cli来搭建vue项目和webpack?

用Vue比较长一段时间了,大大小小做了一些项目,最近想总结一下知识点,出一个Vue+webpack系列,先从项目构建说起——vue-cli.由于是Vue+webpack这里就不赘述git那些东西,默认环境都配置好了。第一步先建立一个文件夹我这里是apronew;第二步在文件夹里面打开git bash,然后敲命令行npm install --global vue-cli,全局安装 vue-cl

发布时间:2017-6-22 15:30

vue全分析--Vue+Vue-router+Vuex+axios

vue全分析--Vue+Vue-router+Vuex+axios

Vue有多优秀搭配全家桶做项目有多好之类的咱就不谈了,直奔主题。一、Vue  系列一已经用vue-cli搭建了Vue项目,此处就不赘述了。二、Vue-router  Vue的路由,先献上文档(https://router.vuejs.org/zh-cn/)。  路由在全家桶里面定位是什么呢,创建单页应用!简单!我们知道Vuejs是一系列的组件组成应用,既然是组件那么就需要组合起来,将组件

发布时间:2017-6-23 13:50

圆弧和扇形的加载动画该怎么写?

圆弧和扇形的加载动画该怎么写?

0.静态效果图1.画弧度的代码width: 3em;height: 3em;border: 7px transparent solid;border-left: 7px #4DB6AC solid;border-radius: 50%;  * 这里还有另一个方式border-left:7px #4DB6AC solid; border-radius: 50%;bor

发布时间:2017-6-21 10:28

零基础学习HTML5

零基础学习HTML5

1个HTML5基础入门教程,4个HTML5小项目教程,带你零基础入门学习HTML5。【HTML5基础入门】教程将会介绍HTML5中的新特性,包括结构标签、新型表单标签、文件操作、Canvas、本地存储等。适合对前端编程有兴趣,已经学了HTML的人学习。实验列表:【基于 HTML5 实现本地图片裁剪】该项目实现利用 HTML5 的 canvas 技术,结合 HTML5 的 File AP

发布时间:2017-6-21 10:28

Web SQL数据库的使用教程

Web SQL数据库的使用教程

Web SQL数据库API并不是HTML5规范的一部分,但是它是一个独立的规范,引入了一组使用SQL操作客户端数据库的API。核心方法  openDatabase-使用现有的数据库或者新建的数据库创建一个数据库对象  transaction-能够控制一个事物,以及基于这种情况执行提交或者回滚  executeSql-执行实际的SQL语句打开数据库//用openDatabase()方法

发布时间:2017-6-21 13:19

jQuery Validation的使用详解

jQuery验证框架 :基本html代码: 1   <script src="js/jquery-1.9.1.js?1.1.10"></script> 2 <script src="js/jquery.validate.min.js?1.1.10"></script> 3 <script> 4 $(functio

发布时间:2017-6-21 13:33

首页上一页12345下一页尾页