屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。 单屏适配有 contain、cover 或 fill，多屏常见是 依宽 。 contain 和 cover 还需要 定位 来处理留白和超出的内容。 而同一个 H5 里不同内容往往用不同适配方式，即 分层。 对于屏幕适配这类…

2020就做了 H5 开发，完成之后想做一个总结，可是一直处理的比较随意，就是草草了事，按理说这完全违背了开发者应有的精神。往日不可追，把握当下，做好现在需要做的事情吧！下面总结自己的开发过程中遇到的问题，如有错误望指正。 按照官方的文档一步一步做即可。https://deve…

来自我司业务方要求，需开发一款APP。但由于时间限制，只能采取套壳app方式，即原生app内嵌webview展示前端页面。本文主要记述JavaScript与原生app间通信，以及内嵌webview开发时，前端方面可能踩的一些坑。 android 传送门 和ios 传送门，因为两…

在平时开发过程中，由于都是自己捣鼓玩的项目，并没有UI设计给我的设计图，更没有什么特效要求，导致对css动画一直都不是很熟悉，但是作为即将进入实习单位的萌新程序员，要时刻准备着设计师要求的各种动画，于是有了这一篇文章。 什么叫过渡？字面意思上来讲，就是元素从这个属性(color…

本系列文章主要根据《JavaScript设计模式与开发实践》整理而来，其中会加入了一些自己的思考。希望对大家有所帮助。 策略模式的定义是:定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。 策略模式指的是定义一系列的算法，把它们一个个封装起来。将不变的部分和变化的…

而TypeScript是强类型, 它提供了一套静态检测机制,如何我们编码事中途变换变量的类型，ts就会在报错，帮助我们在编码时发现错误。 void与any正好相反, 表示没有任何类型, 一般用于函数返回值。在TS中只有null和undefined可以赋值给void类型 表示的是…

在接触 ts 相关代码的过程中，总能看到 interface 和 type 的身影。写代码感觉谁像是一堆亲兄弟，相同的功能用哪一个都可以实现。但最近总看到他们，就想深入的了解一下他们。 TypeScript 的核心原则之一是对值所具有的结构进行类型检查。 而接口的作用就是为这些…

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

这个时候我们就可以把所有的页面都放在路由表里，只要在访问的时候判断一下角色权限。如果有权限就让访问，没有权限的话就拒绝访问，跳转到404页面 vue-router在构建路由时提供了元信息meta配置接口，我们可以在元信息中添加路由对应的权限，然后在路由守卫中检查相关权限，控制其…