July 18, 2019

JavaScript 比较两个文本文件差异, How to diff HTML (compare and highlight differences) and generate output in HTML with JavaScript

By  Javascript /Jquery / React / Bootstrap / Web  0 Comments
JavaScript 比较两个文本文件差异, How to diff HTML (compare and highlight differences) and generate output in HTML with JavaScript
  您的用户想知道他过去写的内容的区别，是希望它在浏览器中突出显示，但他写的是HTML格式？甚至不要考虑遍历DOM的每个元素，检索文本并将其与其他节点进行比较，因为这可能无法按预期工作，并且需要花费大量时间来实现它。如果您正在考虑使用快速解决方案并且允许使用第三方脚本，则可能需要使用htmldiff脚本。您可以使用此功能的最有用的情况是，您希望为用户实现差异视图，但内容采用HTML格式，例如，当内容已使用WYSIWYG编辑器存储时。 在本文中，我们将向您展示如何轻松地在Web项目中实现htmldiff。   1.获取htmldiff.js的副本 Htmldiff.js是一个非常棒的d… Read More
Read More
July 15, 2019

CSS3选择器「:nth-child()」与「:nth-of-type()」用法大不同, :nth-of-type 用法, CSS 伪类

By  Div / Css / XML / HTML5 / SVG  0 Comments
CSS3选择器「:nth-child()」与「:nth-of-type()」用法大不同, :nth-of-type 用法, CSS 伪类
  　　虽然说目前CSS3还没正式的标准化，但新的属性已为网页带来许多的便利，像是大家所熟悉的圆角框、阴影、渐层、多栏位….，甚至目前正夯的RWD自适应，这些都是需要使用到CSS3，除此之外CSS3还提供了许多的选择器可使用，如此一来就可大量的减少一些类别的设定，直接透过HTML的标签就可直接进行选择与样式的设定，虽然说很方便，但在CSS3有二个选择器长的很像nth-child与nth-of-type，在正常情况下，二个用起来很像，但若HTML的结构改变时，二个就大不同啦!!!因此梅干作了一个小范例，来帮大家解惑，这二个属性的最大差别什么地方。   :nth-of-type(… Read More
Read More
July 9, 2019

PHP: 数组键添加前缀后缀, 数组值添加前缀后缀, Adding prefix strings to array values, add prefix in each key of PHP Array?

By  Php / Pear / Mysql / Node.js  0 Comments
PHP: 数组键添加前缀后缀, 数组值添加前缀后缀, Adding prefix strings to array values, add prefix in each key of PHP Array?
    1. 修改数组键名: $myArray = ['0'=>'Hi','1'=>'Hello','2'=>'Hey']; $myNewArray = array_combine( array_map(function($key){ return 'a'.$key; }, array_keys($myArray)), $myArray ); print_r($myNewArray);   输出: Array ( [a0] => Hi [a1] => Hello [a2] => Hey )   2. 修改数组值:   在每个值后面追加字符 $array = array('a', 'b',… Read More
Read More
July 9, 2019

jQuery contains大小写不敏感, Make jQuery :contains Case-Insensitive

By  Javascript /Jquery / React / Bootstrap / Web  0 Comments
jQuery contains大小写不敏感, Make jQuery :contains Case-Insensitive
  //Code for overloading the :contains selector to be case insensitive: //Without the overload on the :contains selector jquery would normaly only underline the second line // Overwrites old selecor jQuery.expr[':'].contains = function(a, i, m) { return jQuery(a).text().toUpperCase() .indexOf(m[3].toUpperCase()) >= 0; }; $("div:cont… Read More
Read More
July 4, 2019

shell命令行下批量重命名文件, 批量修改文件名, 批量替换文件名, command

By  Ubuntu / Mac / Github / Aptana / Nginx / Shell / Linux  0 Comments
shell命令行下批量重命名文件, 批量修改文件名, 批量替换文件名, command
  有一批名称格式相同文件需要重命名成另一种格式，例如“image_0_small.png”批量修改为“image_0_large.png”，用命令行可以轻松完成，下面就来介绍三种不同的解决方法。   方法1：for循环+mv命令 for i in `ls image*small.png`; do mv $i ${i%small.png}large.png done 在上面的三行代码中，首先用ls image*small.png通配筛选出了需要重命名的文件，避免将目录中其他格式的文件也进行重命名；然后对每一个文件执行mv操作，${i%small.png}是匹配并删除$i后面的small.png，然后补上… Read More
Read More
July 3, 2019

Silver Searcher – 程序员的代码搜索工具, 一个比ack速度快n倍的代码搜索工具: ag, A Code Searching Tool for Programmers

By  Ubuntu / Mac / Github / Aptana / Nginx / Shell / Linux  0 Comments
Silver Searcher - 程序员的代码搜索工具, 一个比ack速度快n倍的代码搜索工具: ag, A Code Searching Tool for Programmers
Ag有什么好处？ 它比一个数量级快ack。 它忽略了你.gitignore和你的文件模式.hgignore。 如果您的源代码中有文件您不想搜索，只需将其模式添加到.ignore文件中即可。（*咳嗽* *.min.js*咳嗽*） 命令名称比起第33行短ack，所有的键都在主排上！ Ag现在相当稳定 大多数更改是新功能，小错误修复或性能改进。比我的基准要快得多： ack test_blah ~/code/ 104.66s user 4.82s system 99% cpu 1:50.03 total ag test_blah ~/code/ 4.67s user 4.58s system 286% cpu 3.227 total Ack和Ag发现了相同… Read More
Read More
June 28, 2019

Linux: 更深入地了解Linux权限, A deeper dive into Linux permissions, r，w，x

By  Ubuntu / Mac / Github / Aptana / Nginx / Shell / Linux  0 Comments
Linux: 更深入地了解Linux权限, A deeper dive into Linux permissions, r，w，x
  在 Linux 上查看文件权限时，有时你会看到的不仅仅是普通的 r、w、x 和 -。如何更清晰地了解这些字符试图告诉你什么以及这些权限如何工作？   在 Linux 上查看文件权限时，有时你会看到的不仅仅是普通的 r、w、x 和 -。除了在所有者、组和其他中看到 rwx 之外，你可能会看到 s 或者 t，如下例所示： drwxrwsrwt   要进一步明确的方法之一是使用 stat 命令查看权限。stat 的第四行输出以八进制和字符串格式显示文件权限： $ stat /var/mail File: /var/mail Size: 4096 Blocks: 8 IO Block: 4096 directory De… Read More
Read More
June 28, 2019

《Linux 就该这么学》书籍免费 PDF 下载

By  Php / Pear / Mysql / Node.js  0 Comments
《Linux 就该这么学》书籍免费 PDF 下载
  《Linux 就该这么学》是一本适合于 Linux 零基础新手的入门书籍，注重实用性，由 刘遄 著作，基于 RHEL 7 系统编写（通用于 CentOS、Fedora 等主流衍生版本 ），面向零基础读者，实体书定价 79 元，在亚马逊平装版售价 70.40 元，Kindle 版售价 46.99 元，而完整的 PDF 版本，免费送啦。   关于 Linux 的学习，青小蛙也是从懵懵懂懂开始，连 SSH 都不会用的时候，慢慢开始自学配置服务器，期间碰到的坑简直无数。初期基本上学会一个命令碰到一个一个坑，没人带路太难了。 《Linux 就该这么学》走实用性路线，在教授了简单的环境部署、基本命令之后，就直接上实例了，看目录： 做网… Read More
Read More
June 28, 2019

Linux: 如何用 Linux 命令行发电子邮件, shell 发电子邮件

By  Ubuntu / Mac / Github / Aptana / Nginx / Shell / Linux  0 Comments
Linux: 如何用 Linux 命令行发电子邮件, shell 发电子邮件
  Linux 可以用多种方式通过命令行发送电子邮件。有一些方法十分简单，有一些相对会复杂一些，不过仍旧提供了很多有用的特性。选择哪一种方式取决于你想要什么 —— 向同事快速发送消息，还是向一批人群发带有附件的更复杂的信息。接下来看一看几种可行方案：   mail 发送一条简单消息最便捷的 Linux 命令是 mail。假设你需要提醒老板你今天得早点走，你可以使用这样的一条命令： $ echo "Reminder: Leaving at 4 PM today" | mail -s "early departure" myboss   另一种方式是从一个文件中提取出你想要发送的文本信息： $ mail -s "Remind… Read More
Read More
June 28, 2019

Bootstrap: 弹出窗口上下居中, 弹出modal上下居中, How to align Bootstrap modal vertically center

By  Javascript /Jquery / React / Bootstrap / Web  0 Comments
  使用CSS margin-top属性 默认情况下，Bootstrap模式窗口与页面顶部对齐，但有一些余量。但是您可以使用简单的JavaScript技巧在页面中间垂直对齐它，如下例所示。此解决方案将动态调整模态的对齐方式，即使用户调整浏览器窗口大小，也始终将其保留在页面的中心。 <!DOCTYPE html> <html lang="en"> <head> <title>Vertical Center Alignment of Bootstrap Modal Dialog</title> <link rel="stylesheet" href="cs… Read More
Read More
June 28, 2019

Bootstrap: 弹出窗口Modal不消失, 点击外部不关闭窗口Modal, How to prevent Bootstrap modal from closing when clicking outside

By  Javascript /Jquery / React / Bootstrap / Web  0 Comments
  使用Modal的backdrop选项 默认情况下，如果单击Bootstrap模式窗口外部，即在背景或暗区域，它将关闭并消失。当你在模态内并按下键盘上的退出键时也会发生这种情况。但是你可以通过将modal的backdrop选项设置为static和keyboard选项来防止这种情况发生false，如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Disallow Bootstrap Modal from Closing</title> <… Read More
Read More