前端
Teresa0312
这个作者很懒,什么都没留下…
展开
-
前端开发中PC端和移动端网站的区别
1、PC端在开发过程中考虑的是浏览器兼容性,移动端开发中考虑的是手机兼容性问题,做移动端开发,更多考虑的是手机分辨率的自适应和不同手机操作系统的略微差异化;2、在部分事件的处理上,移动端自然是偏向于触屏的,另外包括移动端弹出的手机键盘该如何处理,这样的问题在PC上肯定不会遇到,但在移动端,如果你没有经验,处理起来是相当麻烦的;3、布局上,移动端开发是要做到页面布局自适应的,而PC端页面布局的比...原创 2019-03-05 19:54:34 · 4038 阅读 · 0 评论 -
八 XHTML的规范化
XHTML1 XHTML 可扩展超文本标记语言与HTML4.01几乎是相同的更严格更纯净的HTML版本是以XML应用的方式定义的HTML的带主流浏览器的支持2 为什么使用为了代码的完整性和良好性3 文档声明DTD:规定了使用通用标记语言的网页语法4 三种XHTML文档类型STRICT 严格类型TRANSITIONAL 过渡类型FRAMESET 框架类型XHTML元素X...原创 2019-03-08 12:13:05 · 288 阅读 · 0 评论 -
七 HTML5框架 背景 实体
HTML框架1 框架标签 frame框架对页面设计有着很大的作用2 框架集标签 frameset框架集标签定义如何将窗口分割为框架每个frameset定义一系列行或者列rows cols的值规定了每行或每列占据屏幕的面积<frameset cols="30%,50%"> <frame src="https://c.runoob.com/"></fra...原创 2019-03-08 12:04:25 · 289 阅读 · 0 评论 -
六 HTML5表单的创建
HTML表单1 表单用于获取不同类型的用户输入2 常用表单标签复选框喜欢的水果有?&lt;br/&gt;苹果&lt;input type="checkbox"&gt;&lt;br/&gt;草莓&lt;input type="checkbox"&gt;单选框性别?&lt;br原创 2019-03-08 11:35:47 · 429 阅读 · 0 评论 -
五 HTML5块元素的使用与布局
HTML块1 HTML块元素块元素在显示时 通常会以新行开始如&lt;h1&gt; &lt;p&gt; &lt;ul&gt;2 HTML内联元素内联元素通常不会以新行开始如&lt;b&gt; &lt;a&gt; &lt;img&gt;3 HTML&lt;div&gt;元素原创 2019-03-08 11:20:07 · 614 阅读 · 0 评论 -
四 HTML5列表的使用
HTML列表1 无序列表使用标签 &lt;ul&gt; &lt;li&gt;属性type: disc circle square2 无序列表使用标签 &lt;ol&gt; &lt;li&gt;属性type: 字母A a 罗马数字I i 开始序号start3 嵌套列表使用标签&lt;ul&gt; &lt;ol&原创 2019-03-07 22:02:03 · 224 阅读 · 0 评论 -
三 HTML5样式、链接和表格
HTML样式1 标签如 &lt;style&gt; 样式定义&lt;link&gt; 资源引用2 属性如 rel="stylesheet" 外部样式表type="text/css" 引入文档类型margin-left 边距3 三种样式表插入方法外部样式表: &lt;link rel="stylesheet&q原创 2019-03-07 21:37:46 · 731 阅读 · 0 评论 -
二 HTML5元素、属性和格式化
声明<!DOCTYPE>HTML也有不同的版本,只有完全明白页面中使用的确切HTML版本,浏览器才能完全正确地显示出HTML页面。这就是<!DOCTYPE>的作用HTML元素指开始标签到结束标签的所有代码HTML元素语法元素的内容是开始标签与结束标签之间的内容空元素在开始标签中进行关闭HTML嵌套元素使用大多数的HTML元素都是可以嵌套的HTML属性1 ...原创 2019-03-07 18:51:21 · 280 阅读 · 0 评论 -
一 什么是HTML5
什么是HTMLHTML是用来描述网页的一种语言超文本标记语言不是编程语言,是一种标记语言HTML5新特性用于绘画的canvas标签用于媒介回放的video和audio元素对本地离线储存的更好支持新的特殊内容元素,如article footer header nav section新的表单控件,如 calendar date time email url search浏览器的支...原创 2019-03-07 17:56:41 · 223 阅读 · 0 评论 -
正则表达式
<?php/*1.行定位符 描述子串的边界 ^表示开头 &表示结尾^tm 匹配tm的位置是行头 如 tm Tomorrow Moon可以匹配tm& 匹配tm的位置是行尾 如 Tomorrow Moon tm可以匹配如果要匹配的子串可以出现在任何一个位置 则写成 tm 如html utmost 2.单词定界符 \b \B\b \btm\b 表示要匹配单词tm 而不是单词的一部分\B原创 2017-08-01 12:29:15 · 267 阅读 · 0 评论 -
省市区三级联动(数组、JSON实现)
省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统、电商网站最为常见。 下面举例一种实现方式: htlm代码:<form> <select id="proSelect"> <option>选择省</option> </select> <select id="citySelect"> <option>选择市<原创 2017-08-01 20:52:59 · 5993 阅读 · 1 评论 -
JSON的语法、常用类型及示例
昨天,我们与后台组合作完成的个人博客系统中与完成测试,并交了代码,平时一直忙着没有写博客,现在终于有时间可以整理一下在做博客系统中出现的问题。 我是在学完html、css、js之后就开始做的,所以要先补一下做博客系统会用到的知识。在学习JavaScript的过程中,我们接触了一种新的数据格式——JSON数据格式。JSON的全称是”JavaScript Object Notation”,意思是jav原创 2017-08-02 10:12:05 · 14463 阅读 · 1 评论 -
前端页面无刷新上传图片至后台
在用户模块 , 我们的博客系统提供了修改头像的功能 , 因为Ajax是无法上传文件的 , 我们只能用表单自己提交 , 可是那样会刷新页面 , 于是我使用了插件jquery-form.js jqu Form插件是一个优秀的Ajax表单插件,可以非常容易地、无侵入地升级HTML表单以支持Ajax。jquery Form有两个核心方法 – ajaxForm() 和 ajaxSubmit(), 它们集合原创 2017-08-18 22:55:25 · 2229 阅读 · 0 评论 -
【转】主流浏览器内核
源:https://segmentfault.com/a/1190000013794163一、浏览器市场份额本报告数据,来源于百度统计所覆盖的超过150万的站点,而不是baidu.com的流量数据。二、浏览器内核浏览器内核可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。浏览器的内核的不同对于网页的语法解释会有不同,所以渲...转载 2019-03-04 20:05:24 · 501 阅读 · 0 评论 -
HTML不能使用常见的自顶向下或自底向上方法来进行解析
语言本身的“宽容”特性HTML本身可能是残缺的,对于常见的残缺,浏览器需要有传统的容错机制来支持它们解析过程需要反复。对于其他语言来说,源码不会在解析过程中发生变化,但是对于HTML来说,动态代码,例如脚本元素中包含的document.write() 方法会在源码中添加内容,也就是说,解析过程实际上会改变输入的内容由于不能使用常用的解析技术,浏览器创造了专门用于解析HTML的解析器。解...原创 2019-03-04 21:32:14 · 447 阅读 · 0 评论 -
浏览器匹配css规则的顺序是从右到左
由于每条规则都可能有多层嵌套,例如 #container p.content .title a {…},如果采用从左到右的方式读取css规则,那么大多数规则读到最后会发现是不匹配的,这样会做很多无用功。而如果采取从右到左的方式,那么只要发现最右边的key selector不匹配,整条规则就都不必再看下去了。例如当前节点是, 那么只有最右端选择器是span或.abc或#demo的css 规则有可...原创 2019-03-05 19:11:55 · 804 阅读 · 0 评论 -
HTML语义化
1、什么是HTML语义化?&lt;基本上都是围绕着几个主要的标签,像标题(H1~H6)、列表(li)、强调(strong em)等等&gt; 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。 2、为什么要语义化?代码结构: 使页面没有css的情况下,也能够呈现出很好的内容结构有利于SEO:爬虫依赖标...原创 2019-03-05 19:21:30 · 246 阅读 · 0 评论 -
CSS3 2D转换
(1)translate() 方法:设置元素的移动。 transform:translate(50px,100px);(把元素从左侧移动 50 像素,从顶端移动 100 像素。) (2)rotate() 方法:设置元素的旋转角度。(正值顺时针,负值逆时针) transform:rotate(30deg); (顺时针旋转 30 度。) transform:rotate(-30deg);(逆时...原创 2019-03-05 19:36:58 · 884 阅读 · 0 评论