js组件

javaScript封装的各种写法

每次看到老外写的js组件，思想和写法都怪异，就没看到一个js结构基本相同的代码出来。今天，我就来谈谈js写法，我在开发过程中，也写了几种。
前端艺术者·2017-08-14 15:01

js模块化之路(1)：手写js组件

阅读前需要具备js基础（this，js原型链，继承，立即执行函数等）关键点：1.通过立即执行函数，来达到隐藏细节的目的2.防止污染全局变量3.代码解耦，提高复用性下面是三个我总结的组件例子原生js版：varmyModule=(function(){function_myModule(ct){this.ct=ct;this.init();//初始化this.render();//渲染this.bin
Llane00·2017-08-10 11:09

JS组件系列——在ABP中封装BootstrapTable

前言：关于ABP框架，博主关注差不多有两年了吧，一直迟迟没有尝试。一方面博主觉得像这种复杂的开发框架肯定有它的过人之处，系统的稳定性和健壮性比一般的开源框架肯定强很多，可是另一方面每每想到它繁琐的封装和复杂的开发流程就望而却步，就这样迟迟没有行动。最近在项目里面用到了ABP框架，没办法，只有硬着头皮上了。经过这一段时间的熟悉，算是对这个框架有了一个大概的了解。今天来分享下如何在ABP框架的模式里面
懒得安分·2017-07-31 16:00

如何写可复用的d3组件

基础准备js组件种类和分层前端开发是一个B/S结构的开发，web前端工程师能够接触到的最底层的API就是由浏览器提供的API，浏览器API主要分为HTML、CSS、JS三种，而我们的d3.js主要使用的是
AlexZ33·2017-07-28 00:00

JS组件系列——Bootstrap组件福利篇：几款好用的组件推荐

原文地址：http://www.cnblogs.com/landeanfen/p/5461849.html阅读目录一、时间组件1、效果展示2、源码说明3、代码示例二、自增器组件1、效果展示2、源码说明3、代码示例三、加载效果一、实用型二、炫酷型四、流程图小插件1、效果展示2、源码说明3、代码示例五、按钮提示组件bootstrap-confirmation1、效果展示2、源码说明3、代码示例六、图片
浪客剑芯·2017-07-27 15:27

关于vue.js组件数据流的问题

一、组件组件，可以说是现代前端框架中必不可少的组成部分。使用组件，不仅能极大地提高代码的复用率和开发者的开发效率，对于代码后期的维护也有着非常重要的意义。前端开发，由于历史遗留原因，WebComponent虽然好用，但其发展情况却受到极大地限制，和很多新兴的前端技术一样，可望而不可即。基于这样的情况，聪明的开发者们尝试通过框架内部集成相应的功能来完成组件化，各种现代前端框架基本上都有各自的实现。这
江湖z·2017-07-26 16:49

Angular.js组件之input mask对input输入进行格式化详解

前言最近因为项目的需要，经常有一些对input输入进行格式化的需求，以前做的时候在js中写指令进行处理，但是这样又要在js或者在java代码中将请求的数据进行还原，很是麻烦，于是在网上看到了jquery的inputmask组件，觉得很好用，在项目中写出指令，用起来很方便。方法如下：在项目中引入jquery和jquery-inputmask，然后在项目中写指令，如下：define(['./modul
ngulc·2017-07-10 10:55

vue.js组件之间传递数据的方法

前言组件是vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。如何传递数据也成了组件的重要知识点之一。组件组件与组件之间，还存在着不同的关系。父子关系与兄弟关系（不是父子的都暂称为兄弟吧）。父子组件父子关系即是组件A在它的模板中使用了组件B，那么组件A就是父组件，组件B就是子组件。//注册一个子组件Vue.component('child',{d
林鑫·2017-07-10 08:38

Mac下正确安装运行VUE

因为开发用的Mac系统，所以网上很多vue.js组件化开发环境搭建教程都不完全适用，多次踩坑总结了一下正确姿势，当做笔记，望指正。如果你只是简单的想了解使用，请移步官方教程。
庆庆developer·2017-07-06 11:13

javaScript中封装的各种写法示例（推荐）

每次看到老外写的js组件，思想和写法都怪异，就没看到一个js结构基本相同的代码出来。今天，我就来谈谈js写法，我在开发过程中，也写了几种。
前端艺术者·2017-07-03 10:54

JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题

正文前言：一年前，博主分享过一篇关于bootstrapTable组件冻结列的解决方案JS组件系列――BootstrapTable冻结列功能IE浏览器兼容性问题解决方案，通过该篇，确实可以实现bootstrapTable
懒得安分·2017-06-30 16:54

JS组件系列——自己动手扩展BootstrapTable的 冻结列 功能：彻底解决高度问题

前言：一年前，博主分享过一篇关于bootstrapTable组件冻结列的解决方案JS组件系列——BootstrapTable冻结列功能IE浏览器兼容性问题解决方案，通过该篇，确实可以实现bootstrapTable
懒得安分·2017-06-30 15:00

jQuery开源组件BootstrapValidator使用详解

本文实例为大家分享了BootstrapValidator使用方法，供大家参考，具体内容如下github：https://github.com/nghuuphuoc/bootstrapvalidator参考博客：JS
北冥冰皇·2017-06-29 15:51

JS 组件系列之BootstrapTable的treegrid功能

上篇给大家介绍了JS组件系列之bootstraptreegrid组件封装过程，下面重点给大家介绍JS组件系列之BootstrapTable的treegrid功能，需要的的朋友一起学习吧！
懒得安分·2017-06-16 09:04

vue踩坑不完全指北(1)

1.Vuejs组件vuejs构建组件使用Vue.component('componentName',{/*component*/})；这里注意一点，组件要先注册再使用，也就是说：Vue.component
风翻火焰·2017-06-10 16:53

Vue如何实现组件的源码解析

有一点要牢记，“Vue.js组件其实都是被扩展的Vue实例”！
娜姐聊前端·2017-06-08 16:44

JS组件系列——自己动手扩展BootstrapTable的treegrid功能

前言：上篇JS组件系列——自己动手封装bootstrap-treegrid组件博主自己动手封装了下treegrid的功能，但毕竟那个组件只是一个单独针对树形表格做的，适用性还比较有限。
懒得安分·2017-05-31 18:00

详解Vue.js基于$.ajax获取数据并与组件的data绑定

接下来会实现Vue.js组件中使用jQuer
�「�了忧伤·2017-05-26 10:47

Vue.js tab实现选项卡切换

本文为大家分享了Vuejs组件化开发tab组件实例，供大家参考，具体内容如下index*{margin:0;padding:0;}#tabPanel.itemname{height:40px;width
codingNoob·2017-05-16 11:41

Vue.js手风琴菜单组件开发实例

本文为大家分享了vuejs组件开发之手风琴菜单组件实例，供大家参考，具体内容如下小图标是引入font-awesome字体图标库绘制的。
codingNoob·2017-05-16 11:35

vuejs组件开发之手风琴菜单组件实例

小图标是引入font-awesome字体图标库绘制的。效果如下图所示：index*{margin:0;padding:0;}body{padding-top:100px;}#tabPanel{width:120px;height:auto;margin:0auto;}#tabPanel.item.sildermunulli{height:40px;line-height:40px;list-sty
codingNoob·2017-05-16 00:20

vuejs组件开发之手风琴菜单组件实例

小图标是引入font-awesome字体图标库绘制的。效果如下图所示：index*{margin:0;padding:0;}body{padding-top:100px;}#tabPanel{width:120px;height:auto;margin:0auto;}#tabPanel.item.sildermunulli{height:40px;line-height:40px;list-sty
codingNoob·2017-05-16 00:20

split,formatDate,store,util组件

16pxborder-top:1pxsolidrgba(7,17,27,0.1)border-bottom:1pxsolidrgba(7,17,27,0.1)background:#f3f5f7formatDate.js
线上猛如虎·2017-05-08 00:00

JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查

正文前言：关于Vue框架，好几个月之前就听说过，了解一项新技术之后，总是处于观望状态，一直在犹豫要不要系统学习下。正好最近有点空，就去官网了解了下，看上去还不错的一个组件，就抽空研究了下。最近园子里vue也确实挺火，各种入门博文眼花缭乱，博主也不敢说写得多好，就当是个学习笔记，有兴趣的可以看看。一、MVVM大比拼关于MVVM，原来在介绍knockout.js的时候有过讲解，目前市面上比较火的MVV
懒得安分·2017-04-28 11:39

JS组件系列之MVVM组件构建自己的Vue组件

正文前言：转眼距离上篇JS组件系列――又一款MVVM组件：Vue（一：30分钟搞定前端增删改查）已有好几个月了，今天打算将它捡起来，发现好久不用，Vue相关技术点都生疏不少。
懒得安分·2017-04-28 11:52

JS组件系列之JS组件封装过程详解

前言：之前分享了那么多bootstrap组件的使用经验，这篇文章打算研究下JS组件的扩展和封装，我们来感受下JQuery为我们提供$.Extend的神奇，看看我们怎么自定义自己的组件，比如我们想扩展一个
懒得安分·2017-04-28 11:51

AngularJS之组件化篇

AngularJS组件化：将页面中可以重复使用的标签封装成一个组件，方便这一部分UI重复使用，类似于JS中的函数，封装了一部分处理代码，通过函数调用就可以重复使用这些代码。
扶苏小锦鲤·2017-04-27 21:48

JS组件系列——自己动手封装bootstrap-treegrid组件

前言：最近产品需要设计一套相对完整的组织架构的解决方案，由于组织架构涉及到层级关系，在表格里面展示层级关系，自然就要用到所谓的treegrid。可惜的是，一些轻量级的表格组件本身并没有自带树形表格的功能，比如bootstrapTable就没有这个功能，怎么办呢？如果是jqgrid、easyUI的表格，treegrid的效果可以说是轻而易举就能解决，而项目目前用的就是bootstrapTable，不
懒得安分·2017-04-27 21:00

Vue.js--基于$.ajax获取数据并与组件的data绑定

接下来会实现Vue.js组件中使用jQuer
敗给了忧伤·2017-04-25 15:53

ExtJs组件监听事件

extjs对组件添加监听的常用三种方式(1)在定义组件的配置时设置如代码中所示：[javascript]viewplaincopyxtype:'textarea',name:'test',labelSeparator:'',fieldLabel:'',hideLabel:true,allowBlank:true,height:mainPanelHeight*0.8,listeners:{'chan
ghjzzhg·2017-04-18 23:15

封装自己的JS组件

前言：之前分享了那么多bootstrap组件的使用经验，这篇博主打算研究下JS组件的扩展和封装，我们来感受下JQuery为我们提供$.Extend的神奇，看看我们怎么自定义自己的组件，比如我们想扩展一个
AlbenXie·2017-04-17 15:23

vue如何引用其他组件（css和js）

1.vuejs组件之间的调用components注意：报错Donotusebuilt-inorreservedHTMLelementsascomponentid:修改组件的名字，例如不能使用address
懒人猫·2017-04-13 08:16

React-Native学习笔记 使用ListView加载网络数据

使用ListView加载网络数据本文采用fecth来进行网络请求的创建一个构造器//js组件的构造函数，js的生命周期 constructor(props){ super(props); //listView
a1018875550·2017-04-08 18:00

js时间查询插件使用详解

我从同事那拿来一个时间查询的插件，先记录下来：首先要引入js文件和css文件，因为我用到了bootstrap所以引入的文件有点多：ps:如果有需要的小伙伴，可以直接跟我说下面是div部分：发布时间：最后是JS部分：//日期查询js
霸道小豆丁·2017-04-07 10:17

Vue.js学习系列（四十二）-- Vue.js组件

组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：1，注册组件注册一个全局组件的语法格式如下：Vue.component(tagName,options)tagName为组件名，options为配置选项。注册后，我们可以使用以下方式来调用组件：2
博为峰51Code教研组·2017-04-01 22:03

Vue.js组件化开发实践

Vue.js是一套构建用户界面的渐进式框架。它非常容易与其它库或已有项目整合，而无须从头开始重构整个项目；另一方面，Vue完全有能力驱动采用单文件组件来开发的更为复杂的单页应用。https://segmentfault.com/a/1190000008591915目前在我参与开发维护的项目中已经使用上了Vue.js的一些基本功能，下面两幅图来自项目截图。Vue.js基本功能视图元素响应式数据双向绑
Lucky_LXG·2017-03-31 08:29

React教程：完成首页的几个实例

AStatefulComponent一个可以处理State（状态）的组件：在App.js组件中通过标签引入到App组件的显示布局中。
goeasyway·2017-03-16 20:19

又一款MVVM组件 构建自己的Vue组件（2）

前言：转眼距离上篇JS组件系列――又一款MVVM组件：Vue（一：30分钟搞定前端增删改查）已有好几个月了，今天打算将它捡起来，发现好久不用，Vue相关技术点都生疏不少。
懒得安分·2017-03-13 12:31

JS组件系列——又一款MVVM组件：Vue（二：构建自己的Vue组件）

前言：转眼距离上篇JS组件系列——又一款MVVM组件：Vue（一：30分钟搞定前端增删改查）已有好几个月了，今天打算将它捡起来，发现好久不用，Vue相关技术点都生疏不少。
懒得安分·2017-03-13 12:00

Vue.js组件tab实现选项卡切换

本文实例为大家分享了vue插件tab选项卡的具体代码，供大家参考，具体内容如下效果图：代码如下：Document*{padding:0;margin:0}#app{width:500px;height:300px;margin:0auto;background-color:#ddd;}.top{height:50px;line-height:50px;width:100%;background-c
那支歌·2017-03-08 11:11

Vue.js组件化开发实践

什么是Vue.jsVue.js是一套构建用户界面的渐进式框架。它非常容易与其它库或已有项目整合，而无须从头开始重构整个项目；另一方面，Vue完全有能力驱动采用单文件组件来开发的更为复杂的单页应用。目前在我参与开发维护的项目中已经使用上了Vue.js的一些基本功能，下面两幅图来自项目截图。vue-in-cur-poj.pngvue-in-cur-poj-2.pngVue.js基本功能视图元素响应式数
北极狐狸·2017-03-05 21:50

分分钟玩转Vue.js组件（二）

概述上一篇分分钟玩转Vue.js组件中我们重点介绍了组件的创建、注册和使用，熟练这几个步骤将有助于深入组件的开发。
keepfool·2017-03-01 15:26

vue组件间通信解析

组件间通信（父子，兄弟）相关链接\组件通信：点击查看学习链接：Vue.js――60分钟快速入门点击查看分分钟玩转Vue.js组件点击查看父组件传子组件父传子方法（一）属性传递props//子组件{{item
vichily·2017-03-01 14:31

超全面的vue.js使用总结

一、Vue.js组件vue.js构建组件使用Vue.component('componentName',{/*component*/})；这里注意一点，组件要先注册再使用，也就是说：Vue.component
axl234·2017-02-12 10:28

项目实战（连载）：基于Angular2+Mongodb+Node技术实现的多用户博客系统教程（8）

二、技术关健词Node、MongoDB、Angular2、mongoose三、本章涉及核心技术点四、内容4.1、新建users.js组件来封装【用户】模块功能废话不多说，先
fwytech·2017-02-11 23:18

Vue.js进阶教程第一步：vue2.0前端-何韬-专题视频课程

Vue.js进阶教程第一步：vue2.0前端—22327人已学习课程介绍Vue.js2.0进阶教程第一部分，Vue.js框架基础入门视频课程主要学习Vue.js的基础语法结构，api使用方式，vue.js
pkutao·2017-01-04 17:36

JS组件系列——两种bootstrap multiselect组件大比拼

记得在项目开始之前，博主项目组几个同事就使用哪些js组件展开过讨论，其中就说到了select组件，由于项目的整体风格使用的bootstrap风格，所以在选用select组件的时候优先考虑和bootstrap
doc_wei·2016-12-22 15:06

JS组件系列——Bootstrap文件上传组件：bootstrap fileinput

前言：之前的三篇介绍了下bootstraptable的一些常见用法，发现博主对这种扁平化的风格有点着迷了。前两天做一个excel导入的功能，前端使用原始的inputtype='file'这种标签，效果不忍直视，于是博主下定决心要找一个好看的上传组件换掉它。既然bootstrap开源，那么社区肯定有很多关于它的组件，肯定也有这种常见的上传组件吧。经过一番查找，功夫不负有心人，还是被博主找到了这个组件
doc_wei·2016-12-22 15:55

JS组件系列——表格组件神器：bootstrap table

前言：之前一直在忙着各种什么效果，殊不知最基础的BootstrapTable用法都没有涉及，罪过，罪过。今天补起来吧。上午博主由零开始自己从头到尾使用了一遍BootstrapTable，遇到不少使用方面的问题，也做了一部分笔记，在此分享出来供需要使用的园友参考。还记得前两天有园友加群问我BootstrapTable的使用问题，呵呵，巧了，今天博主也遇到同样的问题了，在此还是要表示抱歉，没有将这篇提
doc_wei·2016-12-22 15:43

JS组件系列——Bootstrap Table 表格行拖拽

前言：之前一直在研究DDD相关知识，好久没更新JS系列文章了。这两天做了一个简单的业务需求，觉得效果还可以，今天在这里分享给大家，欢迎拍砖~~一、业务需求及实现效果项目涉及到订单模块，那天突然接到一个需求，说是两种不同状态的订单之间要实现插单的效果，页面上呈现方式是：左右两个Table，左边Table里面是状态为1的订单，右边Table里面是状态为2订单，左边Table里面的行数据拖动到右边Tab
doc_wei·2016-12-22 15:04
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他