vuejs

VueJS项目实践总结

说起来,从最初用客户端vue.js,到后面用vue-cli使用的Vue1 + webpack模版,再到后面使用Vue2+webpack,用这个框架做SPA应用也有一年半的时间了。做一些总结吧,想到哪里写哪里(针对Vue2 + webpack)。

一、页面按需加载

这主要是为了加快首屏加载速度。这样做的好处是第一屏所需加载的文件大小变小了,代价是如果用户会走完整个SPA的话,实际的总代码下载量是变多了的。按需加载页面主要就是修改/src/router/index.js文件,示例代码如下:

wechat

微信内H5调起支付

这里说点前端碰到的问题,就是支付时微信提示【当前页面的URL未注册:http://www.example.com/a/b/c/d/index.html#/home/index】,然而在微信公众号平台上配置的支付目录已经是【http://www.example.com/a/b/c/d/】(末尾有个斜杠),并无错误。联想到以前在公司项目里写过类似的代码但是没有问题,但是那个项目是在微信菜单上的地址是那种微信跳转地址,而且自己另外试了下发现只要我的项目地址index.html后面加上一些随便什么都行的查询参数就可以支付了,于是让修改微信菜单地址为index.html后面加上一些随意的查询参数(不走微信跳转,每次都走影响访问速度,只在本地没有用户openid时由js发起页面跳转,跳到微信跳转地址上以便获得code进而查询openid)。

smile

最近接了两个私活

接的第二个私活,费用一万,是目前接过的最高额度了。是一个购物商城的项目,包括一个微信微商城和一个后台管理系统,似乎是一个前端两个后端一起开发的(我不涉及后台管理系统,我只涉及微信微商城的前端部分)。这个项目我做的这块比较中规中矩,就是在项目开发过程中有两个比较实用的认识要分享一下。其一是安全意识,这个项目传给后端的参数都是会进行加密后再进行请求的。其二是javascript在小数加减乘除时可能丢失精度的问题,这点网上有很多代码,就不贴了,主要的思路就是先转换成整数进行运算,再对运算结果按照精度要求进行处理。

girl

Phrases Learnt in Middle School

by way of:经过;通过……的方法;
in no way:决不;
in the/sb.’s way:挡(某人)道;
make one’s way:去、行进;
make way:让路;
out of the way:被处理好;偏远的;
under way:在进行中;
work at/on:从事于、致力于;
work out:算出;理解;解决;
tire out:使疲劳不堪;
The tragedy of life is not so much what men suffer, but what they miss. 生活的悲剧不在于人们受到多少苦,而在于人们错过了什么。

girl

Words Learnt in Middle School

upon、upstairs、upward、us、use、used、useful、useless、user、usual、usually、valley、valuable、vegetable、verb、very、victory、view、village、visit、visitor、voice、volleyball、wait、waiter;
wake、walk、wall、war、warm、warn、wash、waste、watch、wave、way、we、weak、weakness、wear、weather、wedding、Wednesday、week、weekday、weekend、weigh、weight、welcome、west;
western、wet、what、whatever、wheat、wheel、when、whenever、where、wherever、whether、which、while、white、who、whole、whom、whose、why、wide、wife、wild、will、willing、win;
window、wine、wing、winter、wipe、wire、wise、wish、with、within、without、woman、wonder、wonderful、wood、wooden、word、work、worker、worry、worse、worst、worth、write、wrong;
yard、year、yellow、yes、yesterday、yet、you、young、your、yours、yourself、zero、zoo。