20180812 前端开发日报-前端开发博客

React Native with MobX — 入门；使用Jest进行React单元测试；TensorFlow.js 简介；从青铜到王者10个css3伪类使用技巧和运用，了解一哈；职位推荐：杭州有赞招聘前端开发工程师/资深前端开发工程师；《React Native 精解与实战》书籍连载：React 与 React Native 简介；WebWorker与WebSocket实现前端消息总线；js解惑-函数执行顺序

React Native with MobX — 入门在这里，我们将结合MobX和React Native来创建一个简单的列表应用程序。如果您正在寻找如何开始使用MobX和React Native，那么这应该是一个很好的选择。想学习React Native？查看 React Native Train
使用Jest进行React单元测试 React单元测试方案前置知识为什么要进行测试测试可以确保得到预期的结果作为现有代码行为的描述促使开发者写可测试的代码，一般可测试的代码可读性也会高一点如果依赖的组件有修改，受影响的组件能在测试中发现错误测试类型单元测试：指的是以原件的单
TensorFlow.js 简介本文翻译自Medium上的文章：A Gentle Introduction to TensorFlow.js，原文地址：https://medium.com/tensorflow/a-gentle-introduction-to-tensorflow-js-dba2e5257702 Tensorflow.js是一个基于deeplearn.js构建的库，可直接在浏览器上创建深度学习模块。使用它可以在浏览器上创建CNN(卷积神经…
从青铜到王者10个css3伪类使用技巧和运用，了解一哈写在前面伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。伪类与伪元素的本质区别就是是否抽象创造了新
职位推荐：杭州有赞招聘前端开发工程师/资深前端开发工程师关于有赞有赞，是一个主要从事零售科技服务的企业。我们帮助每一位重视产品和服务的商家私有化顾客资产、拓展互联网客群、提高经营效率，全面助力商家成功。我们帮助商家服务了超过4亿的消费者，每天处理百万级的订单，和几亿条信息。我们致力于成为商家服务领域里最被信任的引领者。 …
《React Native 精解与实战》书籍连载：React 与 React Native 简介此文是我的出版书籍《React Native 精解与实战》连载分享，此书由机械工业出版社出版，书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战，以及 React Native 与 iOS、Android 平台的混合开发底层原理讲解与代码实战演示，精选了大量实例代码，方便读者快速学习。 …
WebWorker与WebSocket实现前端消息总线 Web Worker让JS有了多线程的能力，可以将复杂耗时的操作都交付给Worker线程处理。WebSocket让web端与服务端维持一个有效的长连接，实现服务端主动推送数据。将二者一结合，业务系统信息流转通知功能完全就可以剥离出来。架构图 JS Work
js解惑-函数执行顺序背景 JS基础知识温习。函数解析原理分3个阶段：准备（Hoisting）装载（填充数据）执行（逐行处理）准备本阶段就是书本中所说的Hoisting，包括：形参变量创建、函数体内变量提升创建和函数申明创建。就是先把函数中所有的变量或者声明
深入理解 Javascript 之 JS的封装封装常见的封装 {代码…} 类中的共有和私有 {代码…} 执行结果如下：（原因是调用pm的时候，this指向的其实是window，因此没有输出）解决办法 {代码…} 工厂函数 {代码…} javascript也有private public …
JSX 这么6？本文会先解释一下JSX的工作原理，再介绍一下如何用“不寻常”的方式来使用JSX。如果你已经了解了JSX的工作原理，可以跳过第一部分。如果你只想学一些实用的东西，那可以跳过第二部分。上周，我发了一条这样的动态：可以看出大家
记一次基于vue的spa多页签实践经验前言最近收到一个这样的需求,要求做一个基于 vue 和 element-ui 的通用后台框架页,具体要求如下: 要求通用性高,需要在后期四十多个子项目中使用，所以大部分地方都做成可配置的. 要求做成脚手架的形式.可以 npm 安装要求实现多页签,并且可以
预渲染 Vue SPA（踩坑记录）使用prerender-spa-plugin在 Netlify 上对 Vue SPA 项目进行预渲染以优化 SEO。最近一直在更新 Hubble 上的 React vs. Vue 100k star race LIVE 忙的不亦乐乎。昨天 Vue 与 React 的差距缩小到 500 以内，想着终于到了加上 Facebook 和 Twitter 分享按钮的时候了，可以吸引一些观众。按照 Facebook 和 T…
Web 端反爬虫技术方案对于内容型的公司，数据的安全性很重要。对于内容公司来说，数据的重要性不言而喻。比如你一个做在线教育的平台，题目的数据很重要吧，但是被别人通过爬虫技术全部爬走了？如果核心竞争力都被拿走了，那就是凉凉。再比说有个独立开发者想抄袭你的产品，通过抓包和爬虫手段将你核心
美团扫码付的前端可用性保障实践开篇 2017年，美团金融前端遇到了很多通用性问题，特别是在保障前端可用性的过程中，我们团队也踩了不少“坑”，在梳理完这些问题以后，我们还专门做了第31期线下沙龙给大家进行了分享。不管是在面试过程中与候选人讨论，还是在团队内的和我们前端小伙伴讨论，都能发现很多
《React Native基础&入门教程：以一个To Do List小例子，看props和state》在RN中，界面的变化对应着程序状态的变化。应用的状态主要由两个变量决定，props和state，它们可以存在于继承自React.Component的每一个组件中。（by 葡萄城技术团队）
7款炫酷的HTML5 Canvas动画特效 HTML5真的是一个相当出色的Web技术，它不仅可以让你更加方便地操纵页面元素，而且可以通过canvas实现更多的动画特效，引进HTML5标准后，CSS3也就可以发挥更大的作用。本文主要介绍了一些基于HTML5 Canvas的动画特效，分享给大家，希望大家喜欢。 1、HTML5 Canvas瀑布动画超逼真这是一个很逼真的HTML5瀑布动画，基于Can…
css3 渐变 css3 ps: css越来越真正的像一门语言了，css已经有变量了，刚刚看到文档中。一个实验性质的功能。渐变渐变分为两种渐变，一种是线性渐变，一种是径向渐变线性渐变线性渐变为向上，向下，向左，向右两种渐变方式。 linear-gradient()函数
《微信小程序开发07-列表页面怎么做》今天我们就来实现列表页的demo。（by 叶小钗）