网站前端

SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,Web 1.0时代,网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。

各种各样的框架让人目不暇接,新技术层出不穷。让我们这些前端狗情何以堪。

目前web前端工程师的年薪待遇平均在10万以上,高级HTML前端工程师年薪达30—50万,很多企业对于与web前端相关的技术职位更是求贤若渴。

body基础样式

2018年10月12日

body基础样式:body{ font: normal 14px/1.5 "微软雅黑", tahoma, Srial, helvetica, sans-serif ;}

viewport的一些知识点

2018年10月04日

viewport虽然不是w3c的标准规范,但是由于iOS设备和WebKit的普遍存在,它们已成为事实上的标准。viewprot使用多种方式控制页面在不同设备上的显示方式。下面我们看看viewprot的一些常见属性以及需要注意的问题:设置设备宽度下面的代码显示了视口的宽度,这个宽度根据设备屏幕的宽度来确定:<meta name="viewport" content="width=device-wid...

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