EasonJim - 博客园

2016年12月12日

摘要：我所理解的概念应该是语法的区别和特性的区别这里是ECMAScript的解析http://baike.baidu.com/item/ECMAScript 参考： (ES6)http://es6.ruanyifeng.com/ (ES5)http://www.zhangxinxu.com/wordpr 阅读全文

posted @ 2016-12-12 17:24 EasonJim 阅读(652) 评论(0) 推荐(0) 编辑

HTLM4与HTML5的区别

摘要：准确的说应该是HTML4与HTML5的区别主要区别： 1、doctype头的改变 2、html5中多出了很多标签和属性还有一个要注意的是，我们通常说html5时会自动关联上css3，其实我理解的，这两个东西是独立的，只不过css3+html5的标签组合出更强大的效果而已。这里有标准的html5 阅读全文

posted @ 2016-12-12 10:53 EasonJim 阅读(513) 评论(0) 推荐(0) 编辑

css中margin-top/margin-bottom失效

摘要：要设置这两个值，我的理解应该在这个div的父容器中设置了固定宽高，或者设置了绝对定位，比如position:absolute（绝对定位）或者压根不用，直接用padding-top/padding-bottom替代参考： http://www.111cn.net/cssdiv/163/87752. 阅读全文

posted @ 2016-12-12 02:33 EasonJim 阅读(722) 评论(0) 推荐(0) 编辑

2016年12月11日

CSS3伪类选择器：nth-child()（nth-child(odd)/nth-child(even)）

摘要： nth-child(odd)：奇数 nth-child(even)：偶数使用时，如果是精确到数字时，切记是从同一级别的元素开始计算，而不是指定某个类才开始计算。比如： <li></li> <li class="test"></li> <li></li> 如果我要选择class为test的，nth 阅读全文

posted @ 2016-12-11 21:35 EasonJim 阅读(998) 评论(0) 推荐(0) 编辑

css选择器（[class*=" icon-"], [class^=icon-] 的区别）

摘要：官方解释： [attribute^=value]，a[src^="https"]，选择其 src 属性值以 "https" 开头的每个 <a> 元素。最低要求：css3 [attribute*=value]，a[src*="abc"]，选择其 src 属性中包含 "abc" 子串的每个 <a> 元阅读全文

posted @ 2016-12-11 17:07 EasonJim 阅读(12361) 评论(0) 推荐(1) 编辑

CSS3盒模型display初探（display:box/display:flex）

摘要：可以实现水平等分切割等。日后在研究，做个记录。首先要声明：display:box，像谷歌浏览器要加前缀识别码：display:-webkit-box; 然后才开始使用其属性，同时也是要带上前缀识别码。参考： flex: http://www.ruanyifeng.com/blog/2015/07 阅读全文

posted @ 2016-12-11 16:50 EasonJim 阅读(529) 评论(0) 推荐(0) 编辑

css伪元素研究（::before/::after）

摘要： ::before/::after和:before/:after实质上效果一样不过，在 CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号，因此如果使用了 display 或者 width 等属性时使得显示脱离了原本元素后，建议按照标准双写。过于老的浏览器可能会存在支持问题，不过伪元素大多是配合阅读全文

posted @ 2016-12-11 14:52 EasonJim 阅读(230) 评论(0) 推荐(0) 编辑

css后代选择器（div.class中间不带空格）

摘要：如果我要查找<div>上用了.class的元素，查找方法：div.class；中间是不空格的。以上这种形式为css后代选择器参考：http://www.w3school.com.cn/css/css_selector_descendant.asp 阅读全文

posted @ 2016-12-11 12:21 EasonJim 阅读(1724) 评论(0) 推荐(0) 编辑

css选择器（选择<div>内所有<p>元素）

摘要：情况1：<div><p></div> 情况2：<div><a><p></p></a></div> 使用： div p{} 其实在这里的解释是，选择<div>内所有<p>元素，不会是局限在<div>的下一级，而是不过<p>元素在第几级都会找到。参考： http://www.w3school.com. 阅读全文

posted @ 2016-12-11 10:46 EasonJim 阅读(13024) 评论(0) 推荐(0) 编辑

text-indent无效解决方案

摘要： text-indent是用来字符缩进的。 1.text-indent所在的元素是行内元素而非块级元素。比如用在span,a等行内元素上。解决方案：在行内元素加上display:block; 或者把目标元素放入<div>等块级元素，然后把text-indent样式应用到<div>等块级元素。 2.te 阅读全文

posted @ 2016-12-11 00:43 EasonJim 阅读(6048) 评论(0) 推荐(1) 编辑

2016年12月10日

控制div位于最上层

摘要：前提：设置了position属性，且为relative，absolute或是fixed；设置z-index，数值越大，越上，-1为最底层，99999为最顶层阅读全文

posted @ 2016-12-10 15:44 EasonJim 阅读(453) 评论(0) 推荐(0) 编辑

gulp用途

摘要：前端构建工具，可以实现文件合并、文件压缩、语法检查、监听文件变化参看： http://blog.sina.com.cn/s/blog_6592d8070102vmuq.html https://segmentfault.com/a/1190000002580846 阅读全文

posted @ 2016-12-10 14:03 EasonJim 阅读(357) 评论(0) 推荐(0) 编辑

Webpack打包工具实时更新操作（启用观察者模式）

摘要：可能存在这样的问题，每次修改完js/css文件之后，都要进行手动打包一下，浏览器上刷新一下。那么我一般这样做： 1、安装Hbuilder，并启用边编辑边看的模式（其实这个是默认的）。 2、启动Webpack的观察者模式webpack --watch。 3、完成上面两步后，每次修改完js/css文件阅读全文

posted @ 2016-12-10 12:54 EasonJim 阅读(1280) 评论(0) 推荐(0) 编辑

2016年12月8日

CLR/.NET/C#/Visual Studio/ASP.NET各版本之间的关系（转）

摘要：由于这篇文章记录的是2015年7月，那时.net core还是叫做.net core 5 名词定义下列这些名词，写.NET 的人一定都不陌生，但你是否有真正理解呢？如果看了我的摘要文字说明还无法理解的话，建议多查询相关文件或书籍，或直接在文章最下方留言讨论。 CLR ( Common Langua 阅读全文

posted @ 2016-12-08 16:48 EasonJim 阅读(1006) 评论(0) 推荐(0) 编辑

前端打包/自动化构建工具：fis3

摘要：据说这个可以进行打包，并且可以实现类似/script/test-adsf123.js或者/script/test.js?v=asdf123 先做个记号参考：http://fis.baidu.com/ 阅读全文

posted @ 2016-12-08 10:31 EasonJim 阅读(664) 评论(0) 推荐(0) 编辑

jQuery 效果 - 隐藏和显示

摘要： $('...').hide();//隐藏 $('...').show();//显示以上使用需要针对特定的功能单独使用，如果是混用，那么就要有标志位去实现，而通常两者更高级的一步到位实现： $('...').toggle();//自动判断显示时就隐藏，反之也是一样参考：http://www.w3s 阅读全文

posted @ 2016-12-08 03:01 EasonJim 阅读(219) 评论(0) 推荐(0) 编辑

2016年12月7日

前端打包/自动化构建工具：gulp

摘要： glup可以进行打包，并且可以实现类似/script/test-adsf123.js或者/script/test.js?v=asdf123 参考: http://www.ydcss.com/archives/18 http://cnodejs.org/topic/5631875ff3fb0e2d44 阅读全文

posted @ 2016-12-07 18:11 EasonJim 阅读(439) 评论(0) 推荐(0) 编辑

负载均衡下的资源文件配置/多站点下的资源文件夹共享（Windows IIS）

摘要：前言：负载均衡用的是NLB，微软的方案不太靠谱，举个例子吧，AB两台服务器负载出C，如果用户访问访问C之后分配的是A，那么如果A挂了，是不会自动切换到B的。据说后来还有一种NLB的方案可以实现，也不想再试了。背景：这里主要是以图片资源为主，以下是可能存在的场景： 1、同一台服务器上，部署了多个阅读全文

posted @ 2016-12-07 13:31 EasonJim 阅读(3532) 评论(1) 推荐(0) 编辑

css3中-moz、-ms、-webkit,-o分别代表的意思，以及微信浏览器内核分析

摘要：这种方式在业界上统称：识别码、前缀 //-ms代表【ie】内核识别码 //-moz代表火狐【firefox】内核识别码 //-webkit代表谷歌【chrome】/苹果【safari】内核识别码 //-o代表欧朋【opera】内核识别码用法： -ms-transform:rotate(7deg); 阅读全文

posted @ 2016-12-07 10:19 EasonJim 阅读(33611) 评论(1) 推荐(0) 编辑

CSS文件开头到底声明@charset "utf-8"

摘要：这个声明是告诉浏览器【我的CSS文件是UTF-8编码的】，但实际上这个文件可以不用是UTF-8编码的，所以这个声明能达到欺骗浏览器的作用。但实践中表明，chrome会有不兼容的bug，那么可以尝试这样的写法：阅读全文

posted @ 2016-12-07 09:27 EasonJim 阅读(2879) 评论(0) 推荐(0) 编辑

Jim

easonjim Code, code and more code.

easonjim

Code, code and more code.