GSAP动画插件-Flip Plugin（一） 本篇文章是GSAP系列的一篇文章，关于web动画，目前我已经发布了以下文章： web动画篇： 用CSS做出漂亮的字体动画 HTML动画的那些事-车轮旋转篇 GSAP篇： GSAP（GreenSock）：最健全的web动画库之一 GSAP动画插件-ScrollTrigger（一） 其中web动画也可能会用到一定的GSAP动画库的知识。 GSAP是一个非常优秀的动画库，但是不知道为什么 2021-02-03 web开发 动画
一个完全不懂的编程的新人如何入门前端 1. 前言我之前是一个完全没有接触过前端技术的人，身边也没有特别熟悉的人在做这一行，所以我在学习前端的路上走了非常多的弯路，本篇文章就进行总结一下一个完全不懂编程的新人如何入门前端，希望能够给那些想要入门前端行业的人一定的指引，不像我一样再走很多弯路。 前端：一般指小前端，即开发web相关东西：网页，微信小程序。 大前端：即开发包括小前端的一切东西+APP+其它展示相关的东西。 本篇文章会从小 2021-02-01 web开发 前端开发
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开发