- 博客(67)
- 资源 (1)
- 收藏
- 关注
原创 拼接html片段的快捷方式
之前一直用 "" + "" 这种方式来拼接一个很长的字符串 或者 HTML 代码, 太累了. 那有没有什么好的方法了, 起码敲起代码起来不会感觉到厌烦, 于是我总结了2种比较舒服的方法, 望大家采纳.第一种方法: 采用数组的方式. 最后利用join('')连接起来. 直接上代码.Jsscript> var lang = { u
2017-02-06 17:50:17
1743
原创 基础(1)
1. em 和 strong 的区别em 表示强调,strong 表示更强烈的强调。言简意赅,表明了 em 和 strong 的命名来历。并且在浏览器中,em 默认用斜体表示,strong 用粗体表示2.请用CSS实现按钮 不用图片使用自定义字体编码.next:before { content: “\279C”; }3.列出清除浮动方法,不使用新的标签
2016-08-24 15:42:17
2494
转载 ECharts使用心得
ECharts使用心得前言上周项目组要临时给客户做一个演示的原型,首页设计的是一个中国地图,本来打算用谷歌的地图,但是,做出来之后,整体的效果看起来太差了,最后就在网上搜相关的地图呈现的控件,然后就找到了这个ECharts报表呈现组件,挺不错的一个组件,而且地图数据都是离线的,真心很赞。但是,使用起来却颇费了一番工夫。所以就把使用中的一些心得体会跟大家分享一下。1.
2016-08-04 11:01:53
2874
转载 BAT及各大互联网公司2014前端笔试面试题--Html,Css篇
很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习前端基础更是大有裨益。 而更多的题目是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解法,还请斧正。 前面几题是会很基础,越下越有深度。 附上第一篇:BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
2016-07-28 10:08:42
2612
转载 BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习js更是大有裨益。而更多的题目是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解法,还请斧正。附上第二篇:BAT及各大互联网公司2014前端笔试面试题--Html,Css篇前面几题是会很基础,越下越有深度。 初级J
2016-07-28 10:08:29
784
原创 动态设置像素比
script> //获取像素比 // console.log(window.devicePixelRatio); var pixelRatio = 1 / window.devicePixelRatio; // console.log(pixelRatio); //通过js动态设置视口(viewport) document.w
2016-07-15 15:08:13
1245
转载 JQuery Easy Ui dataGrid 数据表格
数据表格 - DataGrid内容概况 使用方法 数据表格属性 数据列属性 编辑 数据视图 事件 方法 继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值。.数据表格显示的数据以表格的形式,并提供了丰富的选择,排序,分组和编辑数据的支持。这个数据表格被设计以缩短开发时间,并要求开发商没有具体的知识。它是轻量级的,功能丰
2016-07-13 13:38:02
868
转载 easyUI单元格合并自定义封装(二)
效果图:效果图与 easyUI单元格合并自定义封装 (一) 效果图一致源代码如下:[javascript] view plain copyfunction mergeGridColCells(grid,refCols,rowFildNames) { var rows=grid.
2016-07-12 10:40:37
437
转载 easyUI单元格合并自定义封装 (一)
1、指定列的行合并* 效果图:* 程序:[javascript] view plain copyfunction mergeGridColCells(grid,rowFildName) { var rows=grid.datagrid('getRows' ); //
2016-07-12 10:38:00
513
转载 CSS3的calc()使用
calc()对大家来说,或许很陌生,不太会相信calc()是css中的部分。因为看其外表像个函数,既然是函数为何又出现在CSS中呢?这一点也让我百思不得其解,今天有一同事告诉我,说CSS3中有一个属性能实现自适应的布局,首先让我想到的是box-sizing,但跟我说还可以计算,这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍,但一直没有深入,也没有自己去测试过。今天花了一
2016-06-16 14:43:38
487
原创 正则表达式限制输入框只能输入数字
正则表达式限制输入框只能输入数字 代码如下: <input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " name="f_order" value="1"/> 其中,
2016-05-27 11:08:19
40947
1
转载 CSS变化宽度布局
一、“1-2-1”单列变宽布局: 对于变宽度的布局,首先要使内容的整体宽度随浏览器窗口宽度的变化而变化。因此中间的container容器中的左右两列的总宽度也会变化,这样就会产生不同的情况。这两列是按照一定的比例同时变化,还是一列固定,另一列变化。这两种都是很常用的布局方式。然而对于等比方式而言,相对比较简单,和我上一篇博客中1-2-1的布局方式非常类似,因此这里只是介绍一列固定
2016-05-24 17:19:32
1405
转载 CSS固定宽度布局
一、单列布局: 这是最简单的一种布局方式,之所以给出该示例,还是为了保证本篇博客的完整性。html xmlns="http://www.w3.org/1999/xhtml">head>title>固定宽度布局title>style type="text/css">#header,#pagefooter,#content { border: 1px so
2016-05-24 17:17:55
737
转载 angularJS中$apply()方法详解之什么时候用$apply()
对于一个在前端属于纯新手的我来说,Javascript都还是一知半解,要想直接上手angular JS,遇到的阻力还真是不少。不过我相信,只要下功夫,即使是反人类的设计也不是什么大的问题。 Okay,废话不多说。为了弄明白angular JS为何物,我先是从Scope开始。那么什么是Scope呢?借用官方文档的一段话:复制代码代码如下:“scope
2016-05-24 10:46:36
3780
原创 验证(Javascript和正则表达式)
js版的验证。现在贴出来,为了方便自己查阅,同时也希望能给需要的人帮助和一些启发。由于今天才开始接触js,所以可能会有一些错漏,希望大家能批评指正。[javascript] view plain copy var Validator = { VerityLib: { //验证字符串非空
2016-05-20 11:40:18
700
转载 angular.js,IE7,8,9兼容性的处理
这段时间详细了解了谷歌新出的MVVM框架angular.js,并直接在本人所从事的项目中使用了。但是使用新东西都是有风险的,这不,采用了新框架的页面IE7,8各种显示不出来……心想着难道用以前的办法重来?不能允许!于是上网查阅了大量资料。终于跑通了,并且知道是怎么回事。 以下面这个IE7,8,9都跑得通的例子说明,重点是红字的部分:
2016-05-20 11:32:11
1342
转载 让AngularJS兼容IE8及其以下浏览器版本的方法
AngularJS 1.3抛弃了对IE8的支持,但AngularJS 1.2将继续支持IE8,但核心团队已经不打算在解决IE8及之前版本的问题上花时间。本文档介绍了互联网浏览器(IE)在处理自定义HTML标签及属性时的特点。如果你正计划在IE8或更早的浏览器上部署Angular应用请阅读本文。项目目前支持且将尝试修复IE9以上的bug 。持续集成服务器在IE9,IE10和IE11上运行所有
2016-05-20 11:30:06
729
转载 AngularJS实现跨域请求
跨域,前端开发中经常遇到的问题,AngularJS实现跨域方式类似于Ajax,使用CORS机制。下面阐述一下AngularJS中使用$http实现跨域请求数据。AngularJS XMLHttpRequest:$http用于读取远程服务器的数据$http.post(url, data, [config]).success(function(){ ... });$http.get(
2016-05-20 11:25:42
1638
转载 函数节流(throttle)与函数去抖(debounce)
一、前言 以下场景往往由于事件频繁被触发,因而频繁执行DOM操作、资源加载等重行为,导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mousedown、keydown事件 4. 文字输入、自动完成的keyup
2016-05-17 20:33:38
435
转载 图解 debounce 与 throttle 的区别
在实现一些需要被频繁调用的函数时,我们通常都会使用 debounce 或 throttle方法。在我的印象中,它们的作用就是减少函数被调用的次数,但具体有什么区别,却真的不能说清楚。直到最近看了一篇精彩的 博文 ,用可视化的方法展示了两者的区别,很有启发性,值得参考。注意到上图,第一行 Mousemove Events 展示了 mousemove 事件触发的频率。第二行和第
2016-05-17 20:32:35
743
原创 angularJs中关于ng-class的三种使用方式说明
在开发中我们通常会遇到一种需求:一个元素在不同的状态需要展现不同的样子。而在这所谓的样子当然就是改变其css的属性,而实现能动态的改变其属性值,必然只能是更换其class属性这里有三种方法:第一种:通过数据的双向绑定(不推荐)第二种:通过对象数组第三种:通过key/value下面简单说下这三种:第一种:通过数据的双向绑定实现方式:
2016-05-17 14:46:09
857
转载 Eclipse断点调试
作为开发人员,掌握开发环境下的调试技巧十分有必要。去年就想把关于Eclipse断点调试总结下了,由于对时间的掌控程度仍需极大提高,结果拖到今年才写了此篇博文。关于Java调试技术还有很多,如Java Debug Interface等,依据具体项目的需要,还有很多值得去研究和学习的。该博文仅就Eclipse断点调试技巧做下总结,不足够的地方还请大牛们指点。1 Debug视图1.
2016-05-12 19:18:38
278
转载 翻译:谷歌HTML、CSS和JavaScript风格规范
原文地址:http://…style-guides/原文作者:Craig Buckler注:本文翻译的内容并不是谷歌官方提供的完整HTML/CSS风格规范,而是一种带有总结性质的简单称述。完整的中文翻译,国内已经有(只有HTML/CSS, 无JS),您可以点击这里访问。//zxx: 以下为翻译正文,原作者的吐槽保留,同时免费赠送我自己的吐槽我喜欢浏览风格规范。他们通
2016-04-25 14:57:09
499
转载 [AngularJS面面观] scope中的Dirty Checking(脏数据检查) --- 引言
scope功能概述scope是AngularJS中的核心概念之一。它的设计思想和实现方式也是希望深入了解和学习AngularJS的开发人员必须熟知的。它的功能主要有以下几点: 1. 通过数据共享连接Controller和View 2. 事件的监听和响应 3. 脏数据检查和数据绑定前两点并没有什么新奇的地方,关键的地方在于第三点。这是AngularJS这一框架和好
2016-04-22 10:57:41
443
转载 理解Angular中的$apply()以及$digest()
$apply()和$digest()在AngularJS中是两个核心概念,但是有时候它们又让人困惑。而为了了解AngularJS的工作方式,首先需要了解$apply()和$digest()是如何工作的。这篇文章旨在解释$apply()和$digest()是什么,以及在日常的编码中如何应用它们。 探索$apply()和$digest()AngularJS提供了一个非常酷的特性
2016-04-21 18:18:22
453
原创 CSS3阴影 box-shadow的使用和技巧总结
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径
2016-04-20 18:14:52
1291
原创 $.ajax()方法详解
jquery中的ajax方法参数总是记不住,这里记录一下。 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。3.timeout: 要求为Number类型的
2016-04-20 14:37:36
392
原创 常用资源分享
1、Chart.js是一个简单、面向对象、为设计者和开发者准备的图标绘制工具库。学习地址: http://www.bootcss.com/p/chart.js/2、bsie弥补了Bootstrap对IE6的不兼容。目前,bsie能在IE6上支持Bootstrap的大部分特性。学习地址: http://www.bootcss.com/p/bsie/
2016-04-19 16:43:50
317
原创 java注解的几大作用及使用方法
我本是做前端的 ,但是由于和后端经常接触就开始学习后端,对注解做如下整理。注解的作用: 1、生成文档。这是最常见的,也是java 最早提供的注解。常用的有@see @param @return 等 2、跟踪代码依赖性,实现替代配置文件功能。比较常见的是spring 2.5 开始的基于注解配置。作用就是减少配置。现在的框架基
2016-04-13 10:09:00
388
原创 angular modalInstance模态框
在实际开发的过程中点击一个按钮或者文字弹出一个modal是很常见的问题,为了方便初学者更好的使用modal我做了一下总结:直接上代码:head部分: 123"stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css
2016-04-08 17:39:10
12469
原创 [AngularJS] 1. Angular JS的五大特性
由于公司一开始就使用的angularjs框架,因此没有深入考虑过为什么使用这个框架,由于一次偶然被问到引起了我的好奇,故此做如下总结AngularJs概述:AngularJs所有的操作思路都以“业务数据”为关注点,彻底颠覆了传统的DOM操作。并不是所有的应用都适合用AngularJS来做。AngularJS主要考虑的是构建数据的CRUD(增删改查)操作为主的SPA应用。幸运的是,至少90%
2016-03-30 15:42:22
2100
原创 jquery. inArray()函数详解
[导读] jquery inarray()函数详解jquery inarray(value,array)确定第一个参数在数组中的位置(如果没有找到则返回 -1 )。determine the index of the first parameter in the array (-1 if not found)jquery.inarray()函数详解jquery.inarray(
2016-03-29 17:49:22
851
转载 Angularjs promise对象解析
1、先来看一段Demo,看完这个demo你可以思考下如果使用$.ajax如何处理同样的逻辑,使用ng的promise有何优势?12345678910111213141516171819202122
2016-03-29 10:12:21
693
转载 基于Angularjs实现分页
前言 学习任何一门语言前肯定是有业务需求来驱动你去学习它,当然ng也不例外,在学习ng前我第一个想做的demo就是基于ng实现分页,除去基本的计算思路外就是使用指令封装成一个插件,在需要分页的列表页面内直接引用。 插件 在封装分页插件时我实现了几种方式总体都比较零散,最后找到了一个朋友(http://www.miaoyueyue.com/arc
2016-03-29 09:42:30
1382
原创 深入了解AngularJs-Ui-router(2)
Angularjs ui-router - 组件:ui-router最大的特点是可以实现路由的嵌套。$state / $stateProvider:管理状态定义、当前状态和状态转换。包含触发状态转换的事件和回调函数,异步解决目标状态的任何依赖项,更新$location到当前状态。由于状态包含关联的 url,通过$urlRouterProvider生成一个路由规则来执行转换的状态。
2016-03-26 16:36:01
1737
原创 调试angularjs chrome 插件 Batarang安装和使用
Angular chrome 插件 Batarang ,它对于调试和找到性能瓶颈会很有效。安装后在开发者工具上会多出一个AngularJs选项。通过Enable复选框决定是否启用。Angular chrome 插件 Batarang ,它对于调试和找到性能瓶颈会很有效。安装后在开发者工具上会多出一个AngularJs选项。通过Enable复选框决定是否启用。安装Batarang
2016-03-26 15:33:34
10491
原创 ng1.3+表单验证<AngularJs>
前一篇文章说过,ng1.3+以后对于表单验证有了优化,它不再需要一个详细的表达式状态创建元素显示或隐藏。例如:我们在ng1.3之前的版本都需要如下写法:class="error" ng-show="signup_form.name.$dirty && signup_form.name. $invalid && signup_form.submitted">ng1.3之后
2016-03-25 11:37:56
600
原创 表单验证<AngularJs>
常用的表单验证指令 1. 必填项验证某个表单输入是否已填写,只要在输入字段元素上添加HTML5标记required即可: 2. 最小长度验证表单输入的文本长度是否大于某个最小值,在输入字段上使用指令ng-minleng= "{number}": 3. 最大长度验证表单输入的文本长度是否小于或等于某个最大值,在输入字段上使用指令n
2016-03-25 11:36:35
918
原创 指令<AngularJs>
指令对于指令,可以把它简单的理解成在特定DOM元素上运行的函数,指令可以扩展这个元素的功能。首先来看个完整的参数示例再来详细的介绍各个参数的作用及用法:angular.module('myApp', []) .directive('myDirective', function() { return { res
2016-03-25 11:34:07
915
翻译 jQuery Easing 使用方法及其图解
从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数: properties:一组包含作为动画属性和终值的样式属性和及其值的集合duration(可选):动画执行时间,其值可以是三种预定速度之一的字符串("slow", "n
2016-03-23 16:43:32
772
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人