前端开发
关注
分享
扫一扫
宇直豪
这个人很胆小，什么都不敢写
展开
-
Web前端开发学习之路——网页存储Web Storage（三）
购物车项目下面是用户登陆界面的代码部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物车</title> <link rel="stylesheet原创 2019-03-13 23:02:19 · 812 阅读 · 0 评论 -
Web前端开发学习之路——数据的保存与读取（三）
读取文本文件HTML5搭配JavaScript就可以轻松读取文件的内容，并显示文件属性（例如大小、文件类型、创建日期）经常读取的文件是文本文件，下面将以读取文本文件来说明读取文件的方法。选择文件选择文件最简单的方式就是使用Input元素，只要将input元素的type属性指定为file，就能够轻轻松松地选择文件。语法如下：<input type ="file" name =...原创 2019-03-26 18:03:16 · 858 阅读 · 0 评论 -
Web前端开发学习之路——数据的保存与读取（二）
认识Web SQLWeb SQL Database 是关系型数据库系统，使用SQLite语法访问数据库。对于以SQL为基础的关系型数据库的用户而言，学习Web SQ可以说是相当轻松的，因此我在同期更新了一些关于Mysql的文章以便学习。Web SQL Database几乎支持各大浏览器，不惜担心应用程序无法使用。虽然W3C已宣布将弃用Web SQL，相信短时间内Web SQL仍然是开发WebA...原创 2019-03-26 16:04:51 · 745 阅读 · 0 评论 -
Web前端开发学习之路——认识JQuery与JQuery Mobile
认识JavaScript在HRML中使用JavaScript的语法很简单，只要用<script>标签嵌入JavaScript的程序代码就可以了，基本结构如下：<script type="text/javascript"><!--::--></script>JavaScript程序代码的位置可以放在HTML的<head&g...原创 2019-03-19 21:09:11 · 1360 阅读 · 0 评论 -
Web前端开发学习之路——HTML5+CSS3综合应用
本篇将结合之前所讲述的语法，将HTML5与CSS3结合制作一个简单的网页。制作网页时，应该先规划好网页架构及版面安排，通常网页版面可以划分为几个区块，包括“标题曲”、“菜单区”、“主内容区”、“页脚区”。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-03-19 11:22:22 · 1193 阅读 · 0 评论 -
Web前端开发学习之路——数据的保存与读取（一）
制作APP时必须考虑数据保存的问题。在保持网络连接的情况下，数据可以通过Ajax方式，利用Http Get或Post昂是访问远程数据库。不过，离线状态下就无法访问远程数据库了。本章将介绍如何使用IndexedDB和Web SQL在本地保存数据以及读取文本文件。认识IndexedDBHTML5提供的本地保存功能包括前面介绍过的Web Storage及本地数据库（Indexed Databas...原创 2019-03-25 22:59:43 · 3195 阅读 · 1 评论 -
Web前端开发学习之路——JQuery Mobile事件
所谓“事件”（Event）是指用户执行某种操作时所出发的过程，例如，当用户单击按钮时会触发按钮的单击（Click）事件；用户滑动屏幕时会触发滑动事件等。我们在编写程序时，很容易根据用户执行的操作来影响这些事件。本章我们就来旷课jQuery Mobile提供了哪些事件。页面事件初始化事件（Page Initialization）:分别在页面初始在之前，页面创建时以及页面初始化之后触发事件 ...原创 2019-03-21 20:30:43 · 878 阅读 · 0 评论 -
Web前端开发学习之路——jQuery Mobile 网页导航与布景主题
网页导航与布景主题学会基本的jQuery Mobile网页之后，接下来学习网页导航与网页美化的好工具——ThemeRoller布景主题。jQuery Mobile网页一开始会将初始页通过http加载，显示该页面的第一个page组件之后，为了增加网页转场效果(page transitions)，之后的页面回通过Ajax来载入并加到DOM中，网页内的元素也会默认加载到浏览器，所以页面之间的切换...原创 2019-03-20 20:18:46 · 657 阅读 · 0 评论 -
Web前端开发学习之路——初识CSS的基本功能（三）
控制边界与边框边界margin-top：上边界 margin-right：右边界 margin-bottom：下边界 margin-left：左边界使用方法例如：div{margin-top:20px;margin-right:40pt;margin-bottom:120%;margin-left:auto;}下面看一个范例：<!DOCTYPE ht...原创 2019-03-17 20:38:03 · 453 阅读 · 0 评论 -
Web前端开发学习之路——网页存储Web Storage（二）
Web Storage实例练习登陆/注销和计数器利用localStorage数据保存的特性，我们可以做一个登陆/注销的界面并统计用户的进站次数。当用户点击“登陆”按钮时，会出现“请输入你的名字”的文本框让用户输入姓名。 单击“提交”按钮后，将名字存储到localStorage 重载页面，将进入网站次数存储于localStorage，并将用户姓名以及进站次数显示在<div>...原创 2019-03-11 20:08:25 · 1611 阅读 · 2 评论 -
Web前端开发学习之路——网页存储Web Storage（一）
认识Web StorageWeb Storage是一种将少量数据存储在客户端(Client)磁盘的技术。只要支持WebStorage API规格的浏览器，网页设计者都可以使用JavaScript来操作它，在网页没有Web Storage之前，其实已有在客户端存储少量数据的功能，称为Cookie，两者有一些不同和相同之处。存储大小不同：Cookie只允许每个网站在客户端存储4KB的数据，而在...原创 2019-03-11 19:32:39 · 2333 阅读 · 0 评论 -
Web前端开发学习之路——JQuery Mobile UI组件
套用UI组件jQuery Mobile各种可视化组件的语法大多数与HTML5标记大同小异，这里不再阐述，仅列出这些常用的组件。由于按钮（Button）和列表（List View）功能变化比较大，后面将对其进行详细介绍。文本框（Text Input）input type="text" name="uname" id="uid" value="">范围滑块（Range Sl...原创 2019-03-20 16:33:44 · 1931 阅读 · 0 评论 -
Web前端开发学习之路——初识CSS的基本功能（二）
CSS基本语法控制文字样式常用的字体属性 属性 属性名称 设置值 color 字体颜色 颜色名称 十六进制 RGB码 font-family 字体样式 字型名称 font-size 文字大小 数值+百分比（%） 数值+单位（pt,px,em,ex） font-style...原创 2019-03-15 12:19:53 · 401 阅读 · 0 评论 -
Web前端开发学习之路——初识CSS的基本功能（一）
应用CSS样式表行内声明<!DOCTYPE html><html lang="en"><head> <!--内行声明--> <meta charset="UTF-8"> <title>应用css样式——行内声明</title>&原创 2019-03-14 19:32:45 · 1370 阅读 · 2 评论 -
Web前端开发学习之路——表格排序插件（tablesorter）
表格是呈现数据不可缺少的工具，通过tablesorter插件能够轻松地美化表格的排序只要设置一些参数就可以简单完成，让表格能够灵活呈现。下载与套用Tablesorted的下载地址为：http://plugins.jquery.com/tablesorter/打开网址之后，点击右侧DOWNLOAD NOW下载后将文件解压，解压后的文件夹种会包含多个文件夹和tablesorter的...原创 2019-03-26 22:43:50 · 4290 阅读 · 0 评论