20181121 前端开发日报-前端开发博客

10 个有趣的 JSCSS 库（2018.11）；聊聊前端工程化；前端每日实战：162# 视频演示如何用原生 JS 编写一个查询 github 用户的应用；# NodeJs 实战——原生 NodeJS 轻仿 Express 框架从需求到实现（一）；Angular 垮台、ES6 最受欢迎，20,000 名程序员告诉你谁是 JS 王者；教程：从零开始使用webpack 4, Babel 7创建一个React项目（2018）；精读《怎么用 React Hooks 造轮子》；webpack4 optimization总结

10 个有趣的 JSCSS 库（2018.11） Tutorialzine每月都会给我们精心挑选优秀的web开发资源，这些资源可以帮助我们解锁最新和最炫酷的网络开发姿势。前端er,让我们一起先睹为快吧！ Omi 鹅厂出品，下一代 Web 框架，去万物糟粕，合精华为一。让 JSX, Web Components, Proxy, Store, Path Updating 在一起。响应式数据绑定，提供TypeScript…
聊聊前端工程化我对工程化的理解工程师是个古老的职称了。耳熟能详的有建筑工程师，电器工程师等，往往他们在人们脑海中的印象是刻板，严谨，可靠。随着互联网的发展，软件工程师出现了！他们不用一砖一瓦，也不用尺子电钻，计算机是他们的施工现场，代码是他们的工程部件，键盘之上的指尖跃动是他们的工程活动，在你看…
前端每日实战：162# 视频演示如何用原生 JS 编写一个查询 github 用户的应用效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。第 1 部…
# NodeJs 实战——原生 NodeJS 轻仿 Express 框架从需求到实现（一）这篇文章是一个系列的文章的第一篇，主要是自己实现一个express的简易版框架，加深对nodejs的理解。确认需求我们从一个经典的 Hello World 开始，这是 Express 官方文档的第一个实例，代码如下 const express = require(‘express’); const app = express(); app.get(‘/’, (req, res) => res.send(‘Hello …
【Angular 垮台、ES6 最受欢迎，20,000 名程序员告诉你谁是 JS 王者！】任何能够用 JavaScript 实现的应用，最终都必将用 JavaScript 实现。
教程：从零开始使用webpack 4, Babel 7创建一个React项目（2018）
精读《怎么用 React Hooks 造轮子》上周的精读《React Hooks》已经实现了对 React Hooks 的基本认知，也许你也看了 React Hooks 基本实现剖析（就是数组），但理解实现原理就可以用好了吗？学的是知识，而用的是技能，看别人的用法就像刷抖音一样…
webpack4 optimization总结optimization总结 minimize 默认为true，效果就是压缩js代码。 minimizer 可以自定义UglifyJsPlugin和一些配置。 {代码…} runtimeChunk 默认为false,runtime相关的代码(各个模块之间的引用和加载的逻辑)内嵌入…
Ts + React + Mobx 实现移动端浏览器控制台自从使用 Typescript 写 H5 小游戏后，就对 Ts 产生了依赖（智能提示以及友好的重构提示），但对于其 Type System 还需要更多的实践。最近开发 H5 小游戏，在移动端调试方面，为求方便没有采用 inspect 的模式。用的是粗暴的 vConsole ，用人家东西要学会感恩，所以决定去了解它的原理，最后用 Ts + React 码一个 …
Github上 Star 数相加超过 7w+ 的三个面试相关的仓库推荐关注我公众号的大部分人应该知道我开源的 JavaGuide ，今天再来给大家安利另外两个做的很好的开源文档。从 Star 数最少的我的那个来，哈哈！文末分享了我精选的几个面试相关的资源，都是我看过的,而且好评比较多…
从 1 到完美，写一个 js 库、node 库、前端组件库js 模块化的发展大致有这样一个过程 iife => commonjs/amd => es6，而在这几个规范中：
Egg.js 源码分析(1) 前端时间抽出时间针对 Koa2 源码进行了简单的学习， koa 源码是一个很简单的库，针对分析过程，想手把手的实现一个类型 koa 的框架，其代码 , 根据一步步的完善实现一个简单版本的Koa, 每一个步骤一个 Branch ，如： stpe-1 , 对应的是我想实现第一步的代码，代码仅供自己简单的学习，很多地方不完善，只是想体验下…
【20181120 前端开发日报】ES6之数组的扩展；2018年，最经典的26个JavaScript面试题和答案；H5新人福音~零配置搭建现代化的前端工程；Netflix 的 Web 性能案例研究；巧用 TypeScript（三）；从LHS…详情→
JSON生成Form表单JSON表单是一个基于React的抽象组件，它可以把JSON数据格式描述的表单转换成项目中的表单，它可以用简短的几行代码，快速的生成Form表单。JSON表单的优点是：
使用Angular+Rxjs制作王思聪吃热狗游戏
我们应该如何（以及为什么）要将Typescript与Express、nodejs一起使用（译文）在我的职业生涯开始时，我是一名桌面应用开发人员，其中强类型语言占据了市场主导地位。当我迁移到Web开发时，我对JavaScript和Python等语言的每个新功能都很着迷。事实上，我没有必要声明变量的类型，这极大的…
用node批量压缩html页面最近在写一个用了layui的后台管理系统。因为某些原因，html，css，js都写在.html里，并且没有用到别的打包工具。所以写了一个用node命令批量压缩页面并且混淆js的小工具。node安装html-minifier
【GitHub 发布 2018 编程语言 TOP10：JavaScript 独领风骚，Ruby 排名下降】最新Octoverse 报告出炉！快来看看你的语言是不是最流行的？大家都是学什么语言的啊？留言区告诉小Q吧[喵喵][喵喵][喵]
Web 安全漏洞之 XSS 攻击编者说：作为JS系工程师接触最多的漏洞我想就是 XSS 漏洞了，然鹅并不是所有的同学对其都有一个清晰的认识。今天我们请来了@卢士杰同学为我们分享他眼中的 XSS 漏洞攻击，希望能帮助到大家。
[源码阅读]高性能和可扩展的React-Redux我们使用时，当写完了redux的reducer, action, bindActionCreators, combineReducers, createStore这一系列内容后，我们得到了一个store
Node+Websocket之消息未读功能实战 github.com/hua1995116/… 这个项目本来是我学生时代为了找工作的一个练手项目，但是没想到受到了很多的关注，star也快要破K了，这也激励着我不断去完善他，一方面是得对得起关注学习的人，另一方面也是想让自己能过通过慢慢完善一个项目来让自己提高。今天给大家带来的是基于Websocket+Node+Redis未读…
vue中的适配：px2rem这应该是vue项目在适配移动端时候，最简单的方法之一下面是基本步骤（使用cnpm）1.下载并引入lib-flexible
分割一个已存在的 git commit 原文：https://codewithhugo.com/split-an-existing-git-commit/ Git 与其他版本控制系统的主要区别之一，在于其允许用户重写历史。实现这一目的的主要途径则是 git reabse，通常还跟随着一句 git push –force 以用本地历史重写远端历史。这里要谈论的是如何用rebase、reset 和 commit 来分割既有的…
gitbase：用 SQL 查询 Git 仓库 | gitbase 是一个使用 go 开发的的开源项目，它实现了在 Git 仓库上执行 SQL 查询。 … （
Angular+Rxjs drag and drop 高性能实践尝试