前端最常用的打包工具webpack(一)-初识篇 这是重新学习webpack的第一篇文章,之前我也写过一篇关于webpack的文章:目前最流行的前端打包工具-webpack。 问题是过去快半年了,我已经将webpack忘得差不多,回头一看那篇文章完全是一头雾水,也没有办法,那个时候我才刚刚开始写前端方面的博客,对于知识梳理、文字表达都有一些欠缺,啪啪啪一下扔出来几千字,全是重点,没有任何过渡性的语言,看个一会就没什么兴趣。 综上所述,本次决定给w 2021-02-05 webpack 打包工具
GSAP动画插件-TextPlugin 本篇文章是GSAP系列的一篇文章,关于web动画,目前我已经发布了以下文章: web动画篇: 用CSS做出漂亮的字体动画 HTML动画的那些事-车轮旋转篇 GSAP篇: GSAP(GreenSock):最健全的web动画库之一 GSAP动画插件-ScrollTrigger(一) GSAP动画插件-Flip Plugin(一) 其中web动画也可能会用到一定的GSAP动画库的知识。 2021-02-03 web开发 动画
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 小程序