自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

转载 vue将px转化为rem,适配移动端

1. 安装 postcss-pxtoremnpm install postcss-pxtorem --save2.新建rem.js文件,并引入rem.js文件如下const baseSize = 32// 设置 rem 函数function setRem () { // 当前页面宽度相对于 750 宽的缩放比例,可根据自己需要修改。 const scale = doc...

2019-01-24 11:49:01 281

转载 移动端适配方案

1,Flex弹性布局以天猫的为例1,viewport是固定的:<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> 2,高度定死,宽度自适应,元素都采用px做单位。3,在哪个宽度需要调整

2019-01-23 18:31:31 121

原创 meta name="viewport" content="width=device-width,initial-scale=1.0"理解

viewport的概念 viewport就是设备的屏幕上能用来显示我们的网页的那一块区域content属性值 width:设备可视区域的宽度,值可为数字或关键词device-width intial-scale:页面首次被显示时可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放 maximum-scale=1.0, minimum-scale=1.0;可视区域...

2019-01-23 13:41:15 33333 3

原创 git常用命令

基本概念Workspace(工作区): 新添加的,和修改的未add操作的。Stage(暂存区): add操作过后,会进入暂存区。Repository(本地仓库): commit操作后,会进入本地仓库。Remote(远程仓库): push操作后,会提交到远程仓库打标签gti tag //获取当前版本git tag <标...

2019-01-22 18:52:17 709 1

原创 canvas转图片,图片转canvas

canvas转图片关键点:canvas.toDataURL(‘image/png’) ,返回生成的图片地址(base64)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>canvas转换成图片</title> <

2019-01-22 16:11:05 5624

翻译 使用git命令给gitHub上传代码、下载代码

简单流程如下gitHub上新建一个仓库配置ssh秘钥上传代码到仓库、下载仓库代码到本地配置ssh秘钥检查您的计算机中是否存在SSH 密钥$ ls -al ~/.ssh如果已经存在秘钥,则跳到步骤4,直接添加秘钥到gitHub.如果没有则执行步骤2进行创建秘钥生成新的 SSH 密钥$ ssh-keygen -t rsa -C "your_email@example...

2019-01-19 17:58:02 262

原创 css中vertical-align属性的初步了解

vertical-align起作用的情况vertical-align影响inline元素、inline-block元素以及table-cell元素垂直方向上的布局。//适用于inline: <img>,<span>,<strong>,<em>.......inline-block: <input>(IE8+),<b...

2019-01-17 23:04:30 363 1

翻译 两个行内元素不对齐的问题解决

实例: <p> <img src="" /> <span></span></p>显示原因分析 : 基线不对齐解决方法两个行内元素都设置 vertical-align:middle;两元素设置浮动...

2019-01-17 14:33:56 778 1

原创 Symbol类型,简单了解下

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Symbol类型</title></head><style> dd{

2019-01-15 22:12:09 800

原创 Object.defineProperty()

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Object.defineProperty()</title></head><body>

2019-01-15 22:10:38 147

原创 js遍历数组、对象,方法总结

js遍历数组、对象,方法总结遍历数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js遍历数组&amp

2019-01-15 22:00:40 1001

原创 微信小程序视屏(video)直接横屏(全屏)播放

html<view> <video id="myVideo" src="视屏地址" enable-danmu danmu-btn controls></video></view&

2019-01-08 21:40:21 29797 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除