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