H5 CSS js 跨平台开发
文章平均质量分 72
H5 CSS js 跨平台开发
liyubao160
iOS ,oc ,swift ,java,android,html5,nodejs
展开
-
H5简单案例app首页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewort" content="width=device-width, user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"> <link rel="stylesheet" href="c.原创 2020-05-25 09:59:58 · 1015 阅读 · 0 评论 -
sublime快捷键的使用和相关配置
***弹出插件下载栏:command+shift+p***htmlt代码提示:Emmet***Vue代码提示:安装Package Control 执行Install Package 安装Vue Syntax Highlight***less代码提示:1.安装less插件ctrl+shift+p,然后Install Package,然后输入less按Enter安装。2....原创 2020-04-13 13:53:07 · 225 阅读 · 0 评论 -
html5 移动端、几种常见的布局、flex布局
***移动端浏览器:UC、QQ、欧朋、百度、360、谷歌、搜狗、猎豹;基本上都是webkit内核。***手机频幕多:安卓480*800,480*854,540*960,720*1280,1080*1920***移动端调试方法:谷歌的模拟手机调试(F12,底部第二个手机图标),本地服务器手机访问。***视口viewport:就是浏览器显示页面内容的屏幕区域。以前视口默认的是980px为标...原创 2020-05-11 13:44:57 · 1560 阅读 · 0 评论 -
h5标签、css3
html和css都能有装饰网页的功能,HTML 的属性主要是起一些功能性的作用的,对于一些和样式有关的属性最好留给 CSS 来做。HTML 是用来构建网页的框架的,而 CSS 则是用来装饰网页的。***文本格式化标签:加粗:strong、b倾斜:em、i删除线:del、s下划线:ins、u***盒子div和span都是盒子,是没有语意的,用来装内容的。...原创 2020-03-11 13:32:09 · 397 阅读 · 0 评论 -
HTML之定位
定位:flex布局:http://www.runoob.com/w3cnote/flex-grammar.htmlposition 属性规定元素的定位类型:可能的值值描述absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed生成绝对定位的元素,相对于浏览...原创 2018-06-29 18:58:18 · 4750 阅读 · 0 评论 -
HTML5之常用工具、前端学习路线图
***前端学习路线图:https://www.cnblogs.com/chengjian-physique/p/8076356.html**sublime:shift+command +p快捷键,然后选择install那一行,在输入框中输入emmet(标签属性自动提示插件);就会自动下载插件;SublimeCodeIntel(js自动提示插件);pagecontrol是包管理...原创 2018-06-22 18:46:20 · 569 阅读 · 0 评论 -
javascript之(六)正则表达式
定义字符集:特别字符:模式修正符:原创 2017-10-22 17:58:57 · 194 阅读 · 0 评论 -
javascript之(一)
js是基于事件和对象驱动的脚本语言;js的变量必须声明和定义一起,不能只声明不赋值;数组作为对象的一部分;打印:cosole.log();比较运算符“”逻辑运算符:流程控制:函数:每一个script标记内容都是编译,原创 2017-10-15 11:27:49 · 266 阅读 · 0 评论 -
javascript之AJAX(二)json
PHP饭编码json信息:JS处理获取的json信息:无刷新form表单提交:使用formdata提交表单:(一定要有name属性才有效)formdata实现无刷新上传附件:tmp_name是上传到服务器后的临时路径,等到全部上传完毕,这个临时路径就不存在了;所以要用moveupload去上原创 2017-10-29 18:25:34 · 325 阅读 · 0 评论 -
javascript 之AJAX(一)
可以与服务器交互的交互之一;AJAX请求浏览器直接访问服务器---------------------,服务器直接返回数据给浏览器,----------------浏览器解析服务器返回的数据并解析显示在浏览器上。GET请求:POST请求:原创 2017-10-28 21:04:10 · 213 阅读 · 0 评论 -
javascript(二)之HTMLDOM
HTML DOM (文档对象模型)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM 模型被构造为对象的树。通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。JavaScript 能够改变页面中的所有 HTML 元素JavaScript 能够改变页面中的所有 HTM原创 2017-01-19 13:31:36 · 399 阅读 · 0 评论 -
javascript(三)之对象
JavaScript 是面向对象的语言,但 JavaScript 不使用类。JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...JavaScript 允许自定义对象。JavaScript 提供多个内建对象,比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型创建对象=================原创 2017-01-19 15:08:43 · 390 阅读 · 0 评论 -
javascript(四)之window
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”浏览器对象模型(Browser Object Model)尚无正式标准。所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 win原创 2017-01-19 16:30:53 · 433 阅读 · 0 评论 -
html5(二)canvas绘图渐变
什么是 Canvas?HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成:var c=document.getE原创 2017-01-21 11:44:53 · 1379 阅读 · 0 评论 -
javascript(一)
1.html中程序的执行顺序是从上到下,如果在html中加入js,执行顺序也是从上到下,要想js在程序加载完成后执行,可以在head中添加一下代码:这里最后执行的js结果会覆盖之前的文档;//窗口加载完执行函数window.onload=function myf(){document.write("但是文稿加载结束调用js会覆盖之前的文档");}原创 2017-01-19 10:20:28 · 787 阅读 · 0 评论 -
css/css3总结(一)
css/css3原创 2017-01-23 11:30:15 · 1501 阅读 · 0 评论 -
html5(一)基础
1.html4向html5迁移:添加 shiv所有现代浏览器都支持 HTML5 语义元素。此外,您可以“教授”老式浏览器如何处理“未知元素”。为 Internet Explorer 支持而添加的 shiv: 向搜索引擎表示该页面是html语言,并且语言为英文网站,其"lang"的意思就是“language”,语言的意思,而原创 2017-02-04 10:14:01 · 485 阅读 · 0 评论 -
css/css3总结(二)属性
所有主流浏览器都支持 overflow 属性。注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。overflow 属性规定当内容溢出元素框时发生的事情。说明这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所原创 2017-02-04 10:14:34 · 327 阅读 · 0 评论 -
html5(五)媒体
原创 2017-02-04 10:14:51 · 268 阅读 · 0 评论 -
html5(四)API存储/定位/拖放/缓存/we b workers /sse
什么是 HTML 本地存储?通过本地存储(Local Storage),web 应用程序能够在用户浏览器中对数据进行本地的存储。在 HTML5 之前,应用程序数据只能存储在 cookie 中,包括每个服务器请求。本地存储则更安全,并且可在不影响网站性能的前提下将大量数据存储于本地。与 cookie 不同,存储限制要大得多(至少5MB),并且信息不会被传输到服务器原创 2017-02-04 10:15:13 · 276 阅读 · 0 评论 -
Javascript (六)高级之ECMAScript
JavaScript 的核心 ECMAScript 描述了该语言的语法和基本对象;DOM 描述了处理网页内容的方法和接口;BOM 描述了与浏览器进行交互的方法和接口。,一个完整的 JavaScript 实现是由以下 3 个不同部分组成的:核心(ECMAScript)文档对象模型(DOM)浏览器对象模型(BOM)工厂方法:============<script type="text/javas...原创 2017-02-04 10:15:35 · 341 阅读 · 0 评论 -
javascript之(三)BOM浏览器对象
bom:浏览器对象模型注意:open是创建子集页面;wholeText是用来获取文本节点的文本信息,要用文本节点来调用wholeTeXt;innerHtml是获取和设置标签中的内容;注意:setInterval(全局变量的处理,毫秒时间);注意定时器处理的是全局性的变量,否则不起作用;原创 2017-10-19 03:10:39 · 262 阅读 · 0 评论 -
javascript之贪吃蛇案例
绘制背景:一个20*20 的背景平铺绘制食物:绘制小蛇:小蛇移动:注意让尾巴先移动防止重复创建小蛇小蛇移动:原创 2017-10-26 06:32:17 · 400 阅读 · 0 评论 -
javascript之(二)DOM
DOM:文档对象模型dom就是利用js对html标签的增删改查;获得元素标签节点:第三中方法通常是放在form表单中应用;获得文本节点:获得兄弟节点:空白节点当成了文本节点;父节点:属性值操作及属性节点获取:节点追加:原创 2017-10-16 01:34:54 · 260 阅读 · 0 评论 -
javascript之(四)作用域链,闭包
AO活动对象;执行环境变量的类型及优先级顺序:闭包:闭包事件操作:原创 2017-10-19 04:06:07 · 219 阅读 · 0 评论 -
javascript(五)之框架
JavaScript 库 - jQuery、Prototype、MooTools所有这些框架都提供针对常见 JavaScript 任务的函数,包括动画、DOM 操作以及 Ajax 处理;jQuery 是目前最受欢迎的 JavaScript 框架。它使用 CSS 选择器来访问和操作网页上的 HTML 元素(DOM 对象)。jQuery 同时提供 companion原创 2017-02-04 10:16:38 · 254 阅读 · 0 评论