- 博客(73)
- 收藏
- 关注
RSS订阅原创 文本超出出现省略号...
overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
2017-10-31 13:47:18
379
原创 tab切换
/tab切换/.tab-common { width: 100%; background-color: #25303c;}.tab-common .tab-nav { display: inline-block;}.tab-common .tab-nav li { width: 100px; height: 40px; text-align:
2017-10-24 10:48:30
397
原创 jquery-unslider轮播图
<!doctype html><html><head><meta charset="utf-8"><title>unslider演示</title><script src="jquery-1.11.1.min.js"></script><script src="unslider.min.js"></script><!-- 写点样式，让轮播好看点 --><style> ul, ol { p
2017-09-22 14:21:27
635
原创 echarts-组合图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>echarts.js案例一</title> <script type="text/javascript" src='lib/echarts/dist/echarts.js'></script></head><body> <di
2017-09-21 17:31:09
5829
原创 echarts-环形图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>echarts.js案例一</title> <script type="text/javascript" src='lib/echarts/dist/echarts.js'></script></head><body> <di
2017-09-21 16:11:45
3741
原创 echarts-柱状图
效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>echarts.js案例一</title> <script type="text/javascript" src='lib/echarts/dist/echarts.js'></script></head><body>
2017-09-21 16:05:26
499
原创 echarts地图
<!doctype html><html><head> <meta charset="utf-8"> <title>echarts图形插件使用</title></head><body><div id="main" style="height:800px;"></div><script type="text/JavaScript" src="echarts.min.js"></s
2017-09-18 23:35:30
756
转载 Vue学习
JavaScript Event Loop 机制详解与 Vue.js 中实践应用Vue2.0 新手完全填坑攻略——从环境搭建到发布VUE-脚手架工具搭建：vue-webpack项目
2017-09-18 09:57:07
477
转载 React学习
七个不可错过的 React 组件库与开发框架在 2017 年学习 React + Redux 的一些建议（上篇）在 2017 年学习 React + Redux 的一些建议（中篇）在 2017 年学习 React + Redux 的一些建议（下篇）
2017-09-18 09:44:33
605
原创 前端常用JS库
67 个拯救前端开发者的工具、库和资源纯前端实现人脸识别-提取-合成几种 JavaScript 动画库推荐1、echarts地图下钻2、jquery插件jQuery封装插件
2017-09-18 09:35:21
1668
转载 知识碎片
前段资源汇总史上最全的开发和设计资源大全字体图标链接Chrome 开发者控制台中，你可能意想不到的功能利用jquery动态生成html元素
2017-09-17 20:42:15
324
原创 web缓存
在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。那么下面我们就来看看服务器端缓存的原理。缓存分类web缓存分为很多种，比如数据库缓存、代理服务器缓存、还有我们熟悉的CDN缓存，以及浏览器缓存。
2017-09-17 20:19:25
308
原创 JS页面跳转和刷新的几种方式
1、跳转常用方法：window.location.href="index.php"; window.history.back(-1);//类似于按钮，参数是负几，就后退几次。 window.navigate("index.jsp"); //navigate对象包含有关浏览器的信息，也可以作为页面跳转，后面直接加要跳转的地方。 self.location.href=index.htm;
2017-09-17 19:53:26
11351
原创 webstorm配置sublime主题
激活： http://idea.imsxm.com/1、先下载Monokai-Sublime.jar文件http://pan.baidu.com/s/1nuKSBZ72、导入文件
2017-09-15 23:53:17
1548
原创 React + Redux 的一些建议（上篇）
Redux 并不是只和 React 结合使用的，它也可以和其他的很多类库结合起来一起使用，即使你还未开始深入使用，你也可以阅读文中的部分内容。同时，如果你有一些建议或是疑惑，可以在 Github 给我提交 Issue，很乐意与你一起交流。在深入 Redux 、Testing 或是其他更高级的使用之前，我们还是先开始 React 吧。不要太过在意脚手架你已经准备好开始学习 React 了吗，我建议你不
2017-09-13 23:54:07
286
原创 前端开发工具、库和资源
1、Javascript 库Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库Fullpage.js— 快速实现全屏滚动特性Typed.js — 打字机效果Waypoints.js — 滚动到某个元素位置时触发一个功能Highlight.js — web 语法高亮Chart.js — 使用 Java
2017-09-13 23:42:46
332
原创 HTML5应用程序缓存
1、如需启用应用程序缓存，请在文档的 标签中包含 manifest 属性：<!DOCTYPE HTML><html manifest="demo.appcache">...</html>2、manifest文件manifest 文件的建议的文件扩展名是：".appcache"manifest 文件是简单的文本文件，它告知浏览器被缓存的内容（以及不缓存的内容）。manifest 文件可分为三个
2017-09-09 17:09:11
378
原创 AngularJs自定义指令
1、AngularJS指令在HTML代码中可以有四种表现形式：1、作为一个新的HTML元素来使用。 <hello></hello>或者<hello/>2、作为一个元素的属性来使用 <div hello></div>3、作为一个元素的类来使用 <div class="hello"></div>4、作为注释来使用 <!--directive: hello -->
2017-09-09 14:39:31
267
原创 JS中浏览器兼容性问题
1、浏览器的宽高问题var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 var winH=document.body.clientHeight||document.docuemntElement.clientHeight;//网页可见区域宽 //以上为不包括边框的宽高，如果是of
2017-09-04 17:52:16
849
原创 CSS中浏览器兼容性问题
1、条件注释法<!--[if ! IE 8]> 这段文字在非IE8浏览器显示<![endif]-->2、类内属性前缀法“-″减号是IE6专有的hack“\9″ IE6/IE7/IE8/IE9/IE10都生效“\0″ IE8/IE9/IE10都生效，是IE8/9/10的hack“\9\0″ 只对IE9/IE10生效，是IE9/10的hack3、个版本浏览器前缀前缀 浏览
2017-09-04 17:40:56
416
原创 JS中的继承
定义一个动物类（实现下面的继承）function Animal (name) { this.name = name || 'Animal';// 属性 this.sleep = function(){// 实例方法 console.log(this.name + '正在睡觉！'); }}Animal.prototype.eat = function(food) {// 原型方法
2017-09-04 14:35:03
254
原创 递归
1、利用递归求等差数列function dengCha( v0, d, n ){ if( n < 1 ){ return undefined; } if( n === 1 ){ return v0; } else{ return dengCha( v0, d, n - 1 ) + d; }}2、利用递归求斐
2017-09-04 12:17:43
268
原创 JS中的事件监听
1、简单事件（重复事件会被覆盖）var box = document.getElementById( "box" );box.onclick = function () { alert( "你是谁" );};box.onclick = function () { alert( "你管我是谁，要覆盖你" );};输出：//你管我是谁，要覆盖你2、添加事件监听非IE浏览器：（第三个参
2017-09-04 00:18:49
1006
原创 前端性能优化
第一部分1、内容层面 DNS解析优化（DNS缓存、减少DNS查找、keep-alive、适当的主机域名） 避免重定向（/还是需要的） 切分到多个域名 杜绝4042、网络传输阶段 减少传输过程中实体的大小 缓存 cookie优化 文件压缩（Accept-Encoding：g-zip） 减少请求的次数 文件适当的合并 雪碧图
2017-09-03 23:14:08
274
原创 本地存储
1、cookie存储及设置时间var date=new Date();date.setDate(date.getDate()+7);document.cookie='user='+encodeURIComponent('杜杜')+';expires='+date.toGMTString();查询alert(cookieUtil.get('name'))//杜杜cookie限制每个域的cooki
2017-09-02 21:35:56
270
原创 跨域请求
1、jsonp（动态创建script标签）<script> var _script = document.createElement('script'); _script.type = "text/javascript"; _script.src = "http://localhost:8888/jsonp?callback=f"; document.head
2017-09-02 21:05:40
580
原创 AJAX请求
1、封装jQuery的ajax方法var btn = document.querySelector( 'button' );btn.onclick = function () { $.ajax( { type: 'post', url: '...', // 要在ajax工具函数中把对象转换成key=value&key=value的形式
2017-09-02 20:12:06
282
原创 HTTP协议
1、HTTP之请求消息Request请求行（request line）、请求头部（header）、空行和请求数据四个部分组成Get请求例子：GET /562f25980001b1b106000338.jpg HTTP/1.1Host img.mukewang.comUser-Agent Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/
2017-09-02 18:02:54
507
原创 闭包
1、定义：当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包function A(){ var count = 0; function B(){ count ++; console.log(count); } return B; } var C = A(); C();// 1
2017-09-02 09:28:54
331
原创 js中call、apply、bind方法
1、call方法（）详情：call方法使用call方法调用父构造函数function Product(name, price) { this.name = name; this.price = price; if (price < 0) { throw RangeError('Cannot create product ' + this.
2017-09-01 18:57:43
280
原创 JS中的this指向
1、 普通函数： this指向 window function foo() { function fn() { console.log(this); } console.log(this); // window 只用函数的调用方法来判断this的指向 } foo();2、构造函数： this指向实例化对
2017-09-01 18:17:18
340
原创 sort方法对象中按照某个属性排序
var arr = [ {name:'zhangsan',age:5}, {name:'lisi'',age:23}, {name:'wangwu',age:8}];function compare(property){ return function(a,b){ var value1 = a[property]; var value
2017-09-01 18:06:57
1567
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人