- 博客(8)
- 收藏
- 关注
RSS订阅
原创 react-store：react hooks 结合 context api 实现 redux 的数据管理功能
react-store：react hooks 结合 context api 实现 redux 的数据管理功能@cpage/react-storeapi 介绍1，创建 context2，配置 StoreProvider3，使用 connect (推荐)4，在 function 组件中使用4.1，获取 state 数据4.2，使用 dispatch5，在 class 组件中使用6，中间件6.1，新增...
2020-04-09 23:19:26
1354
原创 从 0 到 1 构建 webpack4 + vue2 应用
简介随着项目需求的日益复杂，通常的脚手架工具已经满足所有需求，所以我们通常需要搭建一套符合公司业务场景的脚手架工具。在该项目中我们将基于 Webpack4 构建 Vue2.x 的开发系统。本课程包含以下内容：能够设置 proxy 代理，请求 mock 数据；Webpack4 实现多环境打包；Webpack4 设置系统全局变量，并且根据不同的系统设置不同的全局变量；支持 Less、Sa...
2019-05-06 19:11:25
210
原创 Cpage.js，一款轻量级的前端MVVM框架，赶快来体验下吧！
Cpage.js是一款轻量级的Mvvm框架，使用TypeScript（javascript的超集）开发。 内置模板引擎，路由，指令，http，dom等模块。可以方便地进行组件化开发，语法统一、易用，不依赖于第三方框架，适合中小项目开发。 框架同时支持es5与es6语法，可参考example中示例。安装使用使用es6开发安装：npm install cpage
2017-08-23 21:24:26
1375
原创 Cpage.js组件之间事件传播
本文主要讲解Cpage.js组件之间事件传播的方法。传送门：demo在开发过程中，不同组件之间交互是常有的事情，而实现的方法有多种，可以通过props属性传值，也可以通过pub,sub事件订阅的方式。Cpage.js组件可以通过props传值，并且自带事件传播机制。首先，需要一个用于渲染组件的节点<div id="app"></div>然后引入js<script type="text/javascr
2017-09-03 00:23:49
460
原创 Cpage.js列表渲染
在实际开发中，经常会遇到列表之类的dom结构，这时候一个好的列表渲染方式可以显著地提高开发效率。 Cpage.js框架提供列表渲染指令 c-for c-for="item in items"渲染节点<div c-for="item in items"> <h1>id: {{item.id}}</h1> <h2>text：{{item.text}}</h2></div>显示结果：i
2017-08-31 22:15:54
288
原创 给组件绑定事件，基于Cpage.js前端框架
Cpage.js不仅可以给普通元素绑定事件，也可以给组件绑定事件！ 首先，我们可以定义一个组件headervar header = Cpage.component({ name: 'header', components: [], template: `{{header}}--{{height}}`, data: { heade
2017-08-30 23:10:57
191
原创 var声明
var的使用1，变量声明有无var的区别以及性能影响对于es5及其以下版本的js，在声明变量时候，可以使用var，也可以直接写变量。两者是有区别的，有var根据情况可以定义全局变量或局部变量，无var则被认为是window下的全局变量。1），两者区别：//测试1a1 = 1;function test1(){console.log('测试1：'+a1);a1 = 2
2016-05-18 16:39:47
980
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人