前端学习

小组中其他的同学可能想要学习前端,在此对一些学习资源做个简单的整理


进击的学霸前端大约 1 分钟
前后端联调

当前端项目开发阶段遇到要和后端联调的情况该怎么操作呢,由于是前后端分离开发的,一般情况下,前端和后端的项目不是起在同一 IP 下的,这就涉及到浏览器的通源策略的限制会造成跨域而无法访问到;后端提供给我们的接口路径,我们该如何使用来获取我们需要的数据呢,不要慌,接下来就进行介绍


进击的学霸前端大约 4 分钟
列表 Mixin

后台项目做多了就会发现,在一个成熟的后台项目中,列表页面的结构以及逻辑都是相对固定的,怎样才能把重复的这部分提取出来呢


进击的学霸大约 5 分钟
Element UI 表单的校验

Element UI 是很好用的 UI 框架,其中的表单是我们在做后台项目时经常用到的,它集成的校验功能用起来方便快捷,但是有很多场景,当我们需要用到校验的时候却发现它的文档上并没有很详实的介绍


进击的学霸ElementUI大约 4 分钟
Vue利用i18n实现多语言

很多同学在做项目的时候都遇到过多语言的需求,或者说已经实践过了,这篇文章主要讲的是通过 vue-i18n 来进行 Vue 项目的多语言配置,它的功能十分丰富,在我目前为止的项目开发中都是可以满足需求的使用的,文档地址 ,文档对于一些基础的使用方法都做了详细的介绍


进击的学霸大约 3 分钟
微信 JSAPI 支付

后台服务是 Java,前端 Vue 在做之前先把官方文档过一遍 ,把需要配置的都配置好


进击的学霸微信网页开发大约 2 分钟
工具软件介绍(v2rayN、v2rayX、v2rayNG)

工具软件介绍(v2rayN、v2rayX、v2rayNG)

本文主要介绍三个工具软件,其实做的都是一样的事情,只是适用不同平台,Windows 平台的 v2rayN ,macOS 平台的 v2rayX 和 Android 平台的 v2rayNG 。iOS 平台是使用 shadowsocketR ,这个软件也不难,但是获取比较麻烦。


进击的学霸大约 2 分钟
微信小程序生成图片和保存图片

生成图片这个功能需要使用 Canvas ,先将要保存的图片使用 Canvas 画出来,然后调用相关方法保存到手机上。文中使用或是未使用的有关小程序中 Canvas 的 api 可以在 小程序Canvas相关Api 这里查看。

为了使用方便,我将这个需求的实现做成了一个组件,便于项目的其他地方复用,也遇到了一些因为使用自定义组件带来的问题


进击的学霸微信小程序大约 4 分钟
小程序开发笔记

自带组件 swiper 样式修改

轮播图的点的样式相关类名如下所示,稍作修改便可实现一些设计上的简单的效果了

wx-swiper-dots wx-swiper-dots-horizontal wx-swiper-dot wx-swiper-dot-active

引入 iconfont

小程序的wxss文件font-face的url不接受http地址作为参数,可以接受base64,因此可以先将字体文件下载后,转换为base64,然后引用。字体转换网站


进击的学霸微信小程序大约 2 分钟