视口-viewport

文章目录1. 视口简介2. 布局视口 layout viewport3. 视觉视口 visual viewport4. 理想视口 ideal viewport5. meta视口标签的使用1. 视口简介视口(viewport) 就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口2. 布局视口 layout viewport一般移动设备的浏览器都默认设置了一个布局视口,用于解决早期的PC端页面在手机上显示的问题。iOS, Android基本都将这个视口分辨率设置为 98
分类: 其他 发布时间: 11-20 09:03 阅读次数: 0

移动端页面 多倍图

文章目录1. 物理像素&物理像素比2. 多倍图物理像素比所导致的问题解决方案3. 多倍图切图 cutterman4. 多倍精灵图的做法1. 物理像素&物理像素比物理像素指的是屏幕分辨率,物理像素点指的是屏幕显示的最小颗粒,是物理真实存在的。这是厂商在出厂时就设置好了,比如苹果6 是 750*1334我们开发时候的1px(css像素) 不是一定等于1个物理像素的,一个px(css像素)的能显示的物理像素点的个数,称为物理像素比或屏幕像素比在早期当pc端和移动端都处于布局视
分类: 其他 发布时间: 11-20 09:03 阅读次数: 0

移动页面开发技术解决方案

文章目录1. 移动端布局主流方案1.) 单独制作移动端页面(主流)2.) 响应式页面兼容移动端(其次)2. 移动端技术解决方案1.) 移动端浏览器兼容问题2.) 移动端公共样式 normalize3. 移动端大量使用 CSS3盒子模型box-sizing4. 移动端特殊样式1. 移动端布局主流方案1.) 单独制作移动端页面(主流)通常情况下,网址域名前面加 m(mobile)可以打开移动端。通过判断设备,如果是移动设备打开,则跳到移动端页面。也就是说,PC端和移动端为两套网站,pc端是pc端的样
分类: 其他 发布时间: 11-20 09:03 阅读次数: 0

流式布局.

流式布局,就是百分比布局,也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。流式布局方式是移动web开发使用的比较常见的布局方式。注意:随着窗口的缩放,流式布局的盒子也会跟着缩放,可以通过max-width;min-width指定盒子的最大宽度或高度。...
分类: 其他 发布时间: 11-20 09:03 阅读次数: 0

CSS3 - 媒体查询

文章目录1. 什么是媒体查询2. 媒体查询语法规范3. 媒体查询实际运用① 根据页面尺寸动态渲染页面② 媒体查询+rem实现元素动态大小变化③ 引入资源CSS 媒体类型CSS3 多媒体查询1. 什么是媒体查询媒体查询(Media Query)是CSS3新语法。使用 @media查询,可以针对不同的媒体类型定义不同的样式目前针对很多苹果手机、Android手机,平板等设备都用得到多媒体查询2. 媒体查询语法规范用 @media开头 注意@符号mediatype:媒体类型关键字a
分类: 其他 发布时间: 11-20 09:02 阅读次数: 0

Bootstrap - 响应式布局

文章目录1. 响应式开发原理2. 响应式布局容器3. Bootstrap① Bootstrap简介② Bootstrap使用③ 布局容器④ 栅格系统简介栅格选项参数栅格嵌套列偏移列排序响应式工具1. 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。设备的划分情况:设备划分尺寸区间超小屏幕(手机)< 768px小屏设备(平板)>= 768px ~ < 992px中等屏幕(桌面显示器)>=9
分类: 其他 发布时间: 11-20 09:01 阅读次数: 0

布局常用插件

文章目录1. fastclick2. Swiper3. superslide4. iscroll5. zyMedia移动端要求的是快速开发,所以经常会借助于一些插件来帮我完成操作,那么什么是插件呢?JS 插件是 js 文件, 它遵循一定规范编写,方便程序展示效果,拥有特定功能且方便调用。如轮播图和瀑布流插件。特点: 它一般是为了解决某个问题而专门存在, 其功能单一,并且比较小。插件的一般使用步骤确认插件实现的功能去官网查看使用说明下载插件打开demo实例文件,查看需要引入的相关文件,并且
分类: 其他 发布时间: 11-20 09:01 阅读次数: 0

接 口 简介

文章目录1. 接口的概念2. 分析接口的请求过程3. PostMan 接口测试工具PostMan 界面的组成部分PostMan 测试GET接口PostMan 测试POST接口4. 接口文档什么是接口文档接口文档的组成部分接口文档示例获取图书列表接口文档1. 接口的概念使用 Ajax 请求数据时,被请求的 URL 地址,就叫做数据接口(简称接口)。同时,每个接口必须有请求方式。例如:http://localhost:3006/api/getbooks 获取图书列表的接口(GET请求)http://
分类: 其他 发布时间: 11-20 09:01 阅读次数: 0

jQuery 拷贝对象

如果想要把某个对象拷贝(合并) 给另外一个对象使用,此时可以使用 $.extend() 方法语法:$.extend([deep], target, object1, [objectN])参数说明deep: 如果设为true为深拷贝,默认为false浅拷贝。target:要拷贝的目标对象object1:待拷贝到第一个对象的对象。objectN:待拷贝到第N个对象的对象。浅拷贝目标对象引用的被拷贝的对象地址,修改目标对象会影响被拷贝对象。深拷贝,前面加true, 完全克隆,修改目标对
分类: 其他 发布时间: 11-20 09:00 阅读次数: 0

