自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 flex布局

flex布局链接地址>>>

2017-04-19 11:03:23 400

转载 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关注的人

提示
确定要删除当前文章?
取消 删除