20180315 前端开发日报

Vue 2.0学习笔记：不同场景下组件间的数据通讯；Vue 组件的通信；ajax常见面试题；JS拾荒の字符串；React入门—react脚手架；北京某雨医生前端面试汇总；饥人谷技术栈介绍：Rails + Vue；2018 Web 开发最佳路线图

1. Vue 2.0学习笔记：不同场景下组件间的数据通讯 通过前面的学习，对于Vue中组件的数据交流有了一定的了解。实际上在Vue中不同场景之下组件之间的数据通讯是不一样的，在业务中常见的组件通讯的场景主要有 父子组件之间的通讯、兄弟组件间的通讯和全局组件的通讯 等三种。只不过全局组件的通讯不是我们这章要阐述的范围，他涉及到Vuex。接下来分别看看父子组件和兄弟组…
2. Vue 组件的通信 // 全局定义 Vue.component(‘my-lists’, { // options }) 定义后，可以在 template 模版中使用 <my-list></mylist> ，此时会将 组件 中定义的内容显示出来。 <template> <div> <my-list></mylist> </div> </template> 通过例子…
3. ajax常见面试题 异步的javascript和xml AJAX 是一种用于创建快速动态网页的技术。 ajax用来与后台交互 2:原生js ajax请求有几个步骤？分别是什么 //创建 XMLHttpRequest 对象 var ajax = new XMLHttpRequest(); //规定请求的类型、URL 以及是否异步处理请求。 ajax.open(‘GET’,url,true); //发送信息至服务器时内容编码类型 ajax….
4. JS拾荒の字符串 普通字符串拼接时候一串字符里不能换行(对应的模板字符串中是能的) let str = ‘我是一串 普通的字符串’; //此处进行了换行，会报错 console.log(str); 解决方案：在准备换行之前使用 转义 let str = ‘我是一串 普通的字符串’; //此处进行了换行，会报错 console.log(str); ‘ 、 …
5. React入门—react脚手架 React是Facebook研发的一款前端框架(MVC框架：侧重于view层操作)，目前在行业内广泛使用。为了让框架的体积变得更轻量级，设计者们把其定义为“渐进式”框架,也就是: 主体核心的部分都在react/react-dom两个框架中 如果向使用路由，我们需要安装react-router 如果向使用redux进行状态统一管理，我们再安装redux/react-re…
6. 北京某雨医生前端面试汇总 一面 面试小哥很和善,连自我介绍都不让我说。直接上手就拿纸开始写题让我回答。 第一题(比较简单 就是考变量提升和异步) var a = 10; function A(){ console.log(a); //第一次输出undefined //答案：函数内部变量a声明提升 值为undefined,找变量先找函数当前作用域的变量 var a = 20; console.l…
7. 饥人谷技术栈介绍：Rails + Vue
8. 2018 Web 开发最佳路线图
9. 从零开始写一个Javascript解析器 在大家的认知中，有几种执行自定义脚本的方法？我们来列举一下： Web 创建 script 脚本，并插入文档流 function runJavascriptCode(code) { const script = document.createElement("script"); script.innerText = code; document.body.appendChild(script); } runJavascriptCode("alert(‘h…
10. 用 JavaScript 编写 MPEG1 解码器 几年前，我开始从事于完全用JavaScript编写的MPEG1视频解码器上。现在，我终于找到了清理该库的时间，改善其性能、使其具有更高的错误恢复能力和模块化能力，并添加MP2音频解码器和MPEG-TS解析器。这使得该库不仅仅是一个MPEG解码器，而是一个完整的视频播放器。 在本篇博文中，我想谈一谈我在开发这个库时遇到的挑…
11. Nodejs + Face++ 识别身份证照片 因为有这样一件事情，需要获取身份证正面照中的姓名和身份证号，如果全部通过眼看手敲的话，很费事，而且浪费时间，当时能想如果能自动化执行就好了。 实现 图像识别Api 图片识别暂时还没有接触过，所以就去找了能够提供图像识别的第三方应用，这边我是用的是 Face++ 登陆注册并完善相关信息后，提…
12. JS中的箭头函数与this 在ES6语法之前，JS中的函数由function关键字、params参数和被花括号包裹的函数体组成。为了与后面说到的箭头函数相区别，我们先把这样的函数叫做常规函数，常规函数既可以用声明式写法也可以用赋值式写法。例子： function test(name) { //声明式写法 console.log(name) } test(‘Jerry’) let test2 = function(n…
13. 你不知道的Vuejs – 使用ESLint检查代码质量 Javascript 是一门弱类型语言，所以语法检查变得尤为重要。虽然有很多前端IDE开发工具，可以很好地帮助我们提示在编写时的错误，但是大多数开发者还是使用的像 Sublime Text 、 Visual Studio Code 之类的轻量级编辑器，这导致在开发中很容易出现各种错误，比如单词拼写错误，漏掉了括号等。而且每个人的代码编写…
14. JS异步与性能(一) 看了《你不知道的javascript》上卷以及中卷之后，自己的一些总结。 事件循环 JavaScript 引擎并不是独立运行的，它运行在宿主环境中，对多数开发者来说通常就是Web 浏览器。处理程序中多个块的执行，且执行每块时调用JavaScript 引擎，这种机制被称为 事件循环 。 先通过一段伪代码了解一下这个概念: // event…
15. 基于mpvue的toast组件 最近美团开源了一个可以用vue来开发小程序的框架 mpvue ，看起来还挺不错的，我自己觉得 wepy 的开发体验不是很好，所以还是比较期待这个新框架的，基于mpvue写了个toast组件，主要是试试水，总体的开发体验还是很不错的。先贴出来 github地址 ，有兴趣的可以看看，喜欢的请给个star拉~ 主要有这几个问题： 小…
16. React 深入系列（三）：Props 和 State React 深入系列，深入讲解了React中的重点概念、特性和模式等，旨在帮助大家加深对React的理解，以及在项目中更加灵活地使用React。 React 的核心思想是组件化的思想，而React 组件的定义可以通过下面的公式描述： UI = Component(props, state) 组件根据props和state两个参数，计算得到对应…
17. 原生JS+观察者模式实现一个模块加载器 github 在 简单的浏览器端js模块加载器 ，这篇文章中，了解了一个简单的require是如何实现的。 最近看了如何实现一个MVVM的文章，恍然大悟，其实模块加载器也可以使用类似的方法。这里，每一个callback就被放在一个实例化的Watcher对象里。 参考Vue.js的数据双向绑定实现方式，将每一个模块放入一个…
18. Github 上那些开源项目的 star 数 掐指一算，一年时间过去了，去年的这个时候，我还捞了一下 github 上的开源项目数据，分析了一下 github 上的项目分布、受欢迎程度等，还是由一些小小的有意思的发现（原文在此）。前几天看到 《GitHub预测2018年开源项目趋势》 一文，感觉是时候简单回顾下这一年来开源项目的变化了。 39,919,570 与 110,512 …
19. React：Suspense 的实现与探讨 前言：本文带你实现一下createFetcher，loading，placeholder，等不及的同学请看仓库：215566435/think-in-suspense Suspense的实现很诡异，也备受争议。 用Dan的原话讲：你将会恨死它，然后你会爱上他。 简单介绍一下Suspense 看完整版，我之前的回答：方正：如何评价React的新功能Time Sli…
20. 为什么我要从 Angular 迁移到 React 和 Redux ？ 我对 Angular 又爱又恨已经有一段时间了。这很有趣，因为我正在学习，而且在做一个简单的应用程序时，我被卡住了好几周。 我注意到，即使在制作最简单的特性的过程中，我甚至不确定它是否值得使用 Angular 。我彻底掌握了基本的基本原理，这足以使小的特性发挥作用。 但是，它没有成功。更糟糕的是，我甚至根本…

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

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