20180812 前端开发日报

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

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

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20180812 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20180812.html)

发表评论

请登录后发表评论: