书写一个从0开始开发的网站

前言:

这个网站的进度已经完成了3/4,完成了数据采集,静态页面书写,前后端一半接口联调,由于最近在准备面试,时间有限,暂时搁置了,源码放到了github上,有兴趣可以去了解一下.这文章仅仅是为了记录这段时间的业余忙绿.

以下是在写这个项目时候的一些思考,当然遇到的问题远不止这些,因为这是自己的独立项目,兼当了产品,交互,设计,前端,后端,运维等角色,可以说是对自己全方面的锻炼.

另外微信小程序版本已经上线了:

欢迎浏览

  1. 确定基础框架

项目最终要以 搜索来源为主要来源设计基础框架,所以使用前端渲染的方式就不适合此项目,由于自己是前端开发人员,对于php,java不是很熟悉,所以就得找其它方式,目前比较好的方式是next.js与nuxt.js两者差不多,由于自己对于react比较熟悉,便采用了next.js.  后面在使用这个框架的时候,发现知乎也是用这个框架的,知乎的百度收录非常良好,这个对于后面网站被百度大量收录也有一定的保障..

2.确定前端主色调,前端UI参考

由于自己也非专业出身,这一块并没有那么专业,,所以只能随便找一个网站模仿一下即可,我自己看的网站是https://www.quanjing.com/   这个有做适配,由于前端只有展示,没有过多的复杂逻辑,所以适配h5也是需要的,色调便参考这个网站.搜索功能也是参考这个网站,而下面的内容则是

3.爬取更多gif数据

在爬取一个网站上的数据的时间,发现上面的gif图片大小太大了,2m左右的大小实在不能接受,于是就在爬取该网站的时候做了压缩图片,没想到这里遇上了一个难题,一般的图片像jpg,png,jpeg都是不会动的图片,但是git是由很多帧组成的图片,要实现压缩得麻烦很多,最开始的时候使用降色以减少图片的大小,但是这种效果并不好..

4.给网站添加token检验

为了防止自己的网站被攻击,得加一个token检验才行..token检验用户某个时间段内的访问量,如果是超过一定数据,就把这个用户给禁了,防止其它用户无法正常访问.

碰到的问题

关于压缩图片

使用的是目前比较专业的图片处理库—graphicsMagick,ImageMagick,ghostscript 这些安装后方可在代码中实现压缩gif,之前也试了很多的其它库 像images,compress-image 都不能实现压缩gif.  安装了上面说的三个库后,还需要另外写一些逻辑来实现压缩gif,也是参考了其它大佬的说明,明白了要压缩gif图片,要从图片颜色质量,gif图片帧数,裁剪图片大小等方面去实现

ENOENT 翻译了一下并没有这个单词,那肯定就是缩写了,于是就百度了一下,Error No Entry 的缩写, 意思是:没有这样的目录条目….

关于安装gifsicle碰到的问题.

这个包在安装编译的时候每次都会报错,导致后面在使用的时候会报ENOENT的错误,具体”errno”:”ENOENT”,”code”:”ENOENT”,”syscall”:”spawn /*/node_modules/gifsicle/vendor/gifsicle”,”path”:”/*/node_modules/gifsicle/vendor/gifsicle”   每次安装都无法编译成功,导致这个node_modules下面没有vendor文件夹,编译成功后会有一个脚本工具,但是如果按照npm install的方式是没的,只好跑去github上搜索答案了,最后在官网的github仓库找到了编译后的文件,复制进去后便可以了,这也是一个小坑.

5.网站框架初具雏形

由于自己担任了各种职务,所以有时候得边写代码边参考,前期网站可能并不好看,只能先把大体的框架写好先,把内容填充上去,后面再一步一步做好页面

 

 

Author: kaykie

发表评论

邮箱地址不会被公开。