React.js 小书 Lesson4 - 前端组件化（三）：抽象出公共组件类
作者：胡子大哈原文链接：http://huziketang.com/books/react/lesson4转载请注明出处，保留原文链接和作者信息。为了让代码更灵活，可以写更多的组件，我们把这种模式抽象出来，放到一个 Component 类当中： class Component { setSt...
Vue.js——60分钟组件快速入门
一、组件简介组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树：那么什么是组件呢？组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素。本文的Demo和源代码已放到...
关于vue.js父子组件数据传递
vue.js中使用props down，events up的原则进行父子组件间的通信，先来记录下props down，看个例子：<div id="app2"> <child message="hello!"></child></div>...Vue....
VUE.JS组件化
VUE.JS组件化前言公司目前制作一个H5活动，特别是有一定统一结构的活动，都要码一个重复的轮子。后来接到一个基于模板的活动设计系统的需求，便有了下面的内容。借油开车。组件化需求一到，接就是怎么实现，技术选型自然成为了第一个问题。鉴于目前web前端mvvm框架以及组件化开发方式的流行，决定技术栈采用...
在COM组件中调用JS函数
要求是很简单的，即有COM组件A在IE中运行，使用JavaScript（JS）调用A的方法longCalc()，该方法是一个耗时的操作，要求通知IE当前的进度。这就要求使用回调函数，设其名称为scriptCallbackFunc。实现这个技术很简单：1 、组件方（C++）组件A 的方法在IDL中定义...
vue.js 组件实现简单分页效果
前言 为了练习vue.js 之前做了一个vue.js前端分页效果，后面看到vue.js组件内容，就试着把这个功能写成一个简单组件，向组件元素传递一个object参数，包含分页数据，显示的列名信息，分页信息，组件提供一个事件，传递给父元素一个分页信息，父元素拿着分页信息获取数据，修改之前的obj...
面向UI编程：ui.js 1.0 粗糙版本发布，分布式开发+容器化+组件化+配置化框架，从无到有的艰难创造
有朋友提出一看来是懵逼的，根本不知道什么是面向UI编程的思想，下面是我之前写的博客，描述的这中思想，下面为地址，参考下就明了很多了。1. 前端思想实现：面向UI编程2. 面向UI编程框架：ui.js框架思路详细设计时隔第一次被UI思路激励，到现在1.0的粗糙版本发布，掐指一算整整半年了。半年之间，有...
vue.js入门（18）组件嵌套
养成一个习惯，components下的组件，首字母都大写，组件名是什么，class名，name名就是什么 这个时候写好User.vue文件 <template> <div class="user"> <ul> <li v-for:"user in us...
JS组件系列——Bootstrap 树控件使用经验分享
前言：很多时候我们在项目中需要用到树，有些树仅仅是展示层级关系，有些树是为了展示和编辑层级关系，还有些树是为了选中项然后其他地方调用选中项。不管怎么样，树控件都是很多项目里面不可或缺的组件之一。今天，博主打算结合自己的使用经历和网上找到的一些不错的树控件在这里做一个分享，希望能帮大家找到最合适的控件...
nodejs轻量级时间格式化组件Moment.js的使用例子
在项目中，经常使用时间进行格式化的输出，以及转换，同时做时间的统计，原本js原生的时间函数比较复杂繁琐，不适合快速开发使用。轻量级的moment.js很好的解决了这些问题。下面以简单的例子进行moment.js的调用。1、安装moment.js npm install moment2、引用mo...
JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案（三）：两个Viewmodel搞定增删改查
前言：之前博主分享过knockoutJS和BootstrapTable的一些基础用法，都是写基础应用，根本谈不上封装，仅仅是避免了html控件的取值和赋值，远远没有将MVVM的精妙展现出来。最近项目打算正式将ko用起来，于是乎对ko和bootstraptable做了一些封装，在此分享出来供园友们参考...
JS组件系列——封装自己的JS组件，你也可以
前言：之前分享了那么多bootstrap组件的使用经验，这篇博主打算研究下JS组件的扩展和封装，我们来感受下JQuery为我们提供$.Extend的神奇，看看我们怎么自定义自己的组件，比如我们想扩展一个$("#id").MyJsControl({})做我们自己的组件，我们该如何去做呢，别急，我们慢慢...
React.js 小书 Lesson3 - 前端组件化（二）：优化 DOM 操作
作者：胡子大哈原文链接：http://huziketang.com/books/react/lesson3转载请注明出处，保留原文链接和作者信息。看看上一节我们的代码，仔细留意一下 changeLikeText 函数，这个函数包含了 DOM 操作，现在看起来比较简单，那是因为现在只有 isLiked...
[js]jQuery EasyUI的linkbutton组件disable方法无法禁用jQuery绑定事件的问题分析
问题由来linkbutton 是 jQuery EasyUI 中常用的一个控件，可以使用它创建按钮。用法很简单，使用 a 标签给一个easyui-linkbutton 的class就可以了。<a id="btn" class="easyui-linkbutton">这是一个按钮</...
[js高手之路]Vue2.0基于vue-cli+webpack同级组件之间的通信教程
我们接着上文继续，本文我们讲解兄弟组件的通信，项目结构还是跟上文一样.在src/assets目录下建立文件EventHandler.js，该文件的作用在于给同级组件之间传递事件EventHandler.js代码: import Vue from 'Vue'; export default new V...
[js开源组件开发]模拟下拉选项框select
模拟下拉选项框select在css3流行的情况下，下拉框还是无法满足PD的需求，所以有了autosearch，有了模拟下拉框。效果如下图:selectDEMO请案例点击这里查看.http://www.lovewebgames.com/jsmodule/select.html源码查看下载请点击这里ht...
Vue.js2.0之组件篇
本篇文章不做基本的安装功能；具体安装步骤教程请跳转Vue2.0快速入门以及中文官网； 本篇文章所有的代码编写均在Vue2.0的基础上完成，请区别于Vue1.0版本； 什么是组件？ 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。...
React.js 小书 Lesson7 - 组件的 render 方法
作者：胡子大哈原文链接：http://huziketang.com/books/react/lesson7转载请注明出处，保留原文链接和作者信息。React.js 中一切皆组件，用 React.js 写的其实就是 React.js 组件。我们在编写 React.js 组件的时候，一般都需要继承 Re...
原生JS面向对象思想封装轮播图组件
原生JS面向对象思想封装轮播图组件 在前端页面开发过程中，页面中的轮播图特效很常见，因此我就想封装一个自己的原生JS的轮播图组件。有了这个需求就开始着手准备了，代码当然是以简洁为目标，轮播图的各个功能实现都分别分为不同的模块。目前我封装的这个版本还不适配移动端，只适配PC端。 主要的功能有：自动轮播...
【Vue.js入门到实战教程】12-在 Laravel 项目中编写单文件 Vue 组件
我们在《【Vue.js入门到实战教程】11-Vue Loader（下）| 编写一个单文件 Vue 组件》中演示了如何在 Vue CLI 原型项目中编写单文件 Vue 组件并进行编译，不过 Vue CLI 是一个纯前端的工具，我们之前使用 npm run serve 启动的也是一个 Node ...