大白兔

Share

vscode中如何将px转rem

在开发h5页面时,我们需要使用到rem单位,那么vscode中如何将px转rem呢? 此处我选择的是px to rem插件,使用步骤: 安装px to rem插件; 然后在设置->用户设置中->扩展中找到**px to rem ** 或者直接在setting.jso...

2019-06-15 11:44:04

阅读数 123

评论数 1

DIV+CSS有哪些经典布局

DIV+CSS经典布局总结: 1 圣杯布局 定义:圣杯布局就是常见的三栏式布局——两边等宽,中间⾃适应的三栏布局。 实现方式: 设置三栏子元素浮动同向(如 float: left; ); 父元素设置左右栏宽度的padding(如 padding: 0 200px; ); 中间自适应宽度设置为wi...

2019-06-10 19:39:46

阅读数 26

评论数 0

flexbox布局详解

flexbox——一维布局模型,由flex-container和flex-item(flex容器)构成,为flex-item(flex元素)之间提供了强大的空间分布和对齐能力。

2019-06-10 16:49:33

阅读数 39

评论数 0

Module not found: Can't resolve '@babel/runtime/helpers/esm/extends' in '..node_modules\history\esm'

react安装依赖后报错: Module not found: Can't resolve '@babel/runtime/helpers/esm/extends' in 'D:\HIKV\APP_components\saas_face_demo\branches\v1.0.1\node_mod...

2019-04-03 19:53:10

阅读数 1577

评论数 0

CSS单位总结

CSS中,单位分为两类 绝对单位:无论其他相关的设置怎么变化,绝对单位指定的值是不会变化的; 相对单位:没有固定的度量值,是由其他元素尺寸来决定的相对值。 注意:此处的相对指当前元素的字号(font-size)或者视口(viewport)尺寸。 绝对单位有: 单位 简介 px ...

2018-11-27 16:48:07

阅读数 200

评论数 0

canvas中绘制文本

canvas提供两种文本渲染方式: fillText(text,x,y[,maxWidth]); // 在指定的(x,y)处填充文本,绘制的最大宽度是可选的 strokeText(text,x,y[,maxWidth]); // 在指定的(x,y)处绘制文本边框,绘制的最大宽度是可选的 属性: ...

2018-10-30 11:02:48

阅读数 68

评论数 0

canvas样式和颜色

color(颜色) fillStyle = color; // 设置图形的填充颜色 stokeStyle = color; // 设置图形的轮廓颜色 transparency(透明度) line styles(线型) gradient(渐变) patterns(图案样式) shadows(阴影)...

2018-10-25 20:35:32

阅读数 1964

评论数 0

canvas绘图形状总结

矩形 rect(x,y,width,height) // 创建矩形 fillRect(x,y,width,height); //创建填充的矩形 strokeRect(x,y,width,height); // 创建轮廓矩形 clearRect(x,y,width,height);...

2018-10-24 19:43:11

阅读数 253

评论数 0

浏览器渲染原理及解剖浏览器内部工作原理

一、浏览器如何工作 简单地说,页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么工作的: 用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回html文件; 浏览器开始载入html代码,发现&am...

2018-10-17 14:07:31

阅读数 65

评论数 0

chrome浏览器上传图片卡死的解决方法

最近用chrome浏览器上传图片时,总是卡死,不管是自己的程序,还是别人家的网站,都卡死。 只有卸载重装之后才可以上传,但是电脑关机重启后,chrome浏览器必须重装才行,找了很久,没找到解决方法,始终重装浏览器总是不行的。 晚饭后随便翻翻,发现了一种解决方法: 说只搜狗输入法的锅,切换输入法后就...

2018-10-09 19:54:44

阅读数 1791

评论数 1

vue-cli升级采坑记

想用vue3.0创建项目,然后参考https://cli.vuejs.org/guide/installation.html,然后按照文档操作。 1、卸载之前安装的vue-cli npm uninstall vue-cli -g 2、然后安装新的vue-cli npm instal...

2018-09-03 19:21:45

阅读数 818

评论数 0

CSS3之沿环形路径移动

实现环形路径移动,我们主要利用以下两个属性: animation-origin rotate(1turn) 通用CSS样式: .round{ width: 200px; height: 200px; border-radius: 100%; backg...

2018-08-16 20:42:53

阅读数 1254

评论数 0

tab-size属性

tab-size 自定义制表符的宽度。 通常我们使用pre来展示,比如我们要展示带格式的代码块,pre标签是我们最好的选择,但是在浏览器展示中,tab相当于8个字符,这个就很头疼了,所以展示只能避开tab键了,那么,有更好的方法解决这个问题吗? 有的,tab-size完美的解决了这个问题,那详...

2018-08-06 17:18:11

阅读数 154

评论数 0

CSS中的斑马条纹

表格中的斑马条纹 表格中的斑马条纹很容易实现 你可以使用nth-child来实现: tr:nth-child(even){ background: #E9E9E9; } 也可以使用nth-of-type来实现: tr:nth-of-type(even){ backgrou...

2018-08-03 14:44:22

阅读数 1100

评论数 0

CSS3之hyphens(连字符)

1,连字符 连字符分为硬连字符和软连字符: 硬连‐字符:,即使该单词没有中间换行,也会显示连字符 软连字符:­,只有单词中间换行才显示连字符 2,hyphens属性 CSS3了提供hyphens属性指定...

2018-08-03 11:15:18

阅读数 1258

评论数 2

CSS之mask实现方法汇总

在前端中,我们经常要实现遮罩层,来弱化后面的一切整体,从而突出显示某些特定的元素,比如我们的弹窗,那么mask(遮罩层)有多少种方法可以实现呢? <body> <div class=&a...

2018-08-02 14:48:23

阅读数 1870

评论数 0

在浏览器的标签页显示网站标志图标(或指定图标)的方法

如下图: 对于不同的浏览器,方法是有差别的 1.对于IE或TT浏览器:把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下,浏览器会自动检索 2.这大概是所有浏览器通用的在标签页加入指定图标的方法: 把favicon.ico图标放到网站根目录下,在网页的...

2018-07-24 15:15:52

阅读数 277

评论数 0

清除Chrome浏览器下默认浅黄色背景(保存密码时出现)

当某个登录的页面我们保存密码之后,后面登录账户名和密码会自动填充,我们可以观察到,Chrome浏览器自动加了一层淡黄色的背景,如下图: 那么我们改如何清除默认的样式呢? 首先我们看到它默认的代码如下: 看到这个,是不是马上想到如下代码: input:-webkit-autofill...

2018-07-11 17:29:22

阅读数 164

评论数 0

vue中使用jQuery

1、安装jQuery npm install jquery --save 2、配置build/webpack.base.conf.js 引入webpack: var webpack = require('webpack') 增加plugins: plugins: [ ...

2018-07-04 17:24:25

阅读数 1021

评论数 0

canvas实现分散对齐

canvas水平对齐方式有: 值 描述 start 默认,文本在指定的位置开始 end 文本在指定的位置结束 center 文本的中心被放置在指定的位置 left 文本左对齐 right 文本右对齐 JS调用: ...

2018-05-24 19:04:18

阅读数 437

评论数 0

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