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