在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...
nodejs轻量级时间格式化组件Moment.js的使用例子
在项目中，经常使用时间进行格式化的输出，以及转换，同时做时间的统计，原本js原生的时间函数比较复杂繁琐，不适合快速开发使用。轻量级的moment.js很好的解决了这些问题。下面以简单的例子进行moment.js的调用。1、安装moment.js npm install moment2、引用mo...
[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 ...
用.native修饰器来对外部组件进行构造器内部方法的调用以及用原生js获取构造器里的方法
html<div id="app"> <span v-text="number"></span> <btn @click.native="add(10,$event)"></btn> <button @c...
【说人话】真正意义上讲清楚了如何用$emit()在Vue.js的自定义组件中实现v-model=“”双向绑定
子组件sg-component.vue代码 <template> <div class="sg-component"> <button @click="$emit('changeFontSizePx', ++fontSizePx)">增加+</but...
JS组件Bootstrap实现弹出框和提示框效果代码
这篇文章主要介绍了JS组件Bootstrap实现弹出框和提示框效果代码，对弹出框和提示框感兴趣的小伙伴们可以参考一下前言：对于Web开发人员，弹出框和提示框的使用肯定不会陌生，比如常见的表格新增和编辑功能，一般常见的主要有两种处理方式：行内编辑和弹出框编辑。在增加用户体验方面，弹出框和提示框起着重要...
Vue.js—组件快速入门及Vue路由实例应用
上次我们学习了Vue.js的基础，并且通过综合的小实例进一步的熟悉了Vue.js的基础应用。今天我们就继续讲讲Vue.js的组件，更加深入的了解Vue,js的使用。首先我们先了解一下什么是Vue.js的组件，组件其实就是页面组成的一部分，它是一个具有独立的逻辑和功能或页面，组件可以扩展 HTML 元...
vue.js实例对象+组件树
vue的实例对象 首先用js的new关键字实例化一个vue el: vue组件或对象装载在页面的位置，可通过id或class或标签名 template: 装载的内容。HTML代码/包含指令或者其他组件的HTML片段，template将是我们使用的模板 **data:** 数据通过data引入到...
Vue.js 实例和内置组件 入门
首先来看看实例的概述： 实例就是在构造器外部操作操作构造器内部的属性和方法。 实例的作用就是给Vue提供与其它js及其框架结合使用的接口。 进入实例阶段： 首先来看 Vue.js 搭配 jQuery 使用： <!DOCTYPE html><html lang="en">&l...
vue.js入门（3）——组件通信
5.2 组件通信 尽管子组件可以用this.$parent访问它的父组件及其父链上任意的实例，不过子组件应当避免直接依赖父组件的数据，尽量显式地使用 props 传递数据。另外，在子组件中修改父组件的状态是非常糟糕的做法，因为： 这让父组件与子组件紧密地耦合； 只看父组件，很难理解父组件的状态...
vue.js $refs和$emit 父子组件交互
父调子 $refs （把父组件的数据传给子组件） <template> <div id="app"> <input type="button" name="" id="" @click="parentCall" value="父调子" /> ...