Decorative image frame

Wangx's blog

Whatever is worth doing is worth doing well.

Wangx's blog

css世界读书笔记

  一直以来都觉得前端CSS可能是最难学的,emm..最难学好学精的。直到现在写CSS,有时候遇到一些小问题都不知道怎么回事,甚至有时候还会写一些无用的的属性,是在我用了语法检测才发现以前写的部分CSS其实是不正确的。有时候不明白一些属性的原理,你加很多CSS是完全不会生效的。
阅读更多...

基于vue-cli3.x和typescript构建前端项目结构设计

  之前在vue-cli3正式版还没有发布的时候就已经在安利下尝过鲜了,但之前对于vue-cli的设计和typescript等知识了解不多,项目结构设计的不太好。借着做另外一个项目的机会学习了vue-cli3的相关知识,根据自己的理解设计了一个前端项目结构。

  项目的技术选型用vue+typescript,脚手架使用vue-cli3,UI框架主要在ElementUI和iView之间选择。因为项目是PC中后台类型的,作为对比的就是活跃度、组件库这些,确实ElementUI是饿了么团队做的,然后活跃star这些iView也不少,明显的bug的话ELementUI比iView要多很多,也可能是使用iView的人少一点。但是iView的组件库要优于饿了么,iView是基于ant-design,个人觉得iView的UI优于饿了么。所以最后选择了iView作为UI框架,iView是基于less开发的,所以我也选用了less。这就是大概的技术选型。包管理工具这些根据个人喜好选择,我用的是yarn。
阅读更多...

原生javascript实现canvas图形验证码

  感觉自己最近好像很少拿原生js写东西了,自己的js水平也还有待提高。上周做原型设计的时候设计了一个图形验证码,感觉这么小一个东西也没必要去找个库,就打算自己造个小轮子来用了。

  图形验证码的作用是一种人机识别的手段,目的是为了区分正常人和机器人,所以没必要设计的太麻烦(12306之前的验证码简直!!),所以就采用数字+大小写字母共4个字符进行验证,用canvas进行绘制,如果只是简单这样也太简单了,像接触到的其他网站使用的验证码还有背景色和干扰的线条,基本上这就是实现的思路了。
阅读更多...

使用charles进行APP抓包简单教程

前言

  本来想趁国庆写个小工具来自动预约单车,手动确实太麻烦了,时间掌握不好,车就被别人骑走了。做这个小工具最重要的步骤就是抓到摩拜和哈罗的api,选择了charles这款抓包工具,是挺好用的,不够也需要付费。

  之前定好的计划一点点被打乱,高速一日游这种就不说了t.t,结果用charles抓包才发现好像别人也不傻,api都是加密的,导致小工具就暂时搁置了。那么就先来记录下如何使用charles抓取app的api吧。
阅读更多...

Git权威指南读书笔记

  对于git的接触我也算较晚的,应该是到了大二会有一些团队项目,才开始使用git。也仅仅局限于简单的了解,对于很多原理都不了解,出了问题,就只有找百度。在实验室老师也只推崇svn,当时也是一个接近10人的团队提交代码。大家也都是用的GUI,记得当时三天两头就会出问题。后来因为要找实习就转到git上来了,而且大部分开源项目都发布在github等社区。后来在工作中又出过事故,觉得还是得好好了解下git。在推荐下看了git权威指南这本书。
阅读更多...