- 通过login获得的code从后台换取的userid,需要存到Storage里吗?
前端拿code调接口返回userid然后使用,之前一直是这样的,后端的leader突然说这一步前端应该把userid缓存起来,下次有缓存就不用走登录了,pc端确实是这么做的,小程序该不该这么做,我总觉得这么做有点不好但又说不出哪里不好。有没有大神,大家讨论讨论。
2020-01-10 - 微信小程序开发-76种动画 animate.css
1、微信小程序动画有自己的方法:官方链接 但需要自己去写动画效果,比较麻烦。 2、本文介绍的是把animate.css这个非常棒的css库引入到小程序内使用。 animate.css包含76种动画,使用非常简单。animate.css官网 : https://daneden.github.io/animate.css/ 3、由于小程序对代码大小限制比较大,所以删除了animate.css中 所有@-webkit-部分css,减少了一半体积 再把文件后缀名改为wxss,以后出来的百度小程序、支付宝小程序、今日头条小程序估计修改对应的后缀名就可以直接使用了。 下载地址:http://nodejs999.com/animate.wxss 4、放到小程序代码中,然后@import到app.wxss文件中。 我项目是把animate.wxss文件放在utils文件夹下。 所以在app.wxss中加入 @import './utils/animate.wxss'; 即可。 就可以像animate.css一样使用了。
2018-11-01 - Vue PC端框架
1. Element Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 中文文档 | github地址 [图片] 2. iView 一套基于 Vue.js 的高质量UI 组件库 中文文档 | github地址 [图片] 3. vue-element-admin vue-element-admin是基于 Vue2.0,配合使用 Element UI 组件库的一个前端管理后台集成解决方案。它使用了最新的前端技术栈,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。 中文文档 | github地址 [图片] 4. Vue Material 通过Vue Material和Vue 2.0建立精美的app应用 中文文档 | github地址 [图片] 5. VueStrap 基于 Vue.js 构建的 Bootstrap 组件。该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件,唯一需要依赖的是: Vue.js (要求版本为 ^0.12,基于 0.12.10 版本做的测试) Bootstrap CSS (需要版本为 3.x.x, 基于 3.3.5 版本做的测试)。 VueStrap 不依赖某个非常精确的 Bootstrap 版本。 在线文档 | github地址 [图片] 6. Keen UI 由Vue编写的基本UI组件的轻量级集合,并受Material Design的启发。 在线文档 | github地址 [图片] 7. Radon UI 一个帮助你快速开发产品的Vue组件库,简洁好用,效率高,让你摆脱各种定制化的烦恼。 中文文档 | github地址 [图片] 8. N3-components N3组件库是基于Vue.js构建的,让前端工程师和全栈工程师能快速构建页面和应用。致力于构建良好的Vue开发者生态圈,提供良好的开发体验。 在线文档 | github地址 [图片] 9. Muse-UI 基于 Vue 2.0 优雅的 Material Design UI 组件库 中文文档 | github地址 [图片] 10. Vue Antd 这里是 Ant Design 的 Vue 实现,开发和服务于企业级后台产品。 中文文档 | github地址 [图片] 11. Vuetify Vuetify是一个渐进式的框架,试图推动前端开发发展到一个新的水平。Vuetify 支持SSR(服务端渲染),SPA(单页应用程序),PWA(渐进式Web应用程序)和标准HTML页面。 中文文档 | github地址 [图片] 12. Buefy Buefy 基于 Bulma 和 Vue.js 的轻量级UI组件,它提供了即装即用的轻量级组件。 在线文档 | github地址 [图片] 13. Vue Beauty 基于 ant design 的漂亮的 vue 组件库;vue-beauty 是一套基于 vue.js 和 ant-design样式 的PC端 UI 组件库,旨在帮助开发者提升产品体验和开发效率、降低维护成本。 在线文档 | github地址 [图片] 14. AT UI AT UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品。AT-UI提供了一套 npm + webpack + babel 前端开发工作流程。小编非常喜欢的UI风格。 中文文档 | github地址 [图片] 15. Vue-Blu Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。 中文文档 | github地址 [图片] 16. D2Admin D2Admin是一个完全 开源免费 的企业中后台产品前端集成方案,使用最新的前端技术栈,已经做好大部分项目前期准备工作,并且带有大量示例代码,助力管理系统敏捷开发。特别感谢 tanyf 的贡献。 中文文档 | github地址 | 预览地址 [图片] 17. Best Resume Ever Best Resume Ever 是一个帮助你快速生成漂亮简历的工具,它基于 Vue 和 LESS,生成的简历可导出为 PDF 格式。 中文文档 | github地址 | 预览地址 [图片] 18. Quasar Quasar(发音为/kweɪ.zɑɹ/)是MIT许可的开源框架(基于Vue),允许开发人员编写一次代码,然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron App。使用最先进的CLI设计应用程序,并提供精心编写,速度非常快的Quasar Web组件。 中文文档 | github地址 [图片] 19. Vue Baidu Map Vue Baidu Map是基于Vue 2.x的百度地图组件。 中文文档 | github地址 | 在线预览 [图片] 20. vue-admin-beautiful vue-admin-beautiful是github开源admin中最优秀的集成框架之一,它是国内首个基于vue3.0的开源admin项目,同时支持电脑,手机,平板,默认分支使用vue3.x+antdv开发,master分支使用的是vue2.x+element开发。开箱即用,非常方便。 github地址 | 在线预览 [图片] 相关文章 Vue 移动端框架 别走,还有后续呐······ 如果小伙伴们有比较好的PC端框架,欢迎在评论区留言砸场,我会持续更新在简书上,谢谢你的贡献。
2020-10-18 - 微信打开网页键盘弹起后页面上滑,导致弹框里的按钮响应区域错位
- 当前 Bug 的表现(可附上截图) 微信打开网页; 微信IOS 6.7.4 键盘弹起页面上滑,键盘收起页面不会回到原位置,导致弹框(css设置position为fixed会有问题,absolute不会有问题)后按钮响应区域错位。[图片] (如图:键盘收起,页面没有回到原来的位置) - 预期表现 点击区域正常响应 - 复现路径 1、打开网页:https://img.zai-art.com/web/app/demo/weixin.html 2、输入框光标聚焦,键盘弹出 3、收起键盘,点击 “弹框” 按钮 4、点击弹框中的 “点我” 按钮 (正常响应弹框会消失) - 提供一个最简复现 Demo 源代码 https://haodaking.github.io/demos/wechat/weixin.html 预览 https://img.zai-art.com/web/app/demo/weixin.html
2018-11-21