20181007 前端开发日报

原生js替换jQuery各种方法-中文版;自己动手实现一个html2canvas;JavaScript(E5,6) 正则学习总结学习,可看可不看;TypeScript基础入门之命名空间(二);JavaScript中的“黑话”;React组件之Clock;理解event loop(浏览器环境与nodejs环境);Node.js Interview —- 类型判断

  1. 原生js替换jQuery各种方法-中文版前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大...
  2. 自己动手实现一个html2canvas 昨天写了 新手引导动画的4种实现方式 , 里面用到了 html2canvas 于是就顺便了解了一下实现思路. 大概就是 利用 svg 的 foreignObject 标签, 嵌入 dom, 最后再利用 Canvas 绘制 svg. 从而实现最终目的. 先让大家看看效果 MDN示例 var canvas = document.getElementById('canvas'); v...
  3. JavaScript(E5,6) 正则学习总结学习,可看可不看1.概述 正则表达式(regular expression)是一种表达文本模式(即字符串结构)的方法。 创建方式有两种方式: 一种是使用字面量,以斜杠表示开始和结束。 {代码...} 另一种是使用RegExp构造函数。 {代码...} 它们...
  4. TypeScript基础入门之命名空间(二) 继续上篇文章 跨文件拆分 当应用变得越来越大时,我们需要将代码分离到不同的文件中以便于维护。 多文件名称空间 现在,我们把Validation命名空间分割成多个文件。 尽管是不同的文件,它们仍是同一个命名空间,并且在使用的时候就如同它们在一个文件中定义的一样。 因...
  5. JavaScript中的“黑话”因为球是圆的,所以不论发生什么都有可能,对这点我是深信不疑的,但最近我总是在怀疑,JavaScript也是圆的!本文带你细数JavaScript的黑话,因为这一切是多么的有趣,又是多么的无意义,就如这世界一般,很多事...
  6. React组件之Clock 这个例子是React官方文档里面的,代码也在CodePen,例子非常简单,展示了React组件开发的基本过程,这里将这个例子进行分析记录,当做学习笔记吧!首先看代码: //HTML <div id="root"> <!-- This
  7. 理解event loop(浏览器环境与nodejs环境) 转自IMWeb社区,作者:sugerpocket,原文链接 众所周知,javascript 是单线程的,其通过使用异步而不阻塞主进程执行。那么,他是如何实现的呢?本文就浏览器与nodejs环境下异步实现与event loop进行相关解释。 浏览器环境 浏览器
  8. Node.js Interview ---- 类型判断 相信很多人看过这个仓库. Node.js Interview 此文就是用来解答上述所问的第一篇类型判断. 为什么需要去考察JS的类型判断? 前置知识: JS数据类型分为两大类: - 基本数据类型: Number,String,B
  9. Angular Input和Output Input 是属性装饰器,用来定义组件内的输入属性。在实际应用场合,我们主要用来实现父组件向子组件传递数据。Angular 应用是由各式各样的组件组成,当应用启动时,Angular 会从根组件开始启动,并解析整棵组件树,数据由上而下流下下一级子组件。 @Input() counter.component.ts import { Component...
  10. RxJS Subject 观察者模式,它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己。 我们可以使用日常生活中,期刊订阅的例子来形象地解释一下上面的概念。期刊订阅包含两个主要的角色:期刊出版方和订阅者,他们之间的关系如下: ...
  11. 用JavaScript实现basename获取路径中的文件名 Node.js中path对象有一个basename函数,可以获取路径中最后一段路径名称,通常是文件名,比如: var path = require('path') path.basename('/foo/bar/baz/asdf/quux.html'); // Returns: 'quux.html' 其实用javascript几行代码就可以实现 function basename(str) { var idx = str.lastIndexOf('/') idx = i...
  12. 揭密 Vue 的双向绑定Vue 中需要输入什么内容的时候,自然会想到使用 <input v-model="xxx" /> 的方式来实现双向绑定。下面是一个最简单的示例
  13. 遇到过的github报错和解决方法如果輸入$ git remote add origin (github账号名)/gitdemo(项目名).git 提示出錯信息:fatal: remote origin already exists. 解決办法如下: 1、先输入$ git remote rm origin 2、再输入$ git remote add or...
  14. Angular constructor vs ngOnInit 在 Angular 学习过程中,相信很多初学者对 constructor 和 ngOnInit 的应用场景和区别会存在困惑,本文我们会通过实际的例子,为读者一步步解开困惑。 constructor 在 ES6 中就引入了类,constructor(构造函数)是类中的特殊方法,主要用来做初始化操作,在进行类实例化操作时,会被自动调用。马上来个例子: ...

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

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

原文:20181007 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20181007.html)

发表评论

请登录后发表评论: