上周，Megalo@0.2.0 正式发布，优化了数据更新性能的同时，支持了百度智能小程序，着实激动了一把，这“可能”是目前社区里第一个同时支持三端小程序的 vue 小程序框架。下面我们就来试试他的效果。

三月初，阿里巴巴开源的一套基于 Weex、React Native 的富交互解决方案 「BindingX」。提供了一种称之为 「Expression Binding」 的机制可以在 Weex、React Native 上让手势等复杂交互操作以60fps的帧率流畅执行，而不会导致卡顿，因而带来了更优秀的用户体验。

iPhone X 上市也一月有余了，「齐刘海」的设计给全世界的 IOS 和 M 站开发人员出了一道兼容题目，默认效果问题虽不严重，但是足以逼疯强迫症患者。幸得项目「空窗期」，实践下 iPhone X 的适配。还记得之前的一篇文章吗？《【Weex】网易严选 App 感受 Weex 开发》，此处将以此 demo 为基础做展开 Weex 适配。Native 和 H...

突然有一天，脑之里不知怎地蹦出一个词，「双飞翼」，这是很久以前的淘宝提出的一种三栏布局优化方案，然而，时间久了已经不记得（换句话说是不理解）为啥要提出这个布局了，昨天在 SF 上发起了一个提问，但良久未有人答复，幸得@王能全是谁 提醒，终于回想起「双飞翼」的完整意义了。谨以此文同大家分享这段心路历程。

要讲内核首先要讲浏览器基础，浏览器基础是前端知识网中的一个小分支，也是前端开发人员必须掌握的基础知识点。他贯穿着前端的整个网络体系，项目优化也是围绕着浏览器进行的。

围绕前端的性能多如牛毛，涉及到方方面面，以我我们将围绕PC浏览器和移动端浏览器的优化策略进行罗列注意，是罗列不是展开，遇到不会不懂的点还请站外扩展

高清图地址：[链接]

作为一个移动端初学者、爱好者，能使用前端技术开发原生游戏一直是一件渴望而不可及的事情，暂且不说游戏逻辑的复杂度，算法的健壮性，单单是场景、画布、布局就让我们无处下手。

同事：快来！快来！线上出问题了！！我：神马?! 咩?! WHAT?! なに?! 同事：是这次发布造成的吗？我：回滚！回滚！（为什么要在快吃饭的时候掉链子！顾不上肚子了！快查吧）......

关于Web安全的问题，是一个老生常谈的问题，作为离用户最近的一层，我们大前端确实需要把手伸的更远一点。 我们最常见的Web安全攻击有以下几种 XSS 跨站脚本攻击 CSRF 跨站请求伪造 clickjacking 点击劫持/UI-覆盖攻击 下面我们来一一分析 XSS 跨站脚本攻击 跨站脚本攻击（Cross Site Scripting），为了不和层叠样式表（...

问题如图 调试状态下显示正常真机测试时会有大概64px的白底 思路 我们在WeexPlayground App 调试时效果也是正确的，但是会有一个应该也是64高的蓝色NavigationBar 于是身为一个纯web开始读oc的源码了。最终找到此文件 {代码...} weex在打包的时候会将原生的NavigationBar（高64）隐藏，但并没有把显示显示区域减去但64补...

工程目录下搜索，ATManager.h是存在的，但是工程缺找不到看到ATSDK在Pods目录下，猜测是pod的配置问题但是Hearder Search Paths配置并没有问题对应目录下并没有找到ATSDK-Weex目录去查下工程文件配置，并未出错工程构建也未出错但仔细想想，为什么ATSDK-Weex、SDWebImage、SocketRocket、WXDevtool、WeexSDK、Weexplugin...

近期在做国际化的改造，做了相应的调研，简单做下项目前端国际化的小结 国际化可以分为前端国际化和后端国际化，也可以是前后端组合的国际化后端多为spring国际化，这里不做展开，百度一下到处都是 常见型 常见的前端国际化方法步骤如下：（原理） 定义国际化配置 根据环境读取配置 将配置展现在页面上 展开说： 定义国...

当我们运行打包脚本npm run build或者打包iosweexpack build ios有可能会遇到以下报错 ERROR in index.js from UglifyJs 这是因为webpack在打包vue文件时没有成功转换ES6的语法 解决方法 解决方法很简单，加入babel-preset-es2015插件即可1、安装依赖包 {代码...} ps：babel-loader、babel-core应该是默认装好的，如果没...

一句话概要 Native、Web App、Hybrid、React Native（后面以RN简称）、Weex 间的异同点，后期同步 小程序 和 PWA App常用开发模式【简介】 此处App为应用，application，并非我们通常讲的手机App常用的几种APP开发模式-脑图 Native App 传统的原生App开发模式，有iOS和aOS两大系统，需要各自语言开发各自App。 优点：性...

随着前端技术的发展推进，web端的布局方式已基本成熟，那么在网站布局方式中，三列布局最为常用，布局方式也有很多，渐渐的开发者们开始从效率的角度优化自己的代码“如果三排布局能将中间的模块放在dom树前面，那么浏览器在做重绘的时候不久有限显示了吗？”机制的开发者们开始围绕者这个方向进行了dom的优化，于是诞生了...

自打出生的那一天起，Weex 就免不了被拿来同 React Native「一决高下」的命运。React Native 宣称「Learn Once, Write Anywhere」，而 Weex 宣称「Write Once, Run Everywhere」。在我看来，并没有谁更好，只有谁更合适。下面我将围绕 Weex 入门进行讲解。（如果你尚不了解 React Native，并想简单入门，可以阅读【整理...

时间：15年6月地点：上海 起因：台风被困家里24小时，实在无聊，写了这个小游戏类型：混合开发入门 【github源码】 [链接] 【代码结构】 【代码结构解释】 1、使用html语言实现数据2、使用css3语言实现样式3、使用js语言实现控制 【AppCan框架】 《《《相关细节请点击右侧图标连接》》》 【web试玩】 [链接] 【已打包app...

在大量“不定宽”元素并排的布局模式下，上图是我们想要的最佳布局但是FlexBox布局虽然枪弹但并不能完全呈现以上布局，于是我们需要结合FlexBox作下小的改动即可实现。

ReactNative的文档地址有多个，如果你英文够好，就去研读官方的文档吧，如果读原文比较吃力，中文官网也是不错的选择。 下面是我个人记录的一些笔记，仅供初学者入门参考 预科 入门React Native前需要了解一下知识，这样能帮助你更快的掌握RNNode：Node.js 教程ReactJS：《React 入门实例教程》ES6：《ECMAScript 6 入门...

inline是内联对象，比如<a/> 、 <span/>标签等，可以“堆在一起”显示，宽高由内容决定，不能设置；block是块对象，比如<div/>、<p/>标签等，要占一整行，但是宽高可以自定义；为了弥补inline和block的不足，又扩充了inline-block属性；inline-blcok可以将对象呈递为内联对象，而内容作为块对象呈...

我们在日常开发中经常遇到布局问题，下面罗列几种常用的css布局方案话不多说，上代码！ 以下所有demo的源码github：[链接]链接: [链接] 密码:obkb 居中布局 以下居中布局均以不定宽为前提，定宽情况包含其中 1、水平居中 a) inline-block + text-align {代码...} tips：此方案兼容性较好，可兼容至IE8，对于IE567并不支...

本不想写此引导性博文的，但个人在创建第一个Demo时确实出现了太多坑，且官方并未给出很好但入门引导。顾撰写此文，希望对初学者有所帮助，不至于出现“从入门到弃门而去”的现象。文中若有不当之处，还请不吝指正。