多库共存

1.问题概述jQuery使用$作为标示符, 随着jQuery的流行,其他 js 库也会用这$作为标识符, 这样一起使用会引起冲突。2.客观需求需要一个解决方案,让jQuery 和其他的js库不存在冲突,可以同时存在,这就叫做多库共存。3.jQuery 解决方案把里面的 $符号 统一改为 jQuery。jQuery("div");jQuery 变量规定新的名称: $.noConflict()var xx = $.noConflict(); xx('div');演示代码
分类: 其他 发布时间: 11-20 09:00 阅读次数: 0

jQuery 常用API

文章目录1. jQuery 选择器基础选择器层级选择器筛选选择器筛选方法2. jQuery 样式操作操作 css 方法设置类样式方法3. jQuery 动画效果① 显示隐藏效果show() 显示hide() 隐藏toggle() 显示隐藏切换② 滑动效果(动画)slideDown() 下滑效果slideUp() 上滑效果slideToggle() 滑动切换效果③ 事件切换 hover()④ stop() 动画队列及其停止排队方法⑤ 淡入淡出效果fadeIn() 淡出效果fadeout() 淡入效果f
分类: 其他 发布时间: 11-20 09:00 阅读次数: 0

form表单的基本使用

文章目录简介表单基本组成结构表单标签属性介绍表单的同步提交及缺点1. 表单的同步提交2. 表单同步提交的缺点简介表单在网页中主要负责 数据采集功能 。HTML中的<form>标签,就是用于采集用户输入的信息,并通过<form>标签的提交操作,把采集到的信息提交到服务器端进行处理。表单基本组成结构表单标签表单域表单按钮<!-- 1 --><form> <!-- 2 --> <input type="text" n
分类: 其他 发布时间: 11-20 08:59 阅读次数: 0

http协议与响应请求原理

文章目录一、HTTP协议简介二、HTTP请求三、HTTP响应四、HTTP请求方法五、HTTP响应状态代码一、HTTP协议简介二、HTTP请求三、HTTP响应四、HTTP请求方法五、HTTP响应状态代码
分类: 其他 发布时间: 11-20 08:58 阅读次数: 0

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)
分类: 其他 发布时间: 11-20 08:58 阅读次数: 0

版本控制软件

文章目录1. 版本控制软件简介2. 版本控制软件的好处3. 版本控制系统的分类① 本地 版本控制系统② 集中化 的版本控制系统③ 分布式 版本控制系统1. 版本控制软件简介版本控制软件是一个用来 记录文件变化,以便将来查阅特定版本修订情况的系统,因此有时也叫做 “ 版本控制系统 ”。2. 版本控制软件的好处操作简单只需通过简单的 终端命令,即可快速上手常见的版本控制软件易于对比基于版本控制软件提供的功能,能够方便地比较文件的变化细节,从而查找出导致问题的原因易于回溯
分类: 其他 发布时间: 11-20 08:57 阅读次数: 0

node第三方模块

文章目录1. nodemon2. nrm3. moment4. i5ting_toc1. nodemonnodemon 为第三方模块,是一个命令行工具使用场景:用以辅助项目开发。在Node.js中,每次修改文件都要在命令行工具中重新执行该文件,非常繁琐。而通过nodemon命令执行该文件,文件被修改重新保存后会自动执行使用步骤使用npm install nodemon –g 下载nodemon在命令行工具中用nodemon命令替代node命令执行文件//test.jsv
分类: 其他 发布时间: 11-20 08:56 阅读次数: 0

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
分类: 其他 发布时间: 11-20 08:56 阅读次数: 0

cors第三方模块

cors 是 Express 的一个第三方中间件。通过安装和配置 cors 中间件,可以很方便地解决跨域问题。使用步骤分为如下 3 步:① 运行 npm install cors 安装中间件② 使用 const cors = require('cors') 导入中间件③ 在路由之前调用 app.use(cors()) 配置中间件...
分类: 其他 发布时间: 11-20 08:56 阅读次数: 0

前后端的身份认证

文章目录一、Web 开发模式1. 服务端渲染的 Web 开发模式2. 前后端分离的 Web 开发模式3. 如何选择 Web 开发模式二、身份认证三、 Session 认证机制1. HTTP 协议的无状态性2. Cookie / Session① 什么是 Cookie② Cookie 在身份认证中的作用③ Session3. 在 Express 中使用 Session 认证① 安装 express-session 中间件② 配置 express-session 中间件③ 向 session 中存数据④ 从
分类: 其他 发布时间: 11-20 08:55 阅读次数: 0

base64 格式

base64格式 是一种图片格式,它为较长的一串字符,它本身就是图片,通过<img src="base64格式...">浏览器能解析并显示图片<!-- 这是通过【url路径的形式】,展示了一张图片 --><img src="./logo.png" alt="" /><!-- 还可以通过【base64字符串】的形式,展示一张图片 --><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA
分类: 其他 发布时间: 11-20 08:55 阅读次数: 0