VUE May 09, 2020

吃透Vue项目开发实践(中)

Words count 32k Reading time 29 mins.

原文地址

本节内容主要围绕下列问题展开:

  • 如何编写原生组件,以及组件编写的思考与原则?
  • 组件怎么通信?有哪些方式?
  • 如何使用vuex 以及它的应用场景和原理
  • 如何使用过滤器,编写自己的过滤器
  • ...
Read article

VUE May 09, 2020

吃透Vue项目开发实践(中)

Words count 32k Reading time 29 mins.

原文地址

本节内容主要围绕下列问题展开:

  • 如何编写原生组件,以及组件编写的思考与原则?
  • 组件怎么通信?有哪些方式?
  • 如何使用vuex 以及它的应用场景和原理
  • 如何使用过滤器,编写自己的过滤器
  • 如何使用 Jest 测试你的代码?TDD 与 BDD 的比较

组件编写原理

vue 编写组件有两种方式,一种是单文件组件,另外一种函数组件。根据组件引入和创建还可以分为动态组件和异步组件。

动态组件keep-alive使之缓存。异步组件原理和异步路由一样,使用import()实现异步加载也就是按需加...

Read article

VUE May 06, 2020

吃透Vue项目开发实践(上)

Words count 39k Reading time 35 mins.

原文地址

我将从 16 个方面来论述 vue 开发过程中的一些技巧和原理。当然由于篇幅有限,先论述前 8 个问题,下节将完成全系列内容。

本篇文章将围绕下列问题进行论述:

  • 如何规范你的 git 提交,并自动生成并提交日志?
  • 如何配置和使用 Sass 和 PUG 提升你的编码效率?
  • 如何处理你的代码风格问题,以及如何使用 perttier 与 eslint 解决效率风格两难问题?
  • 如何管理页面的路由,如何编写异步路由?
  • 如何编写组件,引入组件库?
  • 如何管理你的资源,如何引入图标,样式?
  • 如...
Read article

HTML5 May 05, 2020

12个前端必会 H5 问题及解决方法

Words count 23k Reading time 21 mins.

原文地址

  • 1px 问题
  • 响应式布局
  • iOS 滑动不流畅
  • iOS 上拉边界下拉出现白色空白
  • 页面件放大或缩小不确定性行为
  • click 点击穿透与延迟
  • 软键盘弹出将页面顶起来、收起未回落问题
  • iPhone X 底部栏适配问题
  • 保存页面为图片和二维码问题和解决方案
  • 微信公众号 H5 分享问题
  • H5 调用 SDK 相关问题及解决方案
  • H5 调试相关方案与策略

1px问题
响应式布局

表现

上下滑动页面会产生卡顿,手指离开页面,页面立即停止运动。整体表现就是滑动不流畅,没有滑动惯性。

产生原因

为什么 iOS...

Read article

HTTP April 28, 2020

websocket断开原因分析

Words count 4.2k Reading time 4 mins.

原文地址

WebSocket断开的原因有很多,最好在WebSocket断开时,将错误打印出来。

ws.onclose = function (e) {
  console.log('websocket 断开: ' + e.code + ' ' + e.reason + ' ' + e.wasClean)
  console.log(e)
}

如果你想自己玩玩WebSocket, 但是你又不想自己部署一个WebSocket服务器,你可...

Read article

REACT/VUE April 25, 2020

'基于react搭建一个通用的表单管理配置平台(vue同)'

Words count 15k Reading time 13 mins.

原文地址

最近在做B端的产品,借助该博主的文章学习下通用表单,以下为博文信息

这篇文章是一篇应用性极强的文章,我们通过一个实际的应用场景,去解决某一类的问题,提供一种或者几种解决方案,来探索技术的魅力。接下来笔者主要分析表单定制平台的实现思路和技术方案,来实现一个类似于金数据或者问卷星一样的表单配置平台,大家也可以基于此方案,扩展出功能更加强大的可视化平台。

为什么要做一个这样的平台呢?一方面是因为笔者多年来一直服务于B端产品,对于动态表单以及配置化表单有一定的项目积累,并且深知配置化表单的价值...

Read article
Load more
0%