网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
关于Apple设备私有的apple-touch-icon属性详解
2018年09月17日
以前我们用过favicon在浏览器给网站进行身份标识，用法如下：<link href="http://image.feeliu.com/web/favicon.ico" rel="shortcut icon" /><link href="http://image.feeliu.com/web/favicon.ico" rel="Bookmark" />现今移动设备越来越多，苹果为iOS设备配备了a...
图片与图片之间空隙
2018年09月12日
最近制作一个网页，图片与图片之间总是有空隙，截图如下：出现这个问题的原因：这个是浏览器的一个设计问题。1.img本来是行内元素，却可以用width 和height,当父元素没有设置高度的时候，用子元素们的高度计算出的高度给父元素的时候就会出现3px空隙这类的问题。2.img图片默认排版为 inline-block;而所有的inline-block元素之间都会有空白。解决方案：有两个方法：1、定义图...
node.js 开机如何自动启动
2018年09月03日
最近安装RSSHub，安装方法参考这篇文章：RSSHub 部署，但是安装完成了之后无法开机自动启动，需要修改，使用systemctl的方式，尝试过多次都没有成功，最后使用PM2的方式才搞定。具体部署过程记录如下：首先是安装yarn，输入：apt install cmdtest，但是提示如下错误：00h00m00s 0/0: : ERROR: There are no scenarios; must...
客户端浏览器版本
2018年08月17日
检测客户端浏览器版本：var AGENT = navigator.userAgent; var BROWSERS = { isMac: (navigator.platform.substr(0,3) === "Mac"), isPC: (navigator.platform.substr(0,3) === "Win"), isMSIE: ("...
形如：{data:Array(1)}的Javascript数组如何解析
2018年08月11日
最近需要解析一个Javascript数组，结构如下：{data:Array(1)}之后展开Array(1)来看，内容如下：0:{catalog_name: "有色金属", catalog_since: "Mon, 06 Aug 2018 07:24:27 GMT", id: 1}前面的0是一个索引，现在只有一条数据，当然后面重复数据会比较多。结题思路：1、首先获得data的内容：item=data...
contentType = false相关问题思考
2018年07月25日
最近需要将文件上传到服务器，但是服务器那边怎么也获取不到文件。报如下错误：Uncaught TypeError: Illegal invocation参考了这篇文章：Jquery and HTML FormData returns “Uncaught TypeError: Illegal invocation”之后修改了一下代码，文件终于获取到了。具体代码如下：function upload_fi...
webstrom如何禁用Material Theme UI主题
2018年05月17日
最近WebStrom安装了Material Theme UI主题，感觉用不习惯，之后需要删除Material Theme UI主题，具体操作步骤如下：之后取消选择Material Integration之后就可以取消使用Material Integration UI之后就可以禁用Material Integration UI了。黄兵个人博客原创。转载请注明出处：黄兵个人博客 - webstrom如...
Javascript 关闭网页时提示
2018年04月05日
最近在发文章的时候突然关闭了页面，没有提示。刚才写的文章都没有保存，白辛苦了半天。为了实现如关闭页面提示的效果，截图如下：可以看到在刷新和关闭的时候，触发window.onbeforeunload事件，而点击页面内部链接的时候不触发事件。具体代码如下：(function () { // 关闭窗口时弹出确认提示 $(window).bind('beforeunload', fun...