- 博客(25)
- 收藏
- 关注
RSS订阅转载 React 组件库框架搭建
前言公司业务积累了一定程度，需要搭建自己的组件库，有了组件库，整个团队开发效率会提高恨多。做组件库需要提供开发调试环境，和组件文档的展示，调研了几个比较主流的方案，如下：docz 配置简单，功能相对来说也较完善。我们现在项目是用的umi框架，正好官方也提供了开发库的脚手架，也集成了docz，因此我们决定采用它来开发我们的组件库。storybook 功能比较全面，支持自定义web...
2019-01-23 20:00:00
441
转载 03 基于umi搭建React快速开发框架(封装列表增删改查)
前言大家在做业务系统的时候，很多地方都是列表增删改查，做这些功能占据了大家很长时间，如果我们有类似的业务，半个小时就能做出一套那是不是很爽呢。这样我们就可以有更多的时间学习一些新的东西。我们这套框架对此做了下封装，适合的小伙伴也可以借鉴封装到自己的框架当中去。核心思想用的React高阶组件解耦，接下来我们看看怎么用。基础用法导入我们的业务组件import { BTable ...
2018-11-21 11:49:00
316
转载 02 基于umi搭建React快速开发框架(国际化)
前言之前写过一篇关于React的国际化文章，主要是用react-intl库，雅虎开源的。react-intl是用高阶组件包装一层来做国际化。基于组件化会有一些问题，比如在一些工具方法中需要国际化，就需要自己去实现了。在umi-react快速开发框架我们采用react-intl-universal库来实现，不仅支持组件化调用，也支持动态调用，实现国际化。react-intl-uni...
2018-09-19 11:57:00
586
转载 01 基于umi搭建React快速开发框架
介绍基于umi搭建一个快速开发框架，react 应用框架。umi 以路由为基础的，支持类 next.js 的约定式路由，以及各种进阶的路由功能，并以此进行功能扩展，比如支持路由级的按需加载。我们会在基于umi的基础上，开发出一个框架通用功能和业务功能框架功能列表全局layout权限管理封装列表增删改查国际化集成 g2 chart图表集成 socket.io....(...
2018-09-06 15:50:00
322
转载 js 单项链表
介绍链表链表是由一组节点组成的集合。每一个节点都使用一个对象的引用指向它的后续借点。指向另外一个借点的引用叫做链。很多编程语言中数组的长度是固定的，就是定义数组的时候需要定义数组的长度，所以当数组已经被数据填满的时候，需要再加入新的元素就很困难。只能说在部分变成语言中会有这种情况，在javascript中和php中数组的长度是可以任意增加的。在数组中添加和删除元素也是比较麻烦，因为要...
2018-09-02 22:34:00
93
转载 js 实现List
js 实现List列表是一组有序的数据。每个列表中的数据项称为元素。在 JavaScript 中，列表中的元素可以是任意数据类型。我们可以根据数组的特性来实现List。List 抽象数据类型定义listSize（属性） 列表的元素个数pos（属性） 列表的当前位置length（属性） 返回列表中元素的个数clear（方法） 清空列表中的所有元素toString（方法...
2018-09-01 22:47:00
769
转载 React-intl 实现多语言
前言React 做国际化，我推荐使用 React-intl , 这个库提供了 React 组件和Api两种方式来格式化日期，数字和字符串等。知道这个库了，那让我们开始使用它组件用法为了和React 比较融和，我们可以使用组件的方式1.安装npm install react-intl --save2.添加引用import {IntlProvider, addLocale...
2017-02-17 18:52:00
173
转载 Web VLC 设置 tcp 协议播放
前言web 端播放rtsp 流，一般都是采用vlc插件，默认是用 UDP 协议播放，这就会存在丢包的可能性，导致界面会变花，要想不花，需要使用更可靠的TCP协议。关于这两种协议的区别，大家可以自行查资料。Web VLC 文档设置官方文档上面告诉我们设置的方式 ，大家可以查看文档 ,代码如下:var options = new Array(":aspect-ratio=4:3", ...
2017-01-12 23:22:00
997
转载 Web 存储
Web Storage介绍Web storage 是在web上存储数据的功能，这里的存储是针对客户端来说的. 具体说分为两种:seesionStorage数据存储在 session 对象中。session，是指用户打开浏览器窗口浏览网站，从进入网站到关闭这个窗口所经过的这段时间。seesion 对象可以用来保存这段时间所有的数据。localStorage近数据持久化在客户...
2017-01-04 18:56:00
102
转载 git 常用命令
安装liunux 安装(如果是ubuntu 的话直接上命令) sudo apt-get install git.如果是其它Linux用户的话，可以通过git官网 download 去下载，然后安装，依次输入./config,make,sudo make install.安装配置git是分布式版本控制器，所以初次使用的话要配置 name,email。配置命令git config...
2016-12-31 20:57:00
71
转载 史上最全的 Redux 源码分析
前言用 React + Redux 已经一段时间了，记得刚开始用Redux 的时候感觉非常绕，总搞不起里面的关系，如果大家用一段时间Redux又看了它的源码话，对你的理解会有很大的帮助。看完后，在回来看Redux，有一种 柳暗花明又一村 的感觉 .源码我分析的是用 es6 语法的源码，大家看目录结构，一共有 6 个问件。先说下各个文件大概功能。applyMiddlewar.js...
2016-12-08 14:00:00
97
转载 React 生命周期
前言学习React，生命周期很重要，我们了解完生命周期的各个组件，对写高性能组件会有很大的帮助.Ract生命周期React 生命周期分为三种状态 1. 初始化 2.更新 3.销毁初始化1、getDefaultProps()设置默认的props，也可以用dufaultProps设置组件的默认属性.2、getInitialState()在使用es6的class语法...
2016-12-05 19:19:00
129
转载 Sublime Text3 Package Control 在菜单栏中不显示
前言最近由于在 Sublime Text3 下配置了React 开发环境，最近也更新了Sublime Text3 的版本，由此装上了很多的插件。今天打开Sublime 想要通过 `Package Control` 装个东西，一看 `Package Control` 不见了。折腾我想可能是因为更新版本导致的，然后重新装 `Package Control` ,但还是看不见。 折腾了一会...
2016-09-24 18:52:00
134
转载 详解 JavaScript的 call() 和 apply()
定义ECMAScript规范为所有函数都包含两个方法(这两个方法非继承而来), call 和 apply 。这两个函数都是在特定的作用域中调用函数,能改变函数的作用域，实际上是改变函数体内 this 的值 。call 和 apply语法定义说明call(thisObj，Object)调用一个对象的一个方法，以另一个对象替换当前对象。call 方法可以用来代替...
2016-08-07 17:25:00
97
转载 js array queue （队列）
前言今天项目中做一个图片效果展示，需要实时从后台获取图片数据，前段做展示。想想用到队列，比较好实现这个功能，只需要展示队列里的数据就可以了。于是写了个js 对列.js code /** * [Queue] * @param {[Int]} size [队列大小] */ function Queue(size) { var ...
2016-08-04 21:30:00
127
转载 前段播放 流媒体(RTMP,RTSP,HLS)
前言最近项目需要流媒体的播放，后端一共提供了 三种流数据(RTSP,RTMP,HLS),在不同的场景可能会使用到不同方式播放，就需要做到适配， 支持所有的流数据播放。花了一段时间研究，在这里和大家分享一下，还有些遗留问题，看大家有没有好的方法。RTSP简介这种协议流数据前段播放，没有特别好的解决方法，需要在本机装一个vlc 插件，依靠这个插件才能让 RTSP 协议 在网页上能播放...
2016-08-03 16:10:00
1440
转载 angularjs controller 继承
前沿最近在angularjs项目当中，看到 controller 好多都是重复性的代码，在 controller 当中有好多代码很相似 function（比如 controller 下的 CRUD 方法），重复性工作太多。后来想，可不可以提出一个service ，但仔细想想，这些CRUD 本来就是从 Service 中调用的，如果在提出Service，会造成 Service 比较混乱，...
2016-07-30 16:35:00
195
转载 Sublime Text3 配置 NodeJs 环境
前言大家都知道，Sublime Text 安装插件一般从 Package Control 中直接安装即可，当我安装 node js 插件时候，直接通过Package Control 安装，虽然插件安装成功了，但是找不到配置文件 Nodejs.sublime-build 来更改一些配置 。于是去 https://packagecontrol.io/packages/Nodejs 官网上查...
2016-06-05 11:47:00
87
转载 Node Express 4.0 安装
前言今天想要用nodejs 写个后台服务，很久之前看过node express 框架，可真当向下手安装的时候，发现好多命令都不记得了。写完后台服务，没事了，总结了下安装过程，记录一下，以便以后查阅方便。Express 4.0 安装npm install -g express-generatorexpress4.0 版本已经把命令行工具分离出来，我们在命令行中执行-g会在全局安...
2016-04-08 17:56:00
126
转载 angularjs 2.0 快速案例(1)
前言上一节我们已经把环境给搭建起来了，现在我们通过一个快速案例把angular 2.0 初步了解一下，后续我们会深入每一个细节，这个案例主要是一个【英雄（Hero）】列表的展示，创建，编辑。这个案例我打算分五个章节来做,第一个章节我们可以学习到angular2.0一下内容：单项数据绑定双向数据绑定组织代码1.在app.component.ts 文件添加 如下内容在 App...
2016-04-06 18:06:00
93
转载 angularjs 2.0 快速开始
前言angularjs2.0 如果发布，公司的项目会基于2.0开发，在1.0的时候就踩了好多坑，趁这2.0还没正式发布，赶紧踩下坑。 这篇文章是参考angularjs2.0 官方文档写的，开发环境需要机器上有 nodejs环境，另外2.0 是基于typescript 开发，微软开发一种语言 ，附上中文手册链接 大家可以自行研究下..开发环境的搭建1.创建项目文件夹由于我是在win...
2016-04-05 18:21:00
150
转载 MonogDB初探增加和删除
1.插入并保存文档 在插入数据之前，首先用mongodb Shell命令db.baseUser.find() 查找集合的数据。 想必大家能猜到结果，什么东西都没有，那接着来说说怎么向 baseUser 集合中插入数据。插入baseUser 的方法如下： 首先定义一个baseUser变量，用来...
2014-11-08 21:54:00
82
转载 mongodb数据类型
随着web2.0的时代到来，关系型数据库在越来越多的场景下暴漏出许多问题，为了解决这类问题，NoSql数据库应用而生，今天就来说说当下比较主流的NoSql数据库mongodb。 1. 基本数据类型 mongodb类似于json,在概念上javaScript类似。json是数据的一种简单表示方法,包含6种数据类型,分别是:null， 布尔，数字，字符串，数组和对象。没有时...
2014-10-21 18:41:00
75
转载 mongodb数据类型
随着web2.0的时代到来，关系型数据库在越来越多的场景下暴漏出许多问题，为了解决这类问题，NoSql数据库应用而生，今天就来说说当下比较主流的NoSql数据库mongodb。 1. 基本数据类型 mongodb类似于json,在概念上javaScript类似。json是数据的一种简单表示方法,包含6种数据类型,分别是:null， 布尔，数字，字符串，数组和对象。没有时...
2014-09-08 22:48:00
90
转载 JavaScript 创建对象的几种方式
一直想好好的研究下JavaScript,今天就从创建对象方式开始吧，废话不多说，直接上代码。1.工厂模式(The factory pattern) 说明：这种方式不推荐使用,可以作为了解。2.构造函数(The constructor) 说明：这种方式不推荐使用,可以作为了解。3.原型模式(prototype) 说明:同样的这种...
2014-08-19 22:22:00
54
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人