3.27
终于弄完了flex布局的blog,对于弹性盒子有了一定的认识。总结一下哈,所谓flex,顾名思义,弹性。即为弹性的布局。其诞生的原因应该是,人们对于复杂的css页面的构建需要。就好比,一个垂直居中,以前需要计算各种定位。如今只需要一个align-items:center即可。当然,flex远不止这些。它赋予了盒子更加灵活的属性。让布局变得更简单。更完美。
还有一点更重要的事,就是今天明明准备看角头2的。结果一不小心去爬了一下电影数据。。。二级页面的电影基本数据比较简单就爬取了。到电影播放资源的时候,就出现了小问题。html页面上有,但是资源文件上却没有那些标签。最后发现了,一个对象play_data。里面就有一个url的属性。不过,值是一堆乱码。百度了一下,才发现是base64加密的。开心,解密之后,还是乱码。不过比较熟悉,就是url上面的那种%。原来是urlcode加密。那简单了。再次解密。。当当当,终于获得了播放地址。不过还是有个小问题,就是,并不是那种视频格式地址,而是一个播放页面。也不知道h5的vedio解不解析的出来。。。
3.30
今天终于把月影需要的数据库给完成了。搞了5个小时吧,时间过的真的快。
首先说下这几天关于抓包的问题,
1,火车免费版不能导出为mysql,只能导出为Access,当时就纠结了,是下个Access数据库导出,然后再转化为mysql?还是导出txt,用代码去插入到数据库中。结果还是选择了后者
2.node.js连接数据库操作,还是比较顺利的。
3.node.js读取文件,又出现了选择。一个是用open()去打开文件,还有一个是用stream流读取。选择了后者。好像是因为stream流可以读取比较大的数据。
4.火车写入的txt,每一行的后面都带有‘\r\n’
5.stream流读取数据时,每一次读取是64kb大小,所以说要获得所有数据,得加上自加号
6.连接数据库时,有一个连接请求的限制。数据少还好,写入一千条的时候。数据库就会拒绝连接请求了。后来发现是,node.js中的query其中会有一个隐式的connect去链接数据库。自己在前面在写的话就会重复了。还有一种不是办法的办法,就是不去关闭连接。反正,我没试,这肯定是很危险的操作。
7.还有一点就是每一次的插入,第一条数据都失败了,也不知道为啥。。。
8.还有就是不要在高阶函数中去改变数组本身,会出现数据的跳动。以前就接触过,但是好像忘了为什么。
4.3
这几天一直在弄后端的东西,进展甚微。。。。原因可能是这样的,对于cs模型不熟,对于mvc的架构只知其表,对于express框架的不熟,导致出现了大量的问题。对于项目整体架构依然不明确。现在,有了一个明确的方向,采用完全的前后端分离。采用json-server提供数据。等等,也不一定会用这个。这几天多看看前后端分离的项目实例
记录一下,采用express挂载模板html,以及css,js。然后页面用ajax再去请求服务,相当于两次请求
4.5 19.18,终于弄好了列表页面,有一个比较已经解决的问题,mysql的异步都读写。现在表现出的问题
- 部分图片资源加载错误,(这个是因为对方服务器做了防盗的检测到不是同源请求就拒绝了。解决的就是,在HTML代码的head中添加一句<meta name="referrer" content="no-referrer" />即可,原理是省略referrer字段,这样对方就无法判断)
解决方案,图片资源写在内联里面,起先加载一张本地服务器上的图片(这个好像不行,我是用的子元素img来做的。待会再看) - 资源加载太慢了,这个好像不好解决,因为我是用别人的图片资源,不是本地的,暂时不太好解决(分页)
3.没有做本地缓存,每次打开都需要重新请求数据,延长加载时间(进行分页处理就好了)
4.电影信息界面的猜你喜欢部分暂时不知道怎么去处理(查询同类6个,暂时都是固定的,可继续优化)
5.电影信息部分,分数星星没完成(ok)
6 部分带电影简介无,可能需要设置一个框框去约束(完成)
7.手机显示,图片收缩,可把演员部分隐藏,或者将地区块消除(演员区块消除)
8 分页分页分页(每一次只取30个数据)
4.6
完成昨天留下的问题
- 分页(完成)
- 分类
把分类弄完了,基本上已经可以作为电影信息展示页面上线了。明天再去把视频解析的给嵌入进去,1.0版本就基本完成了。对于ajax和express有了更进一步的认识。分类那块并不是架构的问题,是技术不熟啊
5.3
五一放假的几天,写了个2048,还有点需要优化的地方
整个4月似乎没有3月更加用心去学习,对于原型,原型链学了大半个月才算是真正的理解。简历直接被拒,都有点迷茫了。