接口设计:从前端开发的角度谈一谈接口规范

从前端的角度,以一个接口消费者的身份来谈一谈如何设计一套比较合理的接口,本文主要分为两部分:“接口的基本数据格式”和“接口的业务数据格式”。本文的目的是想减少前后端对接过程中产生的沟通问题,还有优化一些可以避免的错误,甚至于你可以不提供接口文档,前端也能快速上手你的接口。

把node脚本打包成exe文件 在无node环境的机器上运行

有时候做的一些活动页面,会涉及到数据存储,虽然有一套公共业务接口,具备对应的数据导出,但是活动这种东西,一向没有那么中规中矩,总会有那么几次无法用公共接口来满足,遇到一些需要定制的情况,在赶工期的时候就只能是先满足数据录入需要部分,保证顺利上线,至于数据的导出,那往往是不在考虑范围的。

网站改版迁移经验记录(二):基于node的爬虫编写

以往的网站迁移服务器,数据方面的东西都是由服务端直接处理,不过这一次的需求比较特殊,就比如门户首页本来抓的是门户的资讯,但改版后是抓微博的动态,原来的资讯基本舍弃,只保留一部分专题和文章页,类似酱紫的一个改版迁移emmm,所以经过商讨,需要由前端来将需要保存的旧页面从客户端保存,再发布上传到新服务器上。

网站改版迁移经验记录(一):基于webpack的预渲染配置

mark

项目代码风格统一神器 editorconfig的作用与配置说明

团队协作,或者有时候你从GitHub或者其他地方拷贝人家的组件插件下来,想修改,发现代码风格不一致,比如自己习惯2个空格的缩进,但别人是4个空格,或者直接用tab,这就emmm了不是…

基于Vue-CLI 3.0配置webpack的跨域限制代理功能devServer.proxy

接口跨域一直是个头疼的问题,之前的业务页面都基于一套限制比较少的接口在交互,所以大部分还是写完静态页面然后替换数据部分,直接打包到测试环境即可,所以一直不太在意本地调试的问题。

基于Vue-CLI 3.0的骨架屏实现方案

大型Project的首次载入速度一般会比较慢,虽然Vue可以配置路由懒加载,但有时候打包出来的chunk还是会比较大,这个时候可以结合骨架屏来提高用户等待加载时的体验。

原生JS实现带动画的返回顶部按钮

添加的第一个参数destination,终点位置,含义是指终点坐标与窗口顶部的Y轴距离,非必须,默认为0,也就是直接返回到窗口顶部。通过window.scrollY > destination的条件判断,如果当前窗口滚动距离比预设的终点距离大,就执行滚动,否则就结束,到达目的地。

针对document.write渲染的优化方案(适用webpack按需加载)

write方法去渲染html,更多情况是适合手写页面的年代,现在前端开发都是通过node+webpack工程化打包,那么遇到必须write又不想write的情况应该怎么办?最近刚好对手里的一个项目做了渲染优化,在这里顺便做个总结,讲一下对`document.write`渲染html的一个优化思路,可以结合到MVVM框架(如Vue.js)里去使用。

Vue-CLI脚手架3.0升级小结(含Win版Node升级与PowerShell踩坑记录)

Vue脚手架3.0出来也蛮久了,秉着前人先踩坑的习惯,最近才开始升级。整个过程还是蛮顺利的,不过也有一些小小的问题,简单记录起来。