网站前端

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...