李小白的博客

记录小白的成长轨迹和学习分享与总结

nmp安装插件遇到的问题

通过npm安装antd时 PS D:\VscWorkspace\my-react-app> npm config get registry http://registry.npm.taobao.org/ 使用淘宝镜像安装 PS D:\VscWorkspace\my-...

2019-02-15 17:29:41

阅读数 148

评论数 0

React知识点总结——持续更新中……

1、React元素渲染 React 元素都是不可变的。当元素被创建之后,你是无法改变其内容或属性的。 目前更新界面的唯一办法是创建一个新的元素,然后将它传入 ReactDOM.render() 方法。 React 只会更新必要的部分,React DOM 首先会比较元素内容先后的...

2019-02-13 13:48:39

阅读数 29

评论数 0

ES6 学习第2篇:JavaScript 语言的七种数据类型

ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型, 前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。...

2019-02-10 11:43:03

阅读数 46

评论数 0

ES6 学习第1篇:声明变量的六种方法

ES6 声明变量的六种方法 var function let const import class      ES5 只有两种声明变量的方法:var命令和function命令。      ES6添加let、const命令、import和class命令 let命令特点总结 定义:l...

2019-01-29 10:38:55

阅读数 20

评论数 0

Vue CLI 3如何加载vue.config.js

vue.config.js vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。 @vue/cli-service 下的webpack.config.js中进行配置...

2019-01-12 00:24:00

阅读数 89

评论数 0

Vue CLI 3是如何加载main.js

  1、前言 在工程文件中使用main.js来加载App.vue文件的,但没有代码写出来加载main.js的,而index.html中只有一个自定义标签app,那么工程是如何加载到main.js文件的呢? 1、Vue 2.x加载方式 如果你是用vue.js官网提供的脚手架工具并沿用默认...

2019-01-12 00:08:57

阅读数 255

评论数 0

原 CSS3学习第11篇——综合练习弹跳滚动的小球

目标: 一个小球从空中落下,然后弹起、落下、弹起落下……,向右滚动,最后停止,根据受力情况的不同进行缩放变形。 代码: <!DOCTYPE html> <html lang="en"&am...

2018-12-21 23:08:18

阅读数 57

评论数 0

CSS3学习第10篇——综合练习魔方

目标: 实现一个旋转的魔方 代码: <!DOCTYPE html> <html lang="en"> <head> &a...

2018-12-21 23:02:37

阅读数 25

评论数 0

CSS3学习第9篇——flex弹性(伸缩)布局

一、Flex布局是什么? 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,...

2018-12-21 22:56:52

阅读数 14

评论数 0

CSS3学习第8篇——动画

CSS3 动画属性(Animation) 属性 描述 CSS @keyframes 规定动画。 3 animation 所有动画属性的简写属性,除了 animation-play-state 属性。 3 animation-name 规定 @...

2018-12-21 22:49:00

阅读数 16

评论数 0

CSS3学习第7篇——2D/3D转换

 过渡属性(Transition) 过渡属性:用于目标元素的css属性值(由transition-property 属性规定)改变时,页面展示的过渡效果。 属性 描述 CSS transition 简写属性,用于在一个属性中设置四个过渡属性。 3 transit...

2018-12-21 22:41:37

阅读数 16

评论数 0

CSS3学习第6篇——2D/3D转换

2D/3D 转换属性(Transform) 属性 描述 CSS transform 向元素应用 2D 或 3D 转换。 3 定义和用法 transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 语法 transf...

2018-12-21 15:06:25

阅读数 35

评论数 0

CSS3学习第5篇——线性渐变和径向渐变

1、用途 线性渐变和径向渐变可用于区域背景色的填充,提升页面的展示效果。 2、线性渐变linear-gradient            1)方向(to bottom、to top、to right、to left、to bottom right,等等),颜色,颜色...        ...

2018-12-21 11:57:05

阅读数 48

评论数 0

CSS3学习第4篇——边框图片

1、border-image边框图片 属性 描述 CSS border-image 简写属性,设置所有 border-image-* 属性。 3 border-image-outset 规定边框图像区域超出边框的量。 3 border-image-...

2018-12-21 11:47:28

阅读数 19

评论数 0

CSS3学习第3篇——圆角与阴影

1、圆角border-radius 属性 描述 CSS border-radius 简写属性,设置所有四个 border-*-radius 属性。 3 border-bottom-left-radius 定义边框左下角的形状。 3 border-b...

2018-12-21 11:36:18

阅读数 19

评论数 0

CSS3学习第2篇——选择器总结

1、背景 css的选择器太多了,有一些选择器感觉很像,但又有细微的差别,只有真正的使用才能感觉到。现将容易混淆的选择器做一下对比和总结。 2、div p与div>p 选择器 例子 例子描述 CSS element element div p ...

2018-12-14 10:56:35

阅读数 19

评论数 0

CSS3学习第1篇——background-clip、background-origin详解

css3中新增的background属性学习 属性 描述 CSS background-clip 规定背景的绘制区域。 3 background-origin 规定背景图片的定位区域。 3 background-size 规定背景图片的尺寸。...

2018-12-13 14:55:05

阅读数 23

评论数 0

HTML5学习第20篇——canvas动画综合练习

1、目标 绘制直角坐标系内的随机折线图,折线图包含5-10个拐点。 2、代码 <!DOCTYPE html> <html lang="en"> &lt...

2018-12-12 16:20:29

阅读数 22

评论数 0

HTML5学习第19篇——旋转与缩放

1、旋转 方法 rotate() 方法旋转当前的绘图。 JavaScript 语法: context.rotate(angle); 参数值 参数 描述 angle 旋转角度,以弧度计。 如需将角度转换为弧度,请使用 degrees*Math.PI/18...

2018-12-12 16:10:16

阅读数 21

评论数 0

HTML5学习第18篇——绘制虚线、文本、图片

1、绘制虚线 setLineDash(数组) <canvas width="800" height="600"></canvas&...

2018-12-12 15:53:43

阅读数 78

评论数 0

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