- 博客(25)
- 收藏
- 关注
原创 pc端vue项目中常用组件
1、d2-crud表格组件(基于elementUI的加强版)2、vue-photo-preview 图片预览组件3、vue-perfect-scrollbar 滚动条组件4、vue-clipboard2 剪贴板5、vuelayers 地图组件(基于openlayers)...
2019-01-24 18:09:08 1213
转载 脱离Table组件的render苦海
官方案例中,我们可通过给columns的数据项设置render来自定义列,但如果该列稍微复杂一点的话,那么render就变得难以编写与维护了.如果有以下需求:列中有两个按钮,[删除] 和 [通过] [删除] 按钮点击时需显示poptip确认框 [通过] 按钮需要通过数据控制是否可点击(disabled)如果用官方的render方式去实现的话,代码会非常繁琐,并且不好维护,项目开发过程中...
2019-01-23 19:04:43 293
转载 最好用的js前端框架、组件、文档在线预览插件
js前端ui框架此处列举出个人认为最好的几个框架(排序即排名),现在好点的框架商用都需要付费,以下几个也不例外,但是由于组件丰富,都可以作为企业应用的完整解决方案。 Kendo UI 商用收费,组件丰富,界面简洁美观,有jQuery和angular两个js的版本 Webix 商用收费,组件丰富,界面特别美观 JQwidgets 商用收费,丰富的组件,有an...
2018-08-21 16:13:34 3772
转载 AngularJS动态加载Controller
我们把实现动态加载Controller方法封装到一个通用的模块里面,并命名这个模块为ngCommon。(function (angular) {'use strict'; var CommonApp = angular.module('ngCommon'); ...})(angular);接下来我们实现一个动态加载js的方法$require。/* 记录已加载的js */var ...
2018-04-13 14:44:12 1887
转载 [译] AngularJS内幕详解之 Scope JAVASCRIPT Atwood.cai 2015-12-04 15617 访问 4 分享 微信分享 原文作者: Nicolas Beva
[译] AngularJS内幕详解之 ScopeJAVASCRIPT Atwood.cai 2015-12-04 15617 访问4 分享 微信分享原文作者: Nicolas Bevacqua原文:AngularJS’ Internals In Depth在AngularJS的代码库中呈现出了大量有趣的设计,最有趣的两个例子是
2017-10-30 22:04:56 371
转载 Angular模板与表达式的绑定
我们以下使用的angular的版本是1.3.x,完整的代码在文章的最后面,在线的例子demo注意,我下面给出的代码示例只是截取了一部分,完整的部分在文章的最后面。1.首先我们最常使用的一个绑定表达式的指令是ngBind,比如在一个div标签中我们可以这样使用:div ng-bind="vm.info">div>这样就把控制器中的vm.info的值绑定到这个div标签里面
2017-10-22 19:52:10 549
转载 table 表头固定,表体滚动的css方法
table tbody { display:block; height:500px; overflow-y:scroll; } table thead, tbody tr { display:table; width:100%; table-layout:fixed; }
2017-09-08 13:30:17 2046 1
转载 xml字符串转json对象
function parseXML(data) { var xml, tmp; if (window.DOMParser) { Standard tmp = new DOMParser(); xml = tmp.parseFromString(data, "text/xml"); } else { // IE
2017-05-31 09:36:03 1269
转载 es6-Map
ES6为我们提供了Map数据结构。它是一个”value-value”的对应。如果需要“键值对”的数据结构,Map是一个很合适的数据结构。Map用法简单用法var map = new Map();map.set('name','zxguan');map.set('age',27);map.get('name');map.get('age');通过 con
2017-05-21 23:34:02 699
转载 new ActiveXObject("Scripting.FileSystemObject") 时抛出异常
new ActiveXObject("Scripting.FileSystemObject") 时抛出异常 .使用JScript读写本地文件时,会使用Scripting.FileSystemObject控件。IE默认是不允许运行这类“未标记为安全执行脚本的ActiveX控件”的。因此执行下行代码时:fso = new ActiveXObject("Scripti
2017-05-19 09:05:26 1776
转载 认识HTML5的WebSocket
认识HTML5的WebSocket在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API:它可用于客户端、服务器端。而且有一个优秀的第三方API,名
2017-05-10 20:26:19 340
转载 揭秘Angular 2(一):TypeScript入门
3.1 TypeScript概述3.1.1概述3.1.2安装检查npm是否已经安装接下来我们使用2.0正式版的TypeScript,安装命令如下:npm install -g typescript@2.0.0写第一个Typescript程序,并保存到hello.ts中,文件中代码:console.log('hello TypeScript!');
2017-05-02 23:30:45 5935
转载 angular readfile
var app=angular.module("myApp",[]);//指令1app.directive("fileread", [function () { return { scope: { fileread: "=" }, link: function (scope, element, attributes
2017-04-25 10:29:20 486
转载 js预览本地资源
浏览器中的JavaScript不能直接直接访问本地资源(例如文件系统,摄像头,麦克风等),除非事先得到了用户的允许。浏览器之所以进行该限制也是很有必要的,试想一下,如果JavaScript能够肆无忌惮的访问本地的文件系统,那么窃取用户隐私数据就变得轻而易举了,当用户访问网络上的某个网页时,不知不觉中自己机器上保存的信用卡卡号,密码,公司的秘密文件等隐私文件或许已经被恶意的JavaScript程序上
2017-04-12 11:16:53 927
转载 ngCloak 实现 Angular 初始化闪烁最佳实践
在做angular的SPA开发时,我们经常会遇见在如Chrome这类能够快速解析的浏览器上出现表达式({{ express }} ),或者是模块(div)的闪烁。对于这个问题由于JavaScript去操作DOM,都会等待DOM加载完成(DOM ready)。对于angular会在DOM ready完会才回去解析html view Template,所以对于Chrome这类快速的浏览器你会看见有闪烁
2017-04-11 10:20:07 537
转载 30组常用前端开发组件库,前端组件收集整理列表
0. 前端自动化前端构建工具gulp – The streaming build systemgrunt – the JavaScript Task Runner前端模块管理器Bower – A package manager for the webBrowserifyComponentDuoRequireJSSea.jscss预处理器Less
2017-03-05 22:45:46 3314
转载 AngularJS 中利用 Interceptors 来统一处理 HTTP 的错误
Web 开发中,除了数据操作之外,最频繁的就是发起和处理各种 HTTP 请求了,加上 HTTP 请求又是异步的,如果在每个请求中来单独捕获各种常规错误,处理各类自定义错误,那将会有大量的功能类似的代码,或者使用丑陋的方法在每个请求中调用某几个自定义的函数来处理。这两种方法基本都不是靠谱之选。好在 AngularJS 提供了 Interceptors ——拦截战斗机——来对应用内所有的 XHR
2017-02-08 14:13:30 2546
转载 ngResource模块的服务
ngResource模块的服务。描述创建资源对象的工厂。该资源对象允许你与RESTful服务端数据资源进行交互。返回的资源对象拥有提供了高层行为的动作方法,从而无需与底层的$http服务进行交互。需要安装ngResource模块。依赖$http使用$resource(url[, paramDefaults][, actions]);
2016-12-16 13:53:40 623
转载 videoJS播放器嵌入页面及api介绍
1、创建videoJS播放器实例(1)调用swf文件videojs.options.flash.swf = "player/video-js.swf";(2)配置初始化参数 <video id="videoPlayer" class="video-js vjs-default-skin vjs-big-play-centered" control
2016-11-04 20:57:56 10180
转载 Grunt插件之liveReload--前端刷新神器,解放你的F5
昨天看了小胡子哥的一篇文章《工作五年,后面四年重复着第一年的活儿?》,正好是关于前端开发的,我就看了。的确感触很深,作为程序开发者,不应该是编码的机器,不能日复一日做同样的事情,小胡子哥在文章里说:重复的事情要交给机器,作为开发者,我们的任务是告诉机器怎么做就行了。所以开发越到后期,我们应该变得越懒才是好事情,这也是小胡子哥提倡的。在小胡子哥的文章里就提到了一个工具LiveReload,当时一看到
2016-10-30 19:23:53 689
转载 ng-options用法详解
原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/ng-options-usage/ng-options属性可以在表达式中使用数组或对象来自动生成一个select中的option列表。ng-options与ng-repeat很相似,很多时候可以用ng-repeat来代替ng-options。但是ng-options
2016-10-10 22:02:23 1337
转载 ui-router - 路由控制$stateProvider
在你的应用中大多数状态都有与其相关联的 url,路由控制不是设计完成 state 之后的事后想法,而是开始开发时就应该考虑的问题。这里是如何设置一个基本url。12345$stateProvider.state('contacts', {url: "/contacts",templateUrl: 'contacts.html'})
2016-09-10 10:32:19 1529
转载 [Maven] Missing artifact (解决办法)
在使用Eclipse的Maven插件时,经常会遇到Missing artifact的编译错误,特别是在新环境中搭建相关项目时,经常出现类似此问题,今天一位同事又遇到了,经过一顿问题原因查找,始终无法解决,决定来好好研究研究此类问题,以免以后遇到此类问题。 以下为尝试过的办法:1. 项目右键->Maven->Update Dependency,失败2. 项目右键->M
2016-09-09 11:18:57 1260
转载 gitHub教程
github是一个基于git的代码托管平台,付费用户可以建私人仓库,我们一般的免费用户只能使用公共仓库,也就是代码要公开。对于一般人来说公共仓库就已经足够了,而且我们也没多少代码来管理,O(∩_∩)O~。下面是我总结的一些简单使用方法,供初学者参考。1.注册账户以及创建仓库要想使用github第一步当然是注册github账号了。之后就可以创建仓库了(免费用户只能建公共仓库),Creat
2016-09-09 11:14:25 421
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人