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. 从零开始写一个Javascript解析器 在大家的认知中,有几种执行自定义脚本的方法?我们来列举一下: Web 创建 script 脚本,并插入文档流 function runJavascriptCode(code) { const script = document.createElement("script"); script.innerText = code; document.body.appendChild(script); } runJavascriptCode("alert('h...
  8. 用 JavaScript 编写 MPEG1 解码器 几年前,我开始从事于完全用JavaScript编写的MPEG1视频解码器上。现在,我终于找到了清理该库的时间,改善其性能、使其具有更高的错误恢复能力和模块化能力,并添加MP2音频解码器和MPEG-TS解析器。这使得该库不仅仅是一个MPEG解码器,而是一个完整的视频播放器。 在本篇博文中,我想谈一谈我在开发这个库时遇到的挑...
  9. Nodejs + Face++ 识别身份证照片 因为有这样一件事情,需要获取身份证正面照中的姓名和身份证号,如果全部通过眼看手敲的话,很费事,而且浪费时间,当时能想如果能自动化执行就好了。 实现 图像识别Api 图片识别暂时还没有接触过,所以就去找了能够提供图像识别的第三方应用,这边我是用的是 Face++ 登陆注册并完善相关信息后,提...
  10. JS中的箭头函数与thisES6语法之前,JS中的函数由function关键字、params参数和被花括号包裹的函数体组成。为了与后面说到的箭头函数相区别,我们先把这样的函数叫做常规函数,常规函数既可以用声明式写法也可以用赋值式写法。例子: function test(name) { //声明式写法 console.log(name) } test('Jerry') let test2 = function(n...
  11. 你不知道的Vuejs - 使用ESLint检查代码质量 Javascript 是一门弱类型语言,所以语法检查变得尤为重要。虽然有很多前端IDE开发工具,可以很好地帮助我们提示在编写时的错误,但是大多数开发者还是使用的像 Sublime Text 、 Visual Studio Code 之类的轻量级编辑器,这导致在开发中很容易出现各种错误,比如单词拼写错误,漏掉了括号等。而且每个人的代码编写...
  12. JS异步与性能(一) 看了《你不知道的javascript》上卷以及中卷之后,自己的一些总结。 事件循环 JavaScript 引擎并不是独立运行的,它运行在宿主环境中,对多数开发者来说通常就是Web 浏览器。处理程序中多个块的执行,且执行每块时调用JavaScript 引擎,这种机制被称为 事件循环 。 先通过一段伪代码了解一下这个概念: // event...
  13. 基于mpvue的toast组件 最近美团开源了一个可以用vue来开发小程序的框架 mpvue ,看起来还挺不错的,我自己觉得 wepy 的开发体验不是很好,所以还是比较期待这个新框架的,基于mpvue写了个toast组件,主要是试试水,总体的开发体验还是很不错的。先贴出来 github地址 ,有兴趣的可以看看,喜欢的请给个star拉~ 主要有这几个问题: 小...
  14. React 深入系列(三):Props 和 State React 深入系列,深入讲解了React中的重点概念、特性和模式等,旨在帮助大家加深对React的理解,以及在项目中更加灵活地使用React。 React 的核心思想是组件化的思想,而React 组件的定义可以通过下面的公式描述: UI = Component(props, state) 组件根据props和state两个参数,计算得到对应...
  15. 原生JS+观察者模式实现一个模块加载器 github 在 简单的浏览器端js模块加载器 ,这篇文章中,了解了一个简单的require是如何实现的。 最近看了如何实现一个MVVM的文章,恍然大悟,其实模块加载器也可以使用类似的方法。这里,每一个callback就被放在一个实例化的Watcher对象里。 参考Vue.js的数据双向绑定实现方式,将每一个模块放入一个...
  16. Github 上那些开源项目的 star 数 掐指一算,一年时间过去了,去年的这个时候,我还捞了一下 github 上的开源项目数据,分析了一下 github 上的项目分布、受欢迎程度等,还是由一些小小的有意思的发现(原文在此)。前几天看到 《GitHub预测2018年开源项目趋势》 一文,感觉是时候简单回顾下这一年来开源项目的变化了。 39,919,570 与 110,512 ...
  17. React:Suspense 的实现与探讨 前言:本文带你实现一下createFetcher,loading,placeholder,等不及的同学请看仓库:215566435/think-in-suspense Suspense的实现很诡异,也备受争议。 用Dan的原话讲:你将会恨死它,然后你会爱上他。 简单介绍一下Suspense 看完整版,我之前的回答:方正:如何评价React的新功能Time Sli...
  18. 为什么我要从 Angular 迁移到 React 和 Redux ? 我对 Angular 又爱又恨已经有一段时间了。这很有趣,因为我正在学习,而且在做一个简单的应用程序时,我被卡住了好几周。 我注意到,即使在制作最简单的特性的过程中,我甚至不确定它是否值得使用 Angular 。我彻底掌握了基本的基本原理,这足以使小的特性发挥作用。 但是,它没有成功。更糟糕的是,我甚至根本...

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

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

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