前端观察

专注于网站前端设计与前端开发

Latest articles

【最高补贴3万】微信支付18年校招开始了,快发简历来!

腾讯2018年校园招聘即将开始,2019年毕业的同学欢迎自荐,有亲朋好友明年毕业的话也欢迎推荐。 微信支付今年招聘各个岗位的优秀人才,在这里你可以接触最前沿的互联网产品形态,可以学习和使用最先进的互联网技术,可以接触到和消费相关的各行各业。在这里你可以和优秀的同事们一起努力,让微信支付触达10亿微信用户,影响中国人的生活消费方式,让人们的生活更加便捷。 而且,微信支付即将入住腾讯公司新总部滨海大厦,腾讯滨海大厦靠近深圳湾公园和深圳湾体育中心,毗邻深圳生活娱乐中心海岸城,相信在这里的业余生活也将多姿多彩~~ 深圳市政府对于新入深圳的毕业生有一定的租房和生活补贴,其中本科生 1.5 万,硕士 2.5 万,博士 3 万。虽然不是巨款但是简单买买买了~~ 如果你有意来微信支付,请即刻发送简历给我!...

web app 一分钟适配 iPhone X

明天就要开抢 iPhone X 了,然而面对 iPhone X 这个奇葩的屏幕,你准备好了吗? 因为 iPhone X 的刘海设计,Web 在 iPhone X 横屏时,可能会有些问题: 默认情况,iPhone X 会将页面填充到安全区域(safe area),就像上面的图一样,一般情况下是没有问题的; 但如果是全屏 Web App 就会有问题了,比如背景色和页面的契合程度之类的; 有的 iOS app 内置 WKwebview 可能会为了避免一些bug,而采用统一的行为,就是禁用 iOS 11 自己的内容区域判断,从而让 H5 默认全屏,如下图: 解决方案 1. 默认全屏 <meta name="viewport" content="width=device-width,...

不要把 svg 转成 base64

不是什么新知识,一个小技巧而已。 今天遇到一个项目中使用纯色图标的问题,用字体麻烦用图片low,所以就想直接用svg,毕竟只有一两个图标。 第一想法是用 DataURI,然后想到了之前 CSS-tricks 的文章,翻了下做下汇总: 不建议把 svg 转 base64 来用 base64 本身浏览器解码也会消耗一定的资源 svg 转 base64 后反而会变大 解决方案: 压缩 svg 文件,使用 SVGO 或者 SVGOMG 使用 DataURI 而不用 base64 ,DataURI 的用法是 data:[<mediatype>][;base64],<data> base64 只是声明 data 使用 base64...

2017年腾讯Web前端大会即将召开

首届 < 腾讯Web前端大会 TFC 2017 /> 将于2017年6月24日在深圳召开,本次大会将是腾讯规模最大的Web前端盛会。主办方腾讯, 中国顶级互联网公司之一,创造了许多亿万海量用户级的优秀Web应用,积累了深厚的Web前端开发经验 。 大会讲师将会广邀国内外的前端知名大牛,他们有著名流行框架的作者、知名前端书籍的作者、Web工程化方面的权威等。其中还有部分讲师是从腾讯上千名前端工程师中精挑细选的优秀高级工程师,将为你带来最具实践价值、最接地气的前端开发经验分享,内容不仅涵盖Web新技术、Node.js、框架、工程化、 图形处理等前端前沿内容 ,还包含极致的性能优化、海量用户运营等具有腾讯前端特色的宝贵经验。 无论您是资深的前端大咖,还是初出茅庐的前端菜鸟,相信都可以通过本次大会获得非常有价值的帮助。...

JS the Hardcore: 执行上下文(Execution Context)

先看个例子: console.log(a) console.log(foo()) var a = 'hello world' function foo() { console.log('foo') } 估计大部分人早就对这种问题了如指掌了,输出结果也是脱口而出: undefined 'foo' 请解释一下原因? 这不就是常说的 Hoisting 吗? 代码在执行的时候,其实是这个样子的: function foo() { console.log('foo') } var a console.log(a) console.log(foo()) a = 'hello world' 是的,这样解释也可以,但是不够准确。如果仅仅理解到这个层面,而不把这里面涉及到的「执行上下文」(Execution...

weui.js发布

weui.js 是 WeUI 的轻量级 js 封装。 嗯,没啥好介绍的,直接复制项目的 Readme.md 过来好了,欢迎去项目的 Github 项目主页 star 并贡献代码。 概述 注意:由于微信小程序不支持dom操作,所以weui.js并不适用于小程序。不过WeUI也为小程序开发了另外的版本,详情请看:https://github.com/weui/weui-wxss/ 手机预览 https://weui.io/weui.js/ 开发 安装 git clone https://github.com/weui/weui.js.git cd weui.js npm install npm start 编译 npm run build 使用 global...

中国第三届CSS开发者大会即将召开

中国第三届CSS开发者大会将于 2016 年 12 月 17 日在广州召开,这次请来的分享嘉宾还是非常牛逼的,有不少国内外的大牛,也有我的几个同事。 感兴趣可以直接访问上面的链接了解动态和详情。 部分讲师简介 还没有勾三股四的议题,看来是要压轴啊,好期待!

One Day

这几年,前端技术发展很快,每年都有新的技术名词流行,ReactJS、Angular 2、VUE、微信小程序。。。而我重新学习了 swift ,是的,重新学习,之前读过《swift 1.0 从入门到放弃》。 想起当年学习前端开发的经历,我开始写一些实际的小 app 来练手,总算是没有又一次『从入门到放弃』 有一天突然想到,每一天不管开心还是难过,不管是平淡还是难忘,都要过的有意义——从来不写日记的我第一次想每天花几分钟记录一下自己的一天了。(日记?上个世纪的东西了吧?!) 于是就尝试了各种 app,记事类的、日记类的。却发现每个 app 都想做的很完美,带上各种功能,需要的不需要的全都有,干扰的东西太多。。。 我只想一个单纯的记录自己每一天的 app,几张图片,一段文字,最多再加上一个地理位置,嗯,真实的自己,只有自己能看到,也不用担心有没有人点赞。...

WeUI for 微信小程序发布

嗯,迟到的软文,这几天博客后台遇到了点儿问题,今天午休折腾了一番,也没有折腾对,但博客就这样恢复了。node nginx chrome spdy http/2 ...ghost 每次升级都各种蛋疼,前端技术这些年越来越牛逼了啊,每天不是折腾轮子就是被轮子折腾。。。 废话少说,赶紧把软文发了,不然。。。 项目地址: https://github.com/weui/weui-wxss 以下内容 copy 自项目的 README //懒癌患者。。。 概述 WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。...

WeUI 1.0发布

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。 经过半年的打磨,WeUI 1.0 正式发布,主要是新增了一些常用组件,并使用 BEM 命名,为接下来的微信小程序开发做好准备。 主要features 【增强】 采用BEM命名规范 【增强】 新增Flex布局 【增强】 新增Gallery 【增强】 新增Preview 【增强】 新增Agreement 【增强】 新增Footer 【增强】 新增Dialog和Actionsheet的Android样式 【修复】 修正了部分组件的间距 【修复】 修复了已知问题 项目地址:https://github.com/weui/weui...

Discover, share and read the best on the web

Subscribe to RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters! Get unfiltered news feeds or filter them to your liking.

Get Inoreader
Inoreader - Subscribe to RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters!