生成patch: diff -ruN old new 比如： diff -urN old new > 1.patch  打补丁： 命令很简单： patch -p0 < 1.patch 但是怎么打还是问题： 1. 什么目录下打补丁？什么目录下可以打补丁？ 2.在第几层打目录？ 举几个例子来帮助理解一下： 在当前目录下创建如下的机构： $mkdir new $mkdir old $echo &quo ...

个人觉得CKEditor中block的功能非常有用，所以希望使block功能默认就是enabled.效果如下： 于是查询了下设置方法。如下： config.startupOutlineBlocks = true; 如果在config中设置可以这样写： CKEDITOR.replace( 'content-editor', { //省去其他配置 startupOutlineBlocks:true ...

如何修改CKEditor的内容css？即在编辑模式下如何定义其css? 在ckeditor文件夹下找到contents.css，如果是使用config.contentsCss设置加载指定的css文件，那就找到对应的css文件然后编辑样式。 比如说，希望在编辑模式下默认的<p>都是首行缩进的，那就可以在contents.css文件中加入： p{ text-indent:2em; } Edit the contents.css file that ...

在使用CKEditor作为文本编辑器时，发现偶尔不能正确显示。在大屏幕的时候没问题，但是切换到mobile就不行，原先以为是代码问题。 先来几张图看下问题： 先用大屏浏览器显示，能正确显示。 然后使用浏览器的模拟功能，切换到mobile模式，显示如下，能正确显示，是因为页面已经在之前渲染过了。（请忽视下面图片是相应式下屏幕下的颜色风格等）开始没意识到这个问题，所以重新在这个mobile模式下点击刷新页面去重新渲染，发现不能正确显示。   这 ...

如何判断一个字符是否为汉字？ 给定一个字符串，判断这个字符串每个位置的字符是否为汉字。 Unicode编码 问题就是这个字符可以是中文，日文，英文，韩文，藏文等等全世界所有的语言文字和符号。这么多语言文字和符号就算是人类也不能一眼就能认出来。常见的文字符号我们还是能认出来的，中文日文韩文英文完全没问题，但是如果来个意大利文俄文德文混在一起，对于我们一般人就未必能看出来了。 那计算机系统如何解决这个问题的呢？ 其实非常简单：就是通过编码来实现的，简单的说就是给每个符号 ...

Envato是一个成立于2006年的网站，最初是在澳大利亚发展，现在已经发展到全球。它是自由职业者创建的著名公司，旗下网站的alexa排名都在5000以内，有些甚至迈进1000以内。Collis Ta'eed是Envato网站创始人，他是在大学接触并且喜欢上PHOTOSHOP，之后一发不可收拾。后来创建了目前最有影响力的Envato创意社区网站。 Envato在素材方面，应该可以算是业界的老大，旗下的十来个站点，各司其职、分工有序：activeden：专于Flash和3D素材方面； ...

学习media query可以参考官方网址： https://www.w3.org/TR/css3-mediaqueries/ 今天运到一个问题，在使用chrome调试media query效果时，使用调试窗口来调整页面大小，效果如期望的展现。但是如果直接调整浏览器大小，部分大小时候做到了自适应，但是当窗口resize到一定大小后，并没有发生变化。不知道是不是浏览器的bug. 代码如下： @media screen and (max-width: 450px) ...

设计responsive页面时的注意点： 使用media query增加breakpoint来实现responsive. 永远以mobile设计优先。 设计组件时经常长宽使用百分比。 如果需要设置一些长宽固定数值时，使用em作为单位是个不错的选择。然后针对字体大小设置对应的em大小。以字体作为参照物。 参考文档： https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries ...

css的transform提供了rotate函数。rotate对inline元素直接旋转不起作用。比如下面的例子 Yes or No 希望将or旋转。 HTML代码： Yes <span class="rotateme"> or </span> No CSS代码： .rotateme{ transform: rotate(270deg); display: inline-block; backgrou ...

 本文收集了CSS实现的基本形状，以及border-radius的文档解释。 border-radius中比较难理解的是由/设置的附加弧度实现椭圆型的边角。 Syntax The border-radius property is specified as: 1.one, two, three, or four <length> or <percentage> values. This is used to set a single ...