20190220 前端开发日报

一道被前端忽略的基础题;代码整洁的 JavaScript;12_Node.js Web 开发_博客网站;RxJS 实现摩斯密码(内附脑图);Web前端开发标准规范;JS 应用篇(一):Underfined与Null的区别;排序算法 JavaScript;Vue动态路由缓存不相互影响的解决办法

  1. 一道被前端忽略的基础题 早上上班前,一如既往的翻看一下前端公众号,看下各位大佬的文章。翻 了十来分钟,咦,,一个题目还是比较经典的,为啥之前没见过。一看是2016年的文章,那是我还没入门呢….. 认真看了起来,,嗯嗯,,,这题目可以,比较考察综合能力,记录一下。 function Foo () { getName = function () { alert(1) } …
  2. 代码整洁的 JavaScript 代码整洁的 JavaScript 目录 简介 将源自 Robert C. Martin 的 Clean Code 的软件工程原则适配到 JavaScript 。 这不是一个代码风格指南, 它是一个使用 JavaScript 来生产 可读的, 可重用的, 以及可重构的软件的指南。 这里的每一项原则都不是必须遵守的, 甚至只有更少的能够被广泛认可。 这些仅…
  3. 12_Node.js Web 开发_博客网站 下面开始用 Node.js 进行 Web 开发。 我是通过《Node.js开发指南》这本书来学习 Node.js Web 开发的,书中使用的 Express 框架是 2.5.8,而我的是 4.14.1,所以遇到了许多问题,在文章中我都有提到并讲解。 ☞ GitHub 地址 一、快速开始 1、建立项目 《Node.js开发指南》中建立项目的方式是:express -t ejs …
  4. RxJS 实现摩斯密码(内附脑图) 参加 2018 ngChina 开发者大会,特别喜欢 Michael Hladky 奥地利帅哥的 RxJS 分享,现在拿出来好好学习工作坊的内容(工作坊Demo地址),结合这个示例,做了一个改进版本,实现更简洁,逻辑更直观。 一、摩斯密码是什么? 了解者可跳过次章节 摩斯密码(Morse),是一种时通时断的信号代码,这种信号代码通过不同…
  5. Web前端开发标准规范web前端开发规范的意义 提高团队的协作能力 提高代码的复用利用率 可以写出质量更高,效率更好的代码 为后期维护提供更好的支持 命名规则 命名使用英文语义化,禁止使用特殊字符,禁止使用拼音,禁止使用中英文混…
  6. JS 应用篇(一):Underfined与Null的区别 在介绍undefined与null之前,我们先来了解一下ECMAScript中的数据类型。在ECMAScript中有五种简单数据类型(也称为基本数据类型): Undefined、Null、Boolean、Number 和 String 。还有一种复杂数据类型——Object。 Underfined和Null都只有一个值,分别对应着underfined和null。这两种不同类型的值,既有着不同的语义和场…
  7. 排序算法 JavaScript一、冒泡排序 算法介绍: 比较相邻的两个元素,如果前一个比后一个大,则交换位置。 第一轮把最大的元素放到了最后面。 由于每次排序最后一个都是最大的,所以之后按照步骤1排序最后一个元素不用比较。 {代码…} …
  8. Vue动态路由缓存不相互影响的解决办法 之前在学习react的时候,常常遇到循环渲染组件时会提示需要在循环组件中加上key属性,比如有一组列表: import React, { Component } from ‘react’; export default calss MainApp extends Component { state = { student: [ { name: ‘Jenny’, id: ‘a001’ }, { name: ‘Jerry’, …
  9. 学习 PixiJS — 补间动画补间动画指的是,我们可以通过为精灵的位置、比例、透明度,等属性,设置开始值和结束值,制作动画,动画中间需要的部分由软件自动计算填充。
  10. 针对前端开发可重用组件并发布到NPM摘要:本文着眼于使用具有内置功能和样式的组件来扩充HTML。 我们还将学习如何通过 NPM 使这些自定义元素在项目中得到重用。
  11. 【你该懂一点Javascript算法系列】之【图类】的定义及深度优先与广度优先搜索算法在计算机科学中,一个图就是一些顶点的集合,这些顶点通过一系列边结对(连接)。顶点用圆圈表示,边就是这些圆圈之间的连线。顶点之间通过边连接。
  12. 前端技术日报 README.md 前端技术日报 前端日报栏目数据来自码农头条(我开发的爬虫),每日分享前端、移动开发、设计、资源和资讯等,为开发者提供动力,点击Star按钮来关注这个项目,让更多人看到它,点击Watch来收听每日的更新Github主页 每日存档可以看 issues,或者点击下方的月份查…
  13. 刷前端面经笔记(十二)1.以下递归函数存在栈溢出的风险,请问如何优化? {代码…} 解答: {代码…} 2.请实现一个计算最大公约数的函数: {代码…} 解答: {代码…} 3.数组去重(如果数组中有NaN) {代码…} 4.用 JavaScript 实现…
  14. Javascript异步执行结果获取的三种解决方案 js里的异步有时候很方便,有时候却很让人恼火,下面来总结一下异步执行结果获取的方法 回调 这是最传统的方法了,也是最简单的,如下代码 function foo(cb) { setTimeout(function() { cb(1); // 通过参数把结果返回 }, 2000); } foo(function(result) { // 调用foo方法的时候,通过回调把方法返回的数据…
  15. Angular7创建项目、组件、服务以及服务的使用 三大前端项目就剩angular没学了,在网上找了几个教程,这里总结一下,方便以后用到时查阅 创建项目 首先安装cli工具 npm install -g @angular/cli 创建一个空项目, 有两处要选择的,一个是路由,我这里是要路由的,还有一个开发css的语言,我这里选择scss,就不截图了,选完后会自动通过yarn安装依赖,稍等一会…
  16. JS 基础篇(五):JS严格模式 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。 设立"严格模式"的目的,主要有以下几个: 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为; 消除代码运…
  17. 使用 webpack 4 和 Babel 7 构建 React 应用及如何引入 Material Design在过去的一年和一些人中,我一直在与 Creative Tim 合作。 我一直在使用 create-react-app 来开发一些不错的产品。 有很多客户询问如何在 Webpack 上迁移我们的产品模板。
  18. 前端进击的巨人(七):走进面向对象,原型与原型链,继承方式“面向对象” 是以 “对象” 为中心的编程思想,它的思维方式是构造。 “面向对象” 编程的三大特点:”封装、继承、多态”: 封装:属性方法的抽象 继承:一个类继承(复制)另一个类的属性/方法 多态:方法(接口)重写…
  19. 前端需要知道的数据结构与算法(持续更新中…)基本类型(栈 stack): Number String Boolean Null Undefined 和 Symbol(es6 新增)引用类型(堆 heap):Object Array Function Data
  20. 基于 HTML5 WebGL 的地铁站 3D 可视化系统工业互联网,物联网,可视化等名词在我们现在信息化的大背景下已经是耳熟能详,日常生活的交通,出行,吃穿等可能都可以用信息化的方式来为我们表达,在传统的可视化监控领域,一般都是基于 Web SCADA 的前端技术…

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流