移动端网页调试 之 weinre&spy-debugger

Chrome DevTools 是前端开发和调试的入门神器,上手容易使用也很简便,但很多高级功能还是要认真学习和等待发掘的,这里就直接贴上详细的教程供大家收藏学习。

Read More

移动端网页调试 之 Eruda

前言

我打算将移动端网页调试作为一个专题介绍几个常用的调试工具,主要是样式调试和接口数据调试,目的是在提测和修bugs的阶段能快速定位问题,提高工作效率,这篇文章介绍的是Eruda

Read More

React 16 新特性使用总结

从React 16.0开始,React引入了一下新的特性(组件、API、生命周期函数)。从15.X升级到16.X是一种增强式的升级即之前的用法在新版上保持有效,基本是平滑的升级,但是随着React 16.5的发布,新特性基本已经完善和固定下来,为了享受新版本带来的更高效率架构和更规范的开发流程,现在是时候使用上React ^16.0 的新特性进行代码重构。

Read More

使用react-sketchapp 和 react-native-web 开发跨端的组件

使用react-sketchapp可以将react元素渲染到Sketch,从而将设计文档代码化;使用react-native-web可以将react-native的应用web化,实现跨端。网上已经有比较清楚的介绍文档,所以就不再重复了下面就是它们的官方文档和原理介绍的文档,首先阅读它们,有一个大致的了解后可以审阅一下我的心得,欢迎指教。

Read More

ES6使用总结

简单回顾总结一下使用ES6的知识点。详细教程请看阮一峰的教程

Read More

前端代码拆分

问题场景:

在使用前端框架构建单页应用时,服务器会返回一份html文件、抽取出来的css文件和一份打包好的js文件。html体积是极小的,相当于只提供了一个舞台,而页面结构的生成和更新完全由js根据路由和框架特点、业务逻辑来控制,加上css样式渲染出完整的页面。打包后的js文件包括了框架和依赖库(react、react-router等)还有业务逻辑代码,所以功能越复杂,体积很大。

Read More

git常用命令速查

总结一下自己开发中常用的git命令,供日后随时查看,这些命令已经基本满足一般的开发要求,以后会根据需要不断更新。如果要深入了解推荐我学习git的启蒙教程:廖雪峰Git教程 和官方的Git 手册

Read More

svg图标使用心得

初次接触font-icon是使用font awesome库。font-icon比png 图标的优点是矢量(任意缩放也不失真),可通过css样式控制大小颜色,体积更小(可被缓存),使用Iconfont制作font-icon效率也大大提高。

Read More

使用gulp编写常用自动化构建任务

Read More

flexible.js-移动端H5页面适配应用

前端页面适配有两大方向:一是布局适配,可以使PC、手机、平板共用一份代码,实现方法有css 媒体查询、css 弹性盒子布局、 css grid布局等。二是高清适配,面对的是移动开发中设备不同分辨率和不同尺寸,最大限度还原设计稿效果。

Read More