h5的语义化

一、HTML语义化的背景 HTML结构语义化,是近几年才提出来的,对比之前的 HTML 结构,大多是一堆没有语义的标签。用的最多的就是 DIV+CSS,为了改变这种现状,开发者们和官方提出了 HTML结构语义化的概念,并且在 HTML5 添加了很多语义化标签。 二、HTML语义化的概念 ...

2019-03-27 20:06:31

阅读数 27

评论数 0

移动端使用fixed导致ios底部内容无法显示

在移动端开发的时候,为了适配ios和安卓的不同机型的问题,我们做过很多的处理,可以通过分别接入h5的页面是从那种系统进入的方式判别ios和安卓。 但是,当我们在移动端的悬浮一个按钮的时候,ios设备上,底部的内容不能显示,原因是因为ios高度默认设置为100%,但是我们悬浮的内容并不占用高度...

2019-03-27 20:01:30

阅读数 55

评论数 0

vuex的使用方法(一)

学习vuex之前,我们需要知道vuex是什么? 定义:每一个vuex引用的核心就是store(仓库) store基本上就是一个容器,它包含着你的应用中的大部分状态。 vuex和全局对象的不同点 1、vuex的状态存储是响应式的,当vue组件从store中读取状态的时候,若store中的状态发...

2018-11-15 16:29:50

阅读数 25

评论数 0

vue+webpack的配置lib-flexible的方法以及自动转换rem

1、安装lib-flexible       npm i lib-flexible --save-dev     2、在man.js中引入lib-flexible       import 'lib-flexible/flexible.js' 3、安装自动转换rem的工具       n...

2018-08-15 10:41:18

阅读数 348

评论数 0

使用subline实现vue文件的高亮显示以及html和js的快速编写

设置subline高亮显示1. 按住 ctrl + shift + p 2.输入:install Package3.输入: Vue Syntax Highlight输入完成之后重新打开.vue 的文件就可以了

2018-01-02 13:44:29

阅读数 600

评论数 0

webpack入门和使用

1、首先安装node(官网都有https://nodejs.org/en/) 2、安装完node直接就安装了npm 3、安装webpack 3.1全局安装命令( //全局安装 npm install -g webpack ) 3.2安装到项目路径中( //安装到你的项目目...

2017-12-19 20:10:06

阅读数 144

评论数 0

app嵌套h5页面的问题总结

此处只是总结一下和后台调数据遇到的一个简单的问题。 问题描述:从app跳转到h5页面的时候第一次访问页面接口调用了,但是数据返回的应该不正确(在pc上网页调试的时候是正常的,在移动端就不行) 一开始以为是js的加载顺序问题,调整之后重新上传,发现问题没有解决。然后通过移动与接口联调发现,通过a...

2017-10-26 17:09:16

阅读数 7102

评论数 0

验证输入的网址是否正确的正则

function checkUrl(urlString){ if(urlString!=""){ var reg=/(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&...

2017-09-28 10:51:17

阅读数 2887

评论数 0

webpack教程

现在前端有很多流行的打包工具,grunt,gulp,webpack,三种打包工具选择自己比较喜欢的就可以。下面讲解下webpack的安装和使用方法。 首先我们知道,webpack是基于nodeJs的,所以使用webpack的时候我们需要安装node,可以去官网下载,然后安装,安装过程非常简单。这里...

2017-09-23 15:03:39

阅读数 275

评论数 0

数组去重的一种方法

记录一下比较简洁的数组去重方法: 思路:数组去重顾名思义就是将重复的数据去除 实现方法:Array.prototype.unique=function(){ var result= [],hash={}; // 循环数组 for(var i=0;i<this.length;i...

2017-09-18 17:02:44

阅读数 291

评论数 0

gulp安装和使用教程

刚接手一个新项目项目里面使用gulp对代码进行构建的工具,研究了两天大体上知道这个构建代码的工具。下面我就讲解下我学习这个工具的过程。 首先我需要了解下gulp这个工具的功能和作用。网上有详细的介绍,这边我就简单的介绍下。gulp是我们前段开发中使用的一种自动构建代码的利器,它不仅可以对网站资源...

2017-09-10 12:10:56

阅读数 295

评论数 0

JSON.parse()和JSON.stringify的介绍和使用方法

在交互的过程中我们前端和后台数据的交互方式主要通过JSON方式,下面来介绍下JSON.parse()和JSON.stringify()的使用情况和效果 JSON.parse()将JSON转换成javascript的值或对象;可以提供可选的reviver函数以在返回之前对所得到的对象执行变换。 ...

2017-09-08 13:19:37

阅读数 297

评论数 1

h5新特性localstorage的简单应用(记住登录名和密码)

我们在制作登录界面的时候回出现一个勾选框,询问我们是否记住账号和密码,当我们勾选了之后下次进来就是上次登录的账号密码,可以直接登录。那这个功能是如何实现的呢?下面我们就是用h5的新特性localstorage来实现。  首先,我们需要了解下localstorage的含义和用法。在客户端h5提供了两...

2017-09-08 10:12:10

阅读数 3381

评论数 0

修改网页的alert弹框样式让你的页面更美观(js封装之路(1.1))

由于页面中原来的alert弹框样式相当的丑,所以就想到了自己去设置一下alert的弹框样式 首先是自己先设计好一个弹框的样式可以如下图: 样式搭建完成就可以用js来编写一个alert函数了: js部分如下:function alert(e){ //此处将html中的div等元素拼接起来,添加到...

2017-09-01 15:50:17

阅读数 557

评论数 0

原生js封装之路(一)

这几天比较空闲所以研究了一下封装的方法,对于我们这些小白来说,封装往往显得高大上,下面我就来讲解下我的封装之路。 原生js封装最简单的tab插件: html 部分:写了两个包含框一个id为wrap一个为wraps 第一项 第二项 第三项 第一部分 第二部分 第...

2017-09-01 11:32:14

阅读数 868

评论数 0

正则表达式

//字母数字中文及下划线(一般用于用户名验证) wordsNumber_: function(str){ var pattern = /[A-Za-z0-9_\-\u4e00-\u9fa5]+/; if(pattern.test(st...

2017-09-01 10:51:58

阅读数 173

评论数 0

h5实现垂直上下翻页效果

这两天比较有时间就自己简单的研究了一下现在比较流行的结婚请柬h5的制作方法。 简单的编写了一下代码如下:html部分 请柬标题 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod ...

2017-08-21 15:16:46

阅读数 612

评论数 0

注册页面在安卓手机上调用输入法的时候背景上移问题

项目中遇到注册页面在安卓手机上点击输入框的时候会出现背景拉伸的情况。思路是给body设置屏幕的高度代码如下:$(document).ready(function () { $('body').css({'height':$(window).height()})});

2017-08-11 17:34:14

阅读数 265

评论数 0

h5缓存 和 点击商品列表进入详情页点击返回按钮回到上次打开列表的位置

最近几天能研究了一下客户端的缓存以及cookie的用法。 客户端缓存我个人选用一种就是在头部添加cache-control:max-age=(时间)秒,首先是在html的meta标签中添加但是在浏览器中查看到没有起作用,通过检查发现这个页面由于不是静态页面是通过后台数据返回的动态页面所以在meta...

2017-08-08 11:15:59

阅读数 5515

评论数 0

原生js分页功能

js的分页 ul{list-style: none;} #con li{ width:200px; height:30px; text-align:center; font-family: 'Microsoft Yahei'; font-size:16px; margin:0 auto; bor...

2017-07-31 15:38:39

阅读数 206

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