@babel/preset-env, @babel/polyfill和@babel/plugin-transform-runtime
在平时通过babel转code的时候，有没有认真去研究一下这三个我们最常用的包呢？额……好像前面两个最常用，最后一个不常用。有没有去思考过，为啥要有这些包的区分？在什么情况下使用呢？这篇文章就讲解一下。 @babel/preset-env 这可以说是babel官方的得意之作，最早的时候没有这个包，有的是babel-preset-es2015这样的包，后来每次新标准发布之后，就要新加一个包。babe... 继续阅读 »
react诡异的input无法输入问题，createPortal来解决
这写Modal的时候遇到一个诡异的react问题，即input无法输入。不能说资深，但是对于自认为熟谙套路的react开发者，检查了好几遍，调试了好一会儿，还是解决不了。 就在我快要放弃的时候，我突然想到，是不是所在组件树的上层组件在处理children的时候对input做了处理？按理不该啊。 于是我对嵌套的上一层组件内部实现进行了检查，最后发现，果然是在Modal的实现中，使用了ReactDOM... 继续阅读 »
sql插入数据时，如果已经存在，则执行update更新
在很多项目中，我们需要对数据进行不断的调用和更新，如果有新的数据过来，还要把它加入到数据库中。其中非常重要的一种情况就是，我们不知道传过来的数据是不是原本数据库中就已经有了的记录，所以我们常常需要先通过抓取数据，判断是否存在，如果存在执行update，如果不存在执行insert，这样就要进行两次数据库操作，第一次是查询，第二次是更新或插入，有没有一种方法可以只需要执行一次操作即可呢？答案是有的。 ... 继续阅读 »
Ubuntu14 apache2 虚拟主机 用户目录403
刚刚安装上apache作为本地测试环境，ubuntu上apache和centos上不同，服务进程不是httpd，而是apache2，配置方法也不一样。 Apache2的配置简介 在我的服务器上，apache的配置文件在/etc/httpd目录下面httpd.conf，虚拟主机的配置文件conf.d/vhost.conf。而Apache2的配置目录则是/etc/apache2，其下的apache2.... 继续阅读 »
ubuntu开机出现/dev/mapper/cryptswap1和乱码 系交换分区错误及解决办法
刚刚安装完Ubuntu 14.10（win7硬盘安装，是真机上的双系统）兴奋的准备开始进入它的神奇世界了，但是开机的时候却出现了一串乱码，觉得可能存在问题。乱码中有一串英文字符/dev/mapper/cryptswap1，从swap字样可以看出应该是交换分区出了问题。虽然界面正常启动了，但是还是有点感觉不够完美。因此打算把这个问题解决掉。 虽然电脑正常开机，但是这并不代表没有问题，交换分区类似于虚... 继续阅读 »
毫秒必争，前端网页性能及打开速度的最佳途径
你愿意为打开一个网页等待多长时间？我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人开始建立自己的网站，博客，你的网页响应速度如何呢？在这篇文章中我们来介绍一下提高网页性能的最佳实践，以及相应的问题解决方案，让站长或者即将要成为站长的朋友了解如何去测试和提高网站响应速度，对自己的网站更有信心。
javascript配合PHP实现服务器动态当前时间
需求是这样子的：我需要服务器端的时间显示在项目后台的右上角。看上去挺简单的，但是实际上并不那么容易。服务器端其实是指PHP的全局时间，因为不同的服务器配置不同，所以很多服务商都提供服务器时间，但是因为这些时间是显示在服务商提供的控制面板，而非我们自己的网站后台。因此，我采用了本文将要使用的方法，彻底解决这个问题。 1.使用PHP获取当前服务器端的时间戳 代码非常简单，在你的PHP文件中写上time... 继续阅读 »
ubuntu 12.04开机出现/dev/mapper/cryptswap1乱码错误，是交换分区挂载出错，及解决办法
之前一直没注意，昨天发现这个问题。随即求助谷歌大神，各种方法试过后简单思考了这个问题。 首先，什么是交换分区？我们可以等同于虚拟内存。在我们安装ubutu的时候，我们可以先分出一个物理内存1.5倍-2倍的大小作为交换分区，我就这样做了，最终出现了这个问题。 其次，分区的挂载。linux中硬盘数据要被读取必须有一个挂载的过程，如果打算一开机就挂载上，就要开机自动挂载。我读了一些文章后发现交换分区开机... 继续阅读 »
Ubuntu 12.04 在桌面创建Web QQ快捷链接
几乎所有的互联网厂家都有点轻蔑linux桌面系统，这样我等技术屌非常难为情，连QQ都得用手机挂着，不然不能截图。和WIN桌面不同，ubuntu要创建桌面快捷链接可不那么方便。本文来简单谈一下如何在桌面创建一个双击可以打开WEB QQ的快捷链接。 [注意：这种方法导致浏览器的打开的默认网址被更换] 首先，点击功能列表，或者点击键盘上的windows键，打开功能面板，点击底部的第二个按钮，显示你所有安... 继续阅读 »
CSS实现随着字数增加而线条缩短的效果
今天一个朋友问到我一个关于界面的问题，虽然看上去很简单，但是如果仔细思考，发现“同样一道问题，答案可以有很多不同”。废话少说，我们来看题目： 提问是：上图中，BLOG和后面的白色横线是如何做到白色横线随着前面的字数增加而缩短的。 如果不认真审题，就会觉得只需要一个简单的-margin就可以实现了。但是我们再仔细看Blog这个单词时，就会发现它的背景更整个网页的背景是连在一起的，也就是说Blog这个... 继续阅读 »
