meta标签 | 易学教程

DAY13-前端之jQuery

阅读更多关于 DAY13-前端之jQuery

jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

前端之jQuery

阅读更多关于前端之jQuery

Web前端学习笔记之jQuery基础

阅读更多关于 Web前端学习笔记之jQuery基础

0x0 jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 0x1 jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

一篇真正教会你开发移动端页面的文章(二)

阅读更多关于一篇真正教会你开发移动端页面的文章(二)

移动端开发的干货篇之前写了一篇文章《一篇真正教会你开发移动端一面的文章(一)》。那是本篇文章的基础，如果没有阅读过的同学可以去看看，今天就给大家带来干货，真真正正的讲到如何很好的开发一个移动端的页面好了，让我们开始吧，从哪里开始呢？从设计图开始，即PSD稿件：移动端PSD稿件的尺寸肯定较之PC端的PSD稿件不同，具体体现在设计图的尺寸上，现在移动端的设计图尺寸大多以iPhone5和iPhone6的设备像素尺寸作为依据，比如拿到一张PSD设计图，它的总宽度为640px(iPhone5)或者750px(iPhone6)。本例就拿iPhone6的设计图尺寸为标准进行讲解，其它设计图尺寸道理是一样的，这并不影响我们的开发。首先我们要有一张设计图才行，看下图，假设我们有一张设计图，它很简单，只有一个红色的方块：拿到了设计图，于是你开开心心的开始写代码了，你打开了编辑器，并写下了如下HTML代码： <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /> </head> <body>

移动端页面开发资源总结

阅读更多关于移动端页面开发资源总结

移动端页面开发资源总结及技巧工作了有一段时间，基本上都在搞移动端的前端开发，工作的过程中遇到过很多问题，bug的解决方案，记录下来，以便后用！！！内容并不是很全，以后每遇到一个问题都会总结在这里，分享给大家！一、meta标签相关知识 1、移动端页面设置视口宽度等于设备宽度，并禁止缩放。 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 2、移动端页面设置视口宽度等于定宽（如640px），并禁止缩放，常用于微信浏览器页面。 <meta name="viewport" content="width=640,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 3、禁止将页面中的数字识别为电话号码 <meta name="format-detection" content="telephone=no" /> 4、忽略Android平台中对邮箱地址的识别 <meta name="format-detection" content="email=no" /> 5、当网站添加到主屏幕快速启动方式

一前端基础，http协议，form表单

阅读更多关于一前端基础，http协议，form表单

一，web服务的本质：浏览器中敲入网站回车发生的几件事？ 1.游览器向服务端发送请求 2.服务端接受请求 3.服务端返回相应的响应 4.浏览器接受响应根据特定的规则渲染页面展示给用户看二： HTTP 协议 HTML是一种标记语言（markup language），它不是一种编程语言。 HTML使用标签来描述网页。超文本传输协议规定了浏览器与服务器之间消息传输的数据格式四大特性： 1.基于请求响应 2.基于TCP/IP 之上的作用于应用层的协议 3.无状态（服务端无法保存用户的状态，一个人来一千次，都是和第一次一样，都是初恋 4.无连接（请求来一次响应一次，之后立马断开连接，两者之间就再无任何关系 websocket相当于http协议的一个大补丁，可以长连接请求数据格式：请求首行（标识HTTP协议的版本，当前请求方式）请求头（一大堆的k，v键值对）下面一行是固定句式的空格\r\n 请求体（携带的是一些敏感信息，密码，身份证号等）响应数据格式：响应首行（标识HTTP协议的版本，当前请求方式）响应头（一大堆的k，v键值对）下面一行是固定句式的空格\r\n 响应体（返回给浏览器页面的数据通常响应响应体都是HTML页面）响应状态码 (我的理解：就是响应之后的结果，用某个数字表示结果的状态）用一串简单的数字来表示一些复杂的状态或者提示信息 1XX

前端html

阅读更多关于前端html

1. 前端介绍: 　　1.什么是前端: 任何与用户直接打交道的操作界面都可以称之为前端　　2. 后端: 暂时可以理解为幕后操作者,不直接与用户打交道　　3. web的本质 : 1.浏览器 2 服务器 3 文件(后缀名是.html 和 .htm 的文件) 　　4. web 服务的本质: 也就是在浏览器中输入网址回车进行了几件事　　　　1: 浏览器向服务端发送请求　　　　2:服务端接收请求　　　　3:服务端返回相印的响应　　　　4:浏览器接收响应,根据特定的规则渲染页面展示给用户看 2.HTTP协议: 　　 1.什么是HTTP协议: http协议又被称为超文本传输协议,他规定了浏览器与服务端之间传输的数据格式　　2.四大特性: 　　　　1. 基于请求响应　　　　2. 基于TCP/IP之上作用于应用层的协议　　　　3. 无状态(服务端无法保存用户的状态) 　　　　4. 无连接(请求一次响应一次,之后马上断开连接) 　　　　拓展 : websocket 相当于是HTTP协议的一个大的补丁,它支持长连接　　3.请求方式: 　　　　1. get请求 : 从服务器获取数据　　　　2. post 请求: 向服务器提交数据　　4. 请求数据格式: 　　　　1 : 请求首行 (标识当前HTTP协议的版本,当前请求方式) 　　　　2: 请求头 (一大堆K,V键值对) 　　　　3

HTML介绍

阅读更多关于 HTML介绍

web服务本质浏览器发请求 -----> HTTP协议---->服务端接受请求----->服务端返回响应------>服务端把HTML文件内容发给浏览器----->浏览器渲染页面 HTML是什么? 超文本标记语言,是一种用于创建网页的标记语言. 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页.对于不用的浏览器,同一个标签可能会有不同的解释.(兼容性问题) 网页文件的扩展名:.html或.htm 浏览器只认识html css js HTML不是什么? HTML是一种标记语言,它不是一种编程语言. HTML使用标签来描述网页 HTTP协议(******) 　　超文本传输协议:规定了浏览器与服务端之间消息传输的数据格式　　四大特性: 　　　　1.基于请求响应　　　　2.基于TCP/IP之上的作用于应用层的协议　　　　3.无状态(服务端无法保存用户的状态,相当于一个人来一千次,我都记不住) 　　　　4.无连接(请求来一次我响应一次,之后立马断开连接,两者之间就不再有任何关系了) 　　　　　　websocket 相当于是HTTP协议的一个大的补丁它支持长连接　　　　请求数据格式　　　　　　请求首行(标识HTTP协议版本,当前请求方式) 　　　　　　请求头(一大堆k,v键值对) 　　　　　　　　　　　　请求体(携带的是一些敏感信息比如密码

CSS

阅读更多关于 CSS

CSS的四种引入方式：一、行内样式 <div style="background-color: blue;color: brown">cairui</div> 二、 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ background-color: blue; color: darkgoldenrod; } </style> </head> <body> <p>cai</p> <div>rui</div> </body> </html> 三、写一个css文件，把内容放在里面引用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> @import "1.css"; </style> </head> <body> <p>cai</p> <div>rui</div> </body> </html> 四： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="1.css"

三十九、前端HTML

阅读更多关于三十九、前端HTML

HTML介绍 1.Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!</h1>") conn.close() 手动服务端　　浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 2.HTML是什么超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）网页文件的扩展名：.html或.htm 3.HTML不是什么　　HTML是一种标记语言（markup language），它不是一种编程语言。　　HTML使用标签来描述网页。 4.HTML文档结构最基本的HTML文档： <!DOCTYPE html> <html

订阅 meta标签