网站前端
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...