随笔分类 - HTML5
摘要：写在前面 之前公司不忙的时候，用闲暇功夫想学习React-Native 苦于找不到一款好的代码编辑器，在广泛搜索以后，发现最适合的就是网页代码编辑器WebStrom，所以就尝试安装和破解，下面我将自己的经验分享出来，为以后也需要用mac做前端和开发React-Native的朋友们莫福利! 1、下载软
阅读全文
摘要：json提交给服务器我们在提交之前需要通过js的相关函数来把数据转换成json格式的数据再进行post或get了，下面来看看。 大概需求就是前端要把数据组装成json，传给后端。首先，在客户端，通过javascript脚本将页面表单数据封装成json格式.getjsondata()函数完成了这一功能
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> /* *原理： * 存儲到localStorage * 考慮到存儲方式如下 * localStorage.setItem(key,value);
阅读全文
摘要：HTML5中提供了localStorage对象可以将数据长期保存在客户端，直到人为清除。 localStorage提供了几个方法: 1、存储：localStorage.setItem(key,value) 如果key存在时，更新value 2、获取：localStorage.getItem(key)
阅读全文
摘要：在js文件里写一个方法传参数： moveElement(id,name,price) { alert("id:"+id+"name:"+name+"price:"+price); } 传值方式： <p onclick= "moveElement(elementID,222,11)">gogo</p>
阅读全文
摘要：js判断undefined类型 今天使用showModalDialog打开页面，返回值时。当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined所以自作聪明判断 var reValue=window.showModalDialog("","",""); if (reValue==
阅读全文
摘要：nav -- 作用 -- 导航栏
阅读全文
摘要：这几天微信发布的微信里生成小程序，刷爆了朋友圈。 微信生成的小程序不用下载安装就能在手机里出现，即用即删。 想到这里，我想到苹果手机本身再带类似于微信的小程序的呈现方式，也可以即用即删，那是我在去年久知道的苹果手机浏览器的功能。 具体操作如下： 1打开苹果手机自带的浏览器，随便打开一个网页 2.按着
阅读全文
摘要：虽然不知道微信小程序今后的发展情况，不过做为一名it人员的我还是去了解它。 这是他的文档路径，里面有详细的使用和申请内测号的全部流程，这里就不再过多解释了。 看后那个开发小程序的文档记得分析你感觉微信小程序的开发语言类是什么语言和它的存在价值。 网址：http://mp.weixin.qq.com/
阅读全文
摘要：1.html5+：http://www.html5plus.org/ 2.hbuilder：http://www.dcloud.io/ 3.mui：http://dev.dcloud.net.cn/mui/ 4.nativejs：http://www.dcloud.io/docs/api/ 5.bo
阅读全文
摘要：原理 html5+开发app的原理大概是这样： html页面负责内容； ui负责页面样式； js负责调用原生app方法。 html5 html5这部分负责页面，也就是app中你看到的东西，大概的架构和内容 ui ui负责页面样式，既然要做移动app，那做出的效果就得和移动端靠近， 这里并没有局限于用
阅读全文
摘要：Web存储使用详解（本地存储、会话存储）1，Web存储介绍HTML5的Web存储功能是让网页在用户计算机上保存一些信息。Web存储又分为两种：（1）本地存储，对应 localStorage 对象。用于长期保存网站的数据，并且站内任何页面都可以访问该数据。（2）会话存储，对应 sessionStora
阅读全文
摘要：1，使用伪类实现样式切换伪类是CSS2.1时出现的新特性，让许多原本需要JavaScript才能做出来的效果使用CSS就能实现。比如实现下面的鼠标悬停效果，只要为:hover伪类应用一组新样式即可。当访客鼠标移动到按钮上面时，浏览器会自动为按钮应用这新样式。12<style>.slickButton
阅读全文
摘要：CSS3 --添加阴影（盒子阴影、文本阴影的使用）
阅读全文
摘要：1.url: <input type="url"/> 2.搜索框 ：search <input type="search"/> 3.电话号码输入框：tel <input type="tel"/> 4.数值输入框：number <input type="number" step="0.1" min="
阅读全文