ZeFeng Blog

跟上潮流 不断学习

MUI使用教程

mui instructions

架构分析 技术栈架构图: 项目架构分为三个部分： 1)客户端：H5/IOS/Android/小程序 2)服务端：JAVA数据交互层 具体分析：     H5的技术栈有好几种，这里个人推荐使用VUE，因为后面的更新迭代，我们可能会使用MUI最新的一套uni-app，它是基于Vue的，为了之后修改少部分的代码就可以更新迭代。 之所以现在还不使用这套uni-app，因为它目前发布了小程序丶A...

Posted by ZeFeng on November 18, 2018

Vue响应式原理

vue responsive principle

前言 Vue最独特的，个人认为非侵入性的响应式系统莫属了。 数据模型仅仅是普通的 JavaScript 对象，修改它们时，视图会进行更新，这样就使得状态管理非常简单直接。 正文 追踪变化 当我们把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项的时候，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 gett...

Posted by ZeFeng on October 18, 2018

showdoc saying

showdoc instructions

背景   我们团队的API文档基本都是用txt或者world,有一些是通过当面沟通定下的，这种方式其实不太友好。最近我在开发数据中心的时候，这种感觉更加深刻。 一个项目下来，那些txt或者world就会被丢弃或者丢失，这可能会产生几个问题： 1、二次开发沟通成本大 2、文档不能留底，定位问题花费时间多 3、不利于团队协作   txt或者world不是一个很好的选择。我有一个感觉，我们团队走的...

Posted by ZeFeng on October 16, 2018

vue3 v-model

vue3 v-model

本文是 Vue 3.0 进阶系列 的第三篇文章，在看具体示例前，先来简单介绍一下双向绑定，它由两个单向绑定组成： 模型 —> 视图数据绑定； 视图 —> 模型事件绑定。 在 Vue 中 :value 实现了 模型到视图 的数据绑定，@event 实现了 视图到模型 的事件绑定： <input :value="search...

Posted by ZeFeng on October 14, 2018

Vue 3.0 指令源码解析

vue3 directive

在 Vue 的项目中，我们经常会遇到 v-if、v-show、v-for 或 v-model 这些内置指令，它们为我们提供了不同的功能。除了使用这些内置指令之外，Vue 也允许注册自定义指令。 接下来，使用 Vue 3 官方文档 自定义指令 章节中使用的示例，来一步步揭开自定义指令背后的秘密。 提示：在阅读本文前，建议您先阅读 Vue 3 官方文档 自定义指令 章节的内容。 一...

Posted by ZeFeng on October 14, 2018

webSocket实时通信

Websocket real-time communication

实时通信 实时通信的实现方式有很多种，比如：短轮询、长轮询、长连接，本质都是单向通信，客户端主动发起请求，服务端被动响应请求。而WebSocket则是全双工通讯了，也就是说无论是客户端还是服务端都能主动向对方发起响应，这样服务器具备推送能力。 前言 SockJS实现webSocket通信有很多例子，比如用jq实现的，也有用vue实现的。这里我们主要讲vue的例子。我们先用一个图简单...

Posted by ZeFeng on October 14, 2018

TypeScript React Webpack Combination

Use TS React Webpack together

前言 这篇文章我们主要讲解如何使用TS与已经使用React以及webpack的项目结合使用。 正文 初始化项目结构 首先我们新建一个名字为myTsProj的文件夹，命令如下： mkdir myTsProj cd myTsProj 接下来创建src文件夹，用来放TS文件。然后在src文件夹里面创建components文件夹，用来放我们自己自定义的组件。 mkdir src cd sr...

Posted by ZeFeng on October 9, 2018

TypeScript（ 入门 ）

TypeScript is a superset of JavaScript

推荐一个微信公众号，分享前端干货的公众号。 微信搜索：前端大神之路 前言 TypeScript是由微软开发的自由和开源的编程语言。TypeScript是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 正文 快速入门TS 说明： TS使用方式有两种，一种是从头搭建项目的时候使用TS，另外一种是在已有的项目使用TS。对TS使用不是很熟悉的同学...

Posted by ZeFeng on October 8, 2018

省市区选择控件(wx)

province city district selection control

前言 现在省市区选择控件，我们可以搜索到就有很多参考了。我之所以写这篇主要是因为想要写一个更加灵活，体验更加好的。（特别是微信端的） 先来看下我们这个控件展示效果 下面开始讲我们这个控件里面的逻辑 正文 我们这个控件是使用VUE来开发的，代码主要包括html、css、js这三块。下面开始讲代码以及逻辑： html代码 <section class="myAddress">...

Posted by ZeFeng on September 26, 2018

browser-sync使用教程

browser-sync instructions

前言 为什么要使用Browsersync呢，因为Browsersync有以下的特点： 1、Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。 2、Browsersync可以同时在PC、平板、手机等设备下进项调试。 3、pc、ipad、iphone、android等设备可以同时打开你需要调试的页面， 4、使用browser...

Posted by ZeFeng on September 16, 2018

FEATURED TAGS
缓存 算法 VUE管理后台 同步测试工具 JS VUE TypeScript React Webpack webSocket VUE3 源码 showdoc teamwork VUE响应式原理 MUI 日常关注前端工具 uni-app git搭建及使用 我的职业生涯 阿里巴巴开源项目 gridsome awesome-wechat 自我介绍 个人的一些改变 easyMock 聪明提问的方式 map源码解析 性能优化 mac软件 大前端时代 函数工具
ABOUT ME

欢迎关注《前端早茶》微信公众号，IT行业核心竞争力就是不断学习

FRIENDS