HTML/CSS/JS/jQuery
文章平均质量分 76
本人学习html/css/js/移动web/的总结
燕双嘤
程序辅导,毕业设计,课程作业,比赛代打等,wx:lvlvmp
展开
-
HTML5与移动Web开发:数据存储
WebStorage:使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速,这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上。它也可以存储大量的数据,而不影响网站的性能。数据以 键/值 对存在,web网页的数据只允许该网页访问使用。Web Storage又分为两种: sessionStorage 和localStorage原创 2019-12-02 09:24:20 · 1036 阅读 · 1 评论 -
HTML5与移动Web开发:网络通信
一般来说,Web端即时通讯技术因受限于浏览器的设计限制,一直以来实现起来并不容易,主流的Web端即时通讯方案大致有4种:传统Ajax短轮询、Comet技术、WebSocket技术、SSE(Server-sent Events)原创 2019-10-20 15:24:00 · 602 阅读 · 0 评论 -
HTML5与移动Web开发:地理定位
位置信息:HTML5 Geolocation API的使用方法相当简单。请求一个位置信息,如果用户同意,浏览器就会返回位置信息,该位置信息是通过支持HTML5地理定位功能的底层设备(手机、笔记本电脑等)提供给浏览器的。位置信息由维度、经度坐标和其他一些元数据组成。原创 2019-12-02 09:08:39 · 1708 阅读 · 0 评论 -
HTML5与移动Web开发:多线程
WebWorker单线程:为 JavaScript 创造多线程环境,允许主线程创建 Worker 线程,将一些任务分配给后者运行。在主线程运行的同时,Worker 线程在后台运行,两者互不干扰。等到 Worker 线程完成计算任务,再把结果返回给主线程。这样的好处是,一些计算密集型或高延迟的任务,被 Worker 线程负担了,主线程(通常负责 UI 交互)就会很流畅,不会被阻塞或拖慢。原创 2019-08-05 12:48:35 · 751 阅读 · 0 评论 -
HTML5与移动Web开发:主题,按钮,列表,表单,表单提交,事件
在jQuery Mobile中,由于每一个页面中的布局和组件都被设计成一个全新的面向对象的CSS框架,整个站点或应用的视觉风格可以通过这个框架得到统一。很显然,jQueryMobile是用CSS来控制在屏幕中的显示效果的,而在CSS框架中包括两个重要组成部分:结构:用于控制元素的屏幕中显示的位置、填充效果和内外边距等。主题:用于控制元素的颜色、渐变、字体、圆角和阴影等视觉效果,并包含了多套的色板,每套色板中都定义了列表项、按钮、表单、工具栏、内容块和页面全部视觉效果。原创 2019-11-17 10:43:11 · 522 阅读 · 0 评论 -
HTML5与移动Web开发:JavaScript,jQuery Mobile,网格布局,表格,预加载和缓存
jQuery是一款优秀的JavaScript框架,是一个轻量级的js库,核心理念是“write less,do more”(写得更少,做得更多)。它是一个兼容多浏览器的JavaScript库,2006年1月由美国人John Resig在纽约的Barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。如今,jQuery已经成为最流行的JavaScript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。原创 2019-11-16 09:09:15 · 490 阅读 · 0 评论 -
HTML5与移动Web开发:获取input的value值
获取HTML中input中的值原创 2019-12-02 18:55:53 · 2645 阅读 · 0 评论 -
HTML5与移动Web开发:CSS变换,CSS过渡,CSS动画
animation实现动画效果主要由两个部分组成:首先通过类似Flash动画中的关键帧来声明一个动画,然后在animation属性中调用关键帧声明的动画,从而实现一个更为复杂的动画效果。原创 2019-11-08 15:48:34 · 685 阅读 · 0 评论 -
HTML5与移动Web开发:定位布局,多列布局,盒模型
文档流就是HTML文档内所有元素按照一定规律排列并显示的形式。 CSS文档流大致可以分为3种:标准流,浮动流,定位流。当设置的值相同时,后加载的元素优先显示。举个例子,a元素使用absoulte定位,它会从父类开始找起,寻找以position非static方式定位的祖先类元素,直到标签为止,这里还需要注意的是,原创 2020-01-06 20:46:37 · 734 阅读 · 0 评论 -
HTML5与移动Web开发:CSS基础,CSS选择器,文字背景,新增边框
【CSS样式的版本发展】CSS1:是CSS的第一层次标准,主要定义了网页的基本属性,如字体、颜色和空白边等。CSS2:基于CSS1,包含了CSS1的所有特点和功能,并添加了一些高级功能,如浮动和定位以及一些高级选择器。CSS3:开始遵循模块化开发,有助于清理模块化规范之间的不同关系,减少完整文件的大小。【CSS3新特性】CSS3语言开发是朝着模块化发展的。 以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括:盒子模型、列表模块原创 2019-10-26 22:02:07 · 361 阅读 · 0 评论 -
HTML5与移动Web开发:Canvas画布
是 HTML5 新增的,一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画,甚至可以进行实时视频处理和渲染。Canvas是由HTML代码配合高度和宽度属性而定义出的可绘制区域。JavaScript代码可以访问该区域,类似于其他通用的二维API,通过一套完整的绘图函数来动态生成图形。Mozilla 程序从 Gecko 1.8 (Firefox 1.5)开始支持 , Internet Expl原创 2019-10-10 21:11:01 · 1630 阅读 · 1 评论 -
HTML5与移动Web开发:音视频,文件操作,移动端事件
在HTML5之前,要在网页中添加音频和视频,最简单、最直接的方法就是使用Flash。这种方法的缺点是代码较长,最重要的是需要安装Flash插件,并非所有浏览器都拥有同样的插件。在HTML5中,不但不需要安装其他插件,而且实现还很简单。播放一个视频只需要一行代码。原创 2019-10-10 14:06:34 · 688 阅读 · 0 评论 -
HTML5与移动Web开发:表单标签
HTML5提供了多个新的表单输入类型,这些新类型为我们提供了更好的输入控制和验证功能。在HTML5标记语言中,包含了如下所示的输入类型:email、url、number、range、Date pickers(date,month,week,time,datetime,datetime-local)、search、color。HTML5新增了3种表单元素,分别是标签、标签和标签,通过使用这些元素,在传统的表单基础上可以开发出更加精美、精致的页面效果。原创 2019-10-20 11:28:51 · 988 阅读 · 0 评论 -
HTML5与移动Web开发:更新内容,基本标签,结构标签
HTML5中的标记方法(1)内容类型:HTML5文件的扩展名和内容类型(ContentType)没有发生变化。即扩展名还是“.html”或“.htm”,内容类型(ContentType)是”.text/html”。(2)DOCTYPE声明:要使用HTML5标记,必须先进行如下的DOCTYPE声明。不区分大小写。语法如下: 。另外,当使用工具时,也可以在DOCTYPE声明方式中加入SYSTEM标识。(不区分大小写。此外还可将双引号换为单引号来使用),声明方法如下面的代码:原创 2019-09-27 16:53:00 · 349 阅读 · 0 评论 -
HTML5与移动Web开发:开发概述,像素区别,HTML5和其他技术
HTML5是近十年来Web标准最巨大的飞跃。和以前的版本不同,HTML5并非仅仅用来表示Web内容,它的使命是将Web带入一个成熟的应用平台,在这个平台上视频、音频、图像、动画,以及与电脑的交互都被标准化。HTML5实际上指的是包括HTML、CSS和JavaScript脚本在内的一整套技术的组合,希望通过HTML5能够轻松地实现许多丰富的网络应用需求,而减少浏览器对插件的依赖,并且提供更多能有效增强网络应用的标准集。原创 2019-09-19 11:52:57 · 1103 阅读 · 0 评论 -
CSS:个人常用搜索框样式
样式:代码:<form method="post" action="search.jsp" name="search"> <div class="search"> <div class="search_box"> <span class="searchicon"></span> <input ...原创 2019-03-22 09:32:18 · 6105 阅读 · 0 评论 -
CSS:一些CSS按钮样式
效果:代码:<!DOCTYPE html><html><head><meta charset="utf-8"><title>9.3</title><style type="text/css">@font-face { font-family: 'EntypoRegular'; ...原创 2019-03-20 13:13:15 · 5992 阅读 · 0 评论 -
CSS:实现简单的圆角矩形按钮
效果:代码:<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name=原创 2019-03-04 21:41:53 · 9172 阅读 · 0 评论 -
JS:监听鼠标点击和松开事件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script language="JavaScript"> funct原创 2018-09-05 16:38:40 · 32216 阅读 · 1 评论 -
JS:实现网页内容禁止粘贴和复制
目前在IE上可以完成所有,其他浏览器不一定完全可以运行成功1,设置网页禁止复制<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body oncopy=原创 2018-09-05 17:38:59 · 4670 阅读 · 0 评论 -
JS:获得文件的创建,修改及最后访问时间
亲测必须将代码放在记事本中,改成html格式,在用IE运行(必须)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script language=&quo原创 2018-09-02 16:42:25 · 7907 阅读 · 0 评论 -
JS:读取文件类型和大小
亲测必须将代码放在记事本中,改成html格式,在用IE运行(必须)<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title&原创 2018-09-02 20:24:23 · 2166 阅读 · 0 评论 -
JS:对txt文件进行读写,替换和添加
亲测必须将代码放在记事本中,改成html格式,在用IE运行(必须)<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title&原创 2018-09-02 11:24:59 · 12000 阅读 · 2 评论 -
JS:实现电子表形式的时间显示
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script language="JavaScript"> var i原创 2018-09-12 17:19:37 · 2143 阅读 · 0 评论 -
JS:实现对文件的复制,删除和移除
亲测必须将代码放在记事本中,改成html格式,在用IE运行(必须)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"&原创 2018-09-02 09:56:42 · 16687 阅读 · 0 评论 -
JS:鼠标移入移出事件监听
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>鼠标移入移出显示效果</title> <style> #d原创 2018-09-05 16:47:19 · 18007 阅读 · 1 评论 -
JS:Cookie的写入,读取和删除
1,Cookie的写入 2,Cookie的读取这里用到了document的cookie的方法。目前只支持在不关闭浏览器的情况下。后面再修改。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html>&...原创 2018-09-11 13:20:55 · 8287 阅读 · 0 评论 -
JS:获得并修改文本框的内容
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script language="JavaScript"> functi原创 2018-09-09 23:10:50 · 13789 阅读 · 0 评论 -
JS:获取某个文件夹下的文件名称,不读取文件夹
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script language="JavaScript"> var fs原创 2018-09-02 20:42:38 · 16143 阅读 · 7 评论