保存成功
订阅成功
保存失败,请重试
提交成功
苏哲

苏哲

H5开发工程师
多年前端开发经验,负责过公司前端业务流程化独立构建,丰富的小程序开发经验,喜欢前端生态圈的技术钻研。...更多
创作文章7

通过手动实现来透彻理解 Redux 设计思想

Redux 是一个状态管理器,属于前端的一种“新型架构模式”(Flux 的变身),我们一提到 Redux 就会联想到 React,其实 Redux 是可以单独使用,并不是 React 的产物,React-redux 只是把 Redux 这种模式和 React 结合起来。 我们在使用 Redux 处理数据的时候感觉很方便,但是其内部原理对我们来说就像一个象牙塔,有关 Redux 源码分析的文章一大堆,但是都是解说形式的比较多,很多看完都是懵懵懂懂,本次将不会去分析源码,而是一步一步的通过自己的代码来手动实现这个库,达到可使用的级别。 主要内容分为五个部分: 1. Redux 的作用 2. 实现一个简易的 Redux 3. 中间件介绍 4. js 函数柯里化 5. Redux 集成中间件 通过本次 Chat 我们将了解学习 Redux 的实现以及这种库的设计思想,这样对我们以后处理问题的时候就可以起到一定的启发作用,从而更好的提升自己的代码能力。
严选Redux
191 订阅

谷歌地图实现车辆位置实时跟踪

谷歌地图没有直接给路书的功能,在这里模拟一个,车辆上会随时传一个坐标值,通过后端的桥接,即时反馈给前端这些数据,得到坐标点,就可以进行地图打点,实现一种类似导航的效果,来展示位置所在。 本 Chat 内容有: 1. 实时位置展示; 2. 路线回放功能; 3. 路线记录功能。 通过本次 Chat 可以更好的借助谷歌地图的一些 API 来更好的拓展好玩的一些功能。
严选实时跟踪谷歌地图
237 订阅

Canvas 实现一款图表插件

本次分享主要介绍使用 Canvas 来实现一个图表插件,我们经常用到的 Echarts 或者 Highcharts 图表插件功能十分强大,各种需求使用的图表基本都能实现,这次我们将自己动手分析 Canvas 的强大绘图功能。 本场 Chat 主要内容: 1. Canvas 介绍; 2. 实现基本的一个圆环进度比绘制; 3. JS 如何封装插件介绍; 4. 封装一个图表插件(类似 Echarts),包含折线图、柱状图、扇形图、圆环图、雷达图。 通过本次 Canvas 的学习,可以了解到 Canvas 的基本应用,JS 插件的封装步骤。
Canvas
115 订阅

微信小程序开发实战

在追求应用的轻快、便捷的今天,小程序可谓是独占鳌头,随用随走的核心理念,它已深受广大群众的喜爱。它所涵盖的功能已经可以完全满足我们的日常开发,今天将从0到1介绍小程序,让更多喜爱小程序的读者能够很快的学会如何去开发。 本场 Chat 主要内容: 1. 小程序生命周期介绍; 2. 小程序组件使用; 3. 小程序 API 调用; 4. 小程序父子组件通信; 5. 小程序插件开发封装; 6. 小程序 Canvas 签名功能; 7. 小程序实现直播和互动功能(类似某奖池的答题和消息发送); 8. 小程序的更新机制。 本次 Chat 涵盖了小程序的基础知识及进阶内容,通过本次 Chat 将会更加深入的认知小程序带来的魅力!
严选实战微信小程序
552 订阅

JS 实现全景图预览

WebGL 是一种 3D 绘图协议,这种绘图技术标准允许把 JavaScript 和 OpenGL ES 2.0 结合在一起,通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定,WebGL 可以为 VHTML5 Canvas 提供硬件 3D 加速渲染。Three.js 是一款开源的主流 3D 绘图 JS 引擎,它就像 jQuery 简化了 HTML DOM 操作一样,可以简化 WebGL 编程。 今天以 Three.js 为基础,使用 Photo-Sphere-Viewer 插件,来实现全景图的展示的小功能。 主要内容有: 1. Three.js 坐标介绍; 2. 全景图展示的原理; 3. 全景图的多个坐标点标记,自定义 Svg 图像标记、自定义图片文字标记展示; 4. 点击标记点,切换场景进入详情展示; 5. 自动播放,添加背景音乐; 6. 图片缓存,场景切换 Loading 制作等。 通过这次 Chat,将会体会到 JS 的强大,为我们带来更多更好玩的东西。
严选JS预览
526 订阅

使用纯前端 React+DCloud 打造一款移动 APP

本次将采用 React + Dcloud 前端技术,利用 HB 打包工具,来构建一款移动 APP,完成前端由开发到打包的整个过程。这样只通过纯前端技术就可以实现一款安卓和 IOS 应用,不需要去单独学习 Java 和 OC,一处开发多处应用。 React 本身是通过 Diff 算法,在第一构建出 DOM 树之后,还会构建出一个 Virtual DOM,是 DOM 树的抽象,可以理解为 JavaScript 对象,重新渲染的时候,会对比这一次产生的Virtual DOM 和上一次渲染的 Virtual DOM,对比发现差异之后,修改真正的 DOM 树时只需触及差别部分,比起传统的 DOM 操作更具性能优势,开发 APP 也十分方便。 此次功能主要有: - 界面的路由配置(包括嵌套子路由); - 列表页面携带参数进入详情页面; - Fetch 请求配置; - Redux 状态管理; - Webpack 代理设置; - 蚂蚁金服 Ant 框架使用 ; - 调用手机摄像头功能、音视频等功能。 本次难点主要是如何使用 Redux 状态管理(双刃剑),通过本次学习可以更好的理解 React 所具有的优势以及探索 APP 的开发。
APPDCloudReact.js
402 订阅

前端 Gulp 自动化构建项目

磨刀不误砍柴工,通过 Gulp 对项目的构建是为了更高效率的进行项目开发和后期的维护,通过本次话题,我们可以解决目前项目开发中存在的代码冗余、难以管理和方便维护拓展,实现一个清晰明了的项目开发结构。 这次介绍了 Gulp 的 Less 编译合并压缩、JS 资源合并压缩、图片自定义大小转化 Base64、FileInclude、本地服务代码热更新以及Less的使用介绍,通过这个话题可以更好的理解以后开发中的模块化分离思想,可以更好的来清晰的管理项目。
106 订阅
微信扫描登录