HTML动画的那些事-车轮旋转篇 最近一直在研究网页动画相关的东西，因为一个网页要想让人觉得惊艳和有趣，网页动画肯定是少不了的。 上一篇文章：用CSS做出漂亮的字体动画。 本篇文章就着重讲解一下如何让SVG动起来。 注：上一篇文章多次含有SVG相关的代码，可能阅读体验不是那么的好，所以本篇文章仅在最后贴出含有SVG的代码。 其中涉及到的CSS属性： transform-origin：更改一个元素变形的原点。 transform- 2021-01-31 web开发 CSS 动画
用CSS做出漂亮的字体动画 SVG在我们做网页的过程中会大量的进行使用，但是给SVG添加动画就不是那么经常会去做的一件事，本篇文章就来讲解如何用SVG制作炫酷的文字动画。 首先我们来看一下最终效果： 在制作该动画的时候，需要使用到SVG的下面两个属性： stroke-dasharray：控制用来描边的点划线的图案范式。 stroke-dashoffset：指定了dash模式到路径开始的距离。 1. 制作SVG字体制作S 2021-01-31 web开发 CSS 动画
将VSCode打造成为开发神器-插件篇 VSCode现在是世界上最为常用的编辑器之一，为什么被称为编辑器，是因为它不像IDE一样集成了大量开发环境的配置，必须你手动配置很多东西，才能将它打造成为一个趁手的生产工具。 VSCode最大的优势就在于它是完全免费的，你不需要支付任何费用，就可以得到一个开发各种代码的编辑器，也正因为它具有高拓展性，它可以用来编写Python、C++、C#、GO、Dart等一系列语言。 你可以通过下面的插件将VS 2021-01-30 杂谈 VSCode
一次开发，多端覆盖的uni-app 1. 前言这篇文章的大体内容其实我在去年8月份就已经完成了，但是为啥一直没有发，因为那个时候我只是看了一遍官方文档，没有仔细去研究，直到最近使用uni-app重写我去年年初做的小程序，对uni-app有了一个大致的体验，所以就决定完善这一篇文章。 目前已知在电脑端打开该小程序，布局会出现错误。 该小程序可以扫描下面的二维码查看： 该小程序前端界面从重写到最后发布可能用了20小时，大多数时间都是 2021-01-26 web开发 uni-app
Dart快速入门到上手Flutter 1. Dart是什么？ Dart是一种适用于万维网的开放源代码编程语言，由Google主导开发，于2011年10月公开。它的开发团队由Google Chrome浏览器V8引擎团队的领导者拉尔斯·巴克主持，目标在于成为下一代结构化Web开发语言。 类似JavaScript，Dart也是一种面向对象语言，但是它采用基于类的编程。 众所周知，使用JavaScript编写项目，尤其是当项目过大并且几个人 2021-01-24 Flutter Dart
记一次小程序报错undefined is not an object (evaluating ‘document.getElementsByTagName‘) 我的小程序是使用uni-app进行开发，开发完毕后使用微信开发者工具进行调试发现没有问题，然后真机调试也没有问题，于是就打包送审。 但是却被通知审核失败。 小程序打开居然白屏了，我扫描了一下线上体验版的二维码，发现打开真的是白屏，并且打开控制台后报出下面的错误： 网上搜索了一圈，很多人说这是因为图标包iconfont.js文件引起的，但是我删除了该文件后，再次重新打包发现依然是白屏。 在我反复 2021-01-24 web开发 uni-app 小程序
GSAP动画插件-ScrollTrigger（一） 最近在做个人主页，因为我之前的工作一般是做后台管理界面，或者表单填写界面，没有制作过主页相关的项目，所以对动画的了解非常少，这次就想在自己的主页上面使用动画。 动画领域有一个比较知名的CSS库：Animate.css，它提供了60多种动画，满足一般网页的需求，比如淡入淡出、闪现等等一系列日常动画，不过虽然它能满足日常需求，但是一些复杂的场景就需要靠JS手动去操作，比如界面滚动到某个元素才开始播放动 2021-01-23 web开发 动画
一大堆搜刮来的前端面试题 最近又开始找工作之旅，通常说面试造火箭，入职拧螺丝，其实对于前端来说，并不是这样，前端当中大部分问到的题都是你工作中会遇到和使用到的，不过很多事情答不上的原因是可能有时候会用，但是没有去理解它的原理，也不排除面试官专门问那些自己可能都答不上来的题。 参照了很多文章，将自己平时没有注意的一些知识点记录下来，方便自己查阅的同时，也分享给大家。 注意：有一部分是我个人理解和观点，我会用【】将它标记出 2021-01-08 面试 web开发
程序员都应该了解的代码片段管理神器：gist 1. 前言在平时的学习或工作中，有没有那么一些代码让你觉得写的比较好，具有复用性，并且今后的项目可能会用到？ 肯定会有，如果没有，说明你代码写的太少了，不知道哪些代码是经常会用到的代码。 那么这些代码应该保存在哪里比较合适呢？ 起初我是保存在本地的markdown里面，但是我发现一个问题，因为一个程序员不可能老是在同一台电脑上面办公，可能会在公司、家里、甚至其它很多地方写代码，那么保存到本地的ma 2020-12-30 杂谈 Gist
WebStorm各种便利的功能-代码重构 1. 前言不知不觉都消失一个月了，这个月除了忙之外，发生了好多好多事情，首先是Vue3的使用，通过Vue3给公司做了一个小项目，关于各种表单的填写。 然后自行开始学习Golang。 后面又是Redis的学习，现在仅仅会用，没有深入去了解Redis的各种原理以及高端用法。 对于docker的进一步了解，之前只是了解到如何使用docker启动一个容器，后面我又了解到了Dockerfile，Docker 2020-12-29 杂谈 IDE工具