视口-viewport
文章目录1. 视口简介2. 布局视口 layout viewport3. 视觉视口 visual viewport4. 理想视口 ideal viewport5. meta视口标签的使用1. 视口简介视口(viewport) 就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口2. 布局视口 layout viewport一般移动设备的浏览器都默认设置了一个布局视口,用于解决早期的PC端页面在手机上显示的问题。iOS, Android基本都将这个视口分辨率设置为 98
移动页面开发技术解决方案
文章目录1. 移动端布局主流方案1.) 单独制作移动端页面(主流)2.) 响应式页面兼容移动端(其次)2. 移动端技术解决方案1.) 移动端浏览器兼容问题2.) 移动端公共样式 normalize3. 移动端大量使用 CSS3盒子模型box-sizing4. 移动端特殊样式1. 移动端布局主流方案1.) 单独制作移动端页面(主流)通常情况下,网址域名前面加 m(mobile)可以打开移动端。通过判断设备,如果是移动设备打开,则跳到移动端页面。也就是说,PC端和移动端为两套网站,pc端是pc端的样
CSS3 - 媒体查询
文章目录1. 什么是媒体查询2. 媒体查询语法规范3. 媒体查询实际运用① 根据页面尺寸动态渲染页面② 媒体查询+rem实现元素动态大小变化③ 引入资源CSS 媒体类型CSS3 多媒体查询1. 什么是媒体查询媒体查询(Media Query)是CSS3新语法。使用 @media查询,可以针对不同的媒体类型定义不同的样式目前针对很多苹果手机、Android手机,平板等设备都用得到多媒体查询2. 媒体查询语法规范用 @media开头 注意@符号mediatype:媒体类型关键字a
Bootstrap - 响应式布局
文章目录1. 响应式开发原理2. 响应式布局容器3. Bootstrap① Bootstrap简介② Bootstrap使用③ 布局容器④ 栅格系统简介栅格选项参数栅格嵌套列偏移列排序响应式工具1. 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。设备的划分情况:设备划分尺寸区间超小屏幕(手机)< 768px小屏设备(平板)>= 768px ~ < 992px中等屏幕(桌面显示器)>=9
jQuery 拷贝对象
如果想要把某个对象拷贝(合并) 给另外一个对象使用,此时可以使用 $.extend() 方法语法:$.extend([deep], target, object1, [objectN])参数说明deep: 如果设为true为深拷贝,默认为false浅拷贝。target:要拷贝的目标对象object1:待拷贝到第一个对象的对象。objectN:待拷贝到第N个对象的对象。浅拷贝目标对象引用的被拷贝的对象地址,修改目标对象会影响被拷贝对象。深拷贝,前面加true, 完全克隆,修改目标对
jQuery 常用API
文章目录1. jQuery 选择器基础选择器层级选择器筛选选择器筛选方法2. jQuery 样式操作操作 css 方法设置类样式方法3. jQuery 动画效果① 显示隐藏效果show() 显示hide() 隐藏toggle() 显示隐藏切换② 滑动效果(动画)slideDown() 下滑效果slideUp() 上滑效果slideToggle() 滑动切换效果③ 事件切换 hover()④ stop() 动画队列及其停止排队方法⑤ 淡入淡出效果fadeIn() 淡出效果fadeout() 淡入效果f
form表单的基本使用
文章目录简介表单基本组成结构表单标签属性介绍表单的同步提交及缺点1. 表单的同步提交2. 表单同步提交的缺点简介表单在网页中主要负责 数据采集功能 。HTML中的<form>标签,就是用于采集用户输入的信息,并通过<form>标签的提交操作,把采集到的信息提交到服务器端进行处理。表单基本组成结构表单标签表单域表单按钮<!-- 1 --><form> <!-- 2 --> <input type="text" n
http协议与响应请求原理
文章目录一、HTTP协议简介二、HTTP请求三、HTTP响应四、HTTP请求方法五、HTTP响应状态代码一、HTTP协议简介二、HTTP请求三、HTTP响应四、HTTP请求方法五、HTTP响应状态代码
request 第三方模块
request - npm (npmjs.com)nodeJS 服务器端通过 request 模块向其他非同源服务器发送请求具体用法:var request = require('request');/*request(parms1, parms3): 向其他服务器发送请求parms1:其他服务器端的请求地址parms2:回调函数,当请求返回数据时函数被调用*/request('http://www.google.com', function (error, response, body)
NodeJs内置模块
文章目录1. 系统模块fs--文件操作require('fs')fs.readFile()fs.writeFile()2. 系统模块path--路径操作global.__dirname相对路径VS绝对路径require('path')path.join()path.basename()path.extname()1. 系统模块fs–文件操作f(file)s(system):文件操作系统fs 文件系统 | Node.js API 文档 (nodejs.cn)require(‘fs’)想要使用no
今日推荐
周排行