前言 之前经常在一些网站看到一些特别炫酷的特效，例如文字呈粒子状的特效，或图片的蒙太奇效果，刚巧找了相关的canvas动画研究了一些，因此在这里做一个简单的总结。 思路 一个像素点是由四个值组成的 RGBA，第一个像素点 RGBA [data[0],data[1],data[2],data[3]]； ...
分类：
其他好文 时间：
2020-07-22 20:36:41
阅读次数：
79
1、项目初始 基于vue-cli搭建项目 vue create news-app 页面采用flex布局、样式使用sass 2、首页的搭建 主要包括导航栏，轮播图，及主要新闻的展示 2、点击导航栏可进行不同新闻的切换 通过id的不同获得不同的数据，进行页面渲染，每个页面只展示5条数据，对页面进行分页， ...
分类：
Web程序 时间：
2020-07-20 15:50:35
阅读次数：
169
1.2 组件 1.2.1 text组件 编写文本信息，类似于HTTP中的span 1.2.2 view组件 容器，类似于HTTP中的div 1.2.3 image组件 图片显示组件 1.3 页面flex布局 一种非常方便的通用布局方式 1.3.1 flex-direction 规定主轴方向 colu ...
分类：
微信 时间：
2020-07-18 11:25:45
阅读次数：
105
概念 开启了flex布局的元素叫做flex container display设置为flex（以block形式）或者inline-flex（以inline形式） flex container的直接子元素叫做flex items 模型 main axis：主轴（默认是x轴， 可以改变） cross a ...
分类：
其他好文 时间：
2020-07-14 00:57:20
阅读次数：
93
效果 storeStyle: { display: 'flex', alignItems: 'center', } ...
分类：
微信 时间：
2020-07-13 21:28:34
阅读次数：
146
在这里共享最新的Xhorse VVDI BMW Tool软件V1.6.0免费下载链接和相关更新通知。 VVDI BMW V1.6.0免费下载链接：https://public-ap-southeast-1-1251058331.s3-ap-southeast-1.amazonaws.com/down ...
分类：
其他好文 时间：
2020-07-13 11:52:58
阅读次数：
100
CSS盒子模型：只针对block元素或者inline-block元素，也就是可以设置size的元素 在元素上设置的height和width是作用在内容区域的。 background作用在contect + padding的区域。 盒子模型的size是content + padding + borde ...
分类：
Web程序 时间：
2020-07-12 18:25:43
阅读次数：
80
本文内容参考自如何用一行 CSS 分别实现 10 种现代布局？。 1.可解构的自适应布局(The Deconstructed Pancake) <html> <head> <style type='text/css'> .parent{ display: flex; flex-wrap: wrap; ...
分类：
Web程序 时间：
2020-07-11 19:14:46
阅读次数：
87
flex属性是 flex-grow + flex-shrink + flex-basis 的缩写。 1.赋给3个值.item { flex: 100 200 300px;}// 等价于.item { flex-grow: 100; flex-shrink: 200; flex-basis: 300p ...
分类：
其他好文 时间：
2020-07-08 12:57:17
阅读次数：
93
目录 水平居中 行内元素 块级元素 方案一：(分宽度定不定两种情况) 方案二：使用定位属性 方案三：使用flexbox布局实现（宽度定不定都可以） 垂直居中 单行的行内元素 多行的行内元素 块级元素 水平垂直居中 已知高度和宽度的元素 未知高度和宽度的元素 方案一：使用定位属性 方案二：使用flex ...
分类：
Web程序 时间：
2020-07-05 23:12:37
阅读次数：
99
