- 博客(11)
- 收藏
- 关注
RSS订阅原创 2020最流行的JavaScript库-js库
1、anime.js-----官网anime.js 是一款功能强大的Javascript 动画库插件。anime.js 可以和CSS3 属性，SVG，DOM 元素和JS 对象一起工作，制作出各种高性能，平滑过渡的动画效果2、 Howler.js----官网给网站添加音频3、chart.js----中文网Chart.js为设计和开发人员准备的简单、灵活的 JavaScript 图表工具4、Reveal.js----githubreveal.js 是一个能够帮助我们很轻易地使用 HTML
2021-05-25 14:52:31
349
1
原创 微信小程序学习之[app,json、page.json的介绍]（一）
app.json 全局配置介绍：app.json 是当前⼩程序的全局配置，包括了⼩程序的所有⻚⾯路径、界⾯表现、⽹络超时时间、底部 tab 等。普通快速启动项⽬⾥边的 app.json 配置字段的含义pages 字段⸺⽤于描述当前⼩程序所有⻚⾯路径，这是为了让微信客⼾端知道当前你的⼩程序⻚⾯定义在哪个⽬录。window 字段⸺定义⼩程序所有⻚⾯的顶部背景颜⾊，⽂字颜⾊定义等。完整的配置信息请参考 app.json配置1、pages :页面下的子页面①怎么创建？直接在里面加上pages/
2021-05-10 14:41:00
359
原创 CSS动画定时器和塞尔曲线
使用关键字更改动画定时器在 CSS 动画里，animation-timing-function 用来定义动画的速度曲线。 速度曲线决定了动画从一套 CSS 样式变为另一套所用的时间。 如果要描述的动画是一辆车在指定时间内（animation-duration）从 A 运动到 B，那么 animation-timing-function 表述的就是车在运动中的加速和减速等过程。有一些预定义的关键字可用于常见的选项。 比如，默认值是 ease，动画以低速开始，然后加快，在结束前变慢。 其它常用的值包括 ea
2021-04-24 13:46:23
487
原创 CSS动画2种改变动画速率的方法
1、通过改变他们的各自@keyframes的X%改变相似元素的动画频率的方法有很多。 目前我们接触到的就有 animation-iteration-count 和 @keyframes。2、通过改变animation-duration 属性为不同的值来控制频率
2021-04-24 13:29:35
1938
原创 freecodecamp学习css知识点——CSS Transform
1、使用 CSS Transform scale 属性可以更改元素的大小CSS 属性 transform 里面的 scale() 函数可以用来改变元素的显示比例。 下面的例子把页面的段落元素放大到了原来的 2 倍：p { transform: scale(2);}2、使用CSS Transform scale 属性在悬停时缩放元素transform 属性有很多函数可以调用，可以对元素进行调整大小、移动、旋转、翻转等操作。 当使用伪类选取元素的指定状态（如 :hover）时，我们可以通过 tr
2021-04-23 21:26:00
160
原创 使用 CSS 线性渐变创建条纹元素（简单）
repeating-linear-gradient() 函数和 linear-gradient() 很像，主要区别是前者会重复指定的渐变。 repeating-linear-gradient() 有很多参数，为了便于理解，本关只用到角度值和色标。角度就是渐变的方向。 色标代表渐变颜色及发生渐变的位置，由百分比或者像素值表示。在代码编辑器的例子里，渐变开始于 0 像素位置的 yellow，然后过渡到距离开始位置 40 像素的 blue。 由于下一个渐变颜色的起始位置也是 40 像素，所以颜色直接渐变成第三
2021-04-23 21:10:38
719
1
原创 创建一个 CSS 线性渐变背景
HTML 元素的背景色并不局限于单色。 CSS 还为我们提供了颜色渐变。 可通过 background 里的 linear-gradient() 实现线性渐变， 以下是它的语法：background: linear-gradient(gradient_direction, color 1, color 2, color 3, ...);第一个参数指定了颜色过渡的方向——它的值是角度，90deg 表示垂直渐变（从左到右），45deg 表示沿对角线渐变（从左下方到右上方）。 其他参数指定了渐变颜色的顺序：
2021-04-23 21:04:20
212
原创 在freecodecamp学习CSS（boby元素继承，样式优先级）
boby继承设置 body 元素样式的方法跟设置其他 HTML 元素样式的方式一样，并且其他元素也会继承 body 中所设置的样式。首先，创建一个内容文本为 Hello World 的 h1 元素。接着，在 body 的 CSS 规则里面添加 color: green;，这会将页面内所有字体的颜色都设置为 green。最后，在 body 的 CSS 规则里面添加 font-family: monospace;，这会将 body 内所有元素的字体都设置为 monospace。样式优先级1、Cla
2021-04-17 16:23:14
257
原创 在freecodecamp学习CSS知识点（padding,margin篇）
padding每个 HTML 元素所占有的矩形空间由这三个重要的属性来控制：内边距 padding、外边距 margin 、边框 border。padding 用来控制着元素内容与 border 之间的空隙大小。我们可以看到蓝色框和红色框是嵌套在黄色框里的。 注意红色框的 padding 比蓝色框的更多。如果你增加蓝色框的 padding 值，其中的文本内容与边框的距离就也会变大。padding：10px 10px 10px 10px;遵循：顺时针，上，右，下，左；网页中我们如何查看调试代码
2021-04-17 15:53:48
89
原创 解决Arduino开发板管理器下载esp8266开发包失败和速度慢的方法
1. 问题原因在Arduino中想要下载esp8266开发包，发现下载失败，或者下载速度很慢第一个想到的解决方法应该是找个代理网络，但是太麻烦。第二个是不在开发板里面下载，下载外部的esp8266开发包，把它放在目录C:\Users\用户名\AppData\Local\Arduino15\packages下面，结果我试了试，发现还是不行，可能我操作有问题，大家可以去试一试。2.官方解决方案我们进入点灯科技的官网，进入开发文档，点击esp8266wifi接入里面有两个文件，我们选择最后一个
2021-03-21 15:07:27
5900
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人