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

HTML5中37个最重要的技术点；webpack4之基础篇；JavaScript 优雅模式 Ice Factory；Nerv：京东高性能前端框架；vue2 + koa2 + webpack4 的SSR之旅；不可思议的纯CSS导航栏下划线跟随效果；腾讯一面（2019前端实习岗）| 掘金技术征文；【Python3网络爬虫开发实战】6-Ajax数据爬取-1-什么是Ajax

HTML5中37个最重要的技术点目录 SGML（标准通用标记语言）和HTML（超文本标记语言），XML（可扩展标记语言）和HTML的之间有什么关系？为什么HTML5里面我们不需要DTD（Document Type Definition文档类型定义）？如果我不放入<! DOCTYPE html> 标签，HTML5还会工作么？哪些浏览器支持HTML5？ HTML5的页面结构同…
webpack4之基础篇 WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。 2. webpack核心概念 Entry：入口，Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 Module：模块…
JavaScript 优雅模式 Ice Factory
Nerv：京东高性能前端框架 Nerv 是一款由京东凹凸实验室打造的类 React 前端框架。目前已广泛运用在京东商城（JD.COM）核心业务及TOPLIFE全站。Nerv 基于React标准，使用 Virtual Dom 技术，拥有和 React 一致的 API 与生命周期，如果你已经对 React 使用非常熟悉，那么使用 Nerv 开发对你来说绝对是零学习成本。与此同时，相比于 React 以…
vue2 + koa2 + webpack4 的SSR之旅因为自己的博客完全的前后端分离写的，在 seo 这一块也没考虑过，于是乎，便开始了本次的 SSR 之旅技术栈 vue2 + koa2 + webpack4 + mongodb 因为webpack也已经到了 4.1 的版本了，所以顺带把 webpack3 迁移到了 webpack4 。服务端渲染（SSR）大概意思就是在服务端生成 html 片段…
不可思议的纯CSS导航栏下划线跟随效果先上张图，如何使用纯 CSS 制作如下效果？在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javas
腾讯一面（2019前端实习岗）| 掘金技术征文前言之前投递了腾讯的实习生前端岗，一直没有电话，查了下状态说不合适，以为凉凉了，今天却收到了电话，出乎意料… 然后就开始了一面，一开始面试官说时间不会太久，大概30分钟吧，结果整个过程也就持续了30分钟吧。下面是面试的过程：自我介绍简单介绍了自
【Python3网络爬虫开发实战】6-Ajax数据爬取-1-什么是Ajax 有时候我们在用requests抓取页面的时候，得到的结果可能和在浏览器中看到的不一样：在浏览器中可以看到正常显示的页面数据，但是使用requests得到的结果并没有。这是因为requests获取的都是原始的HTML文档，而浏览器中的页面则是经过JavaScript处理数据后生成的结果，这些数据的来源有多种，可能是通过Ajax加载的，可能…
webpack4之高级篇 css Tree Shaking yarn add purify-css purifycss-webpack -D const glob = require(‘glob’) const PurifyCSSPlugin = require(‘purifycss-webpack’) // 去除无用的css plugins: [ new PurifyCSSPlugin({ // 路劲扫描 nodejs内置路劲检查 paths: glob.sync(path.join(__dirname, ‘pages/*/*.html’…
JavaScript EventEmitter 简评：本文是笔者看了eventemitter3 和 Node.js 事件模块源码后实现的 EventEmitter 。JavaScript 事件很重要，希望看了这篇文章的你们能有所收获。 2个多月前把 Github 上的 eventemitter3 和Node.js下的事件模块 events 的源码抄了一遍，才终于对JavaScript事件有所了解。上个周末花点时间根据之前看源码…
《css世界》的那些实用技巧下面所有的内容都来至张鑫旭所著的《css世界》。《css世界》这是一本专门写css的书，书中并没有涉及css3的知识，但是它所展现的东西很多都是我从未知道或以前未重视的。这是一本能够开阔视野的书，我把这本书推荐所有从事前端的人。下面都是我在看这本书所记录的
小tips: 纯前端JS读取与解析本地文本类文件 byzhangxinxu from http://www.zhangxinxu.com/wordpress/?p=7463 本文可全文转载，但需得到原作者书面许可，同时保留原作者和出处，摘要引流则随意。一、何为文本类文件？所谓文本类文件，指MIME Type为 text/* 文件，例如，CSS文件（ text/stylesheet ），JS文件（ text/javascript ），HTML文件（ text/htm…
Chrome浏览器开发者工具的13个有趣技巧——希望你已经掌握 | 拓跋的前端客栈 Chrome浏览器提供了一套非常出色的开发者工具来帮助您在Web平台上开发。下面我将介绍13个有趣的技巧，掌握他们对你只有好处。 1. 在Elements面板中拖放元素在Elements面板中，你可以拖放任
【30分钟学完】canvas动画|游戏基础(4)：边界与碰撞前言本系列前几篇中常出现物体跑到画布外的情况，本篇就是为了解决这个问题。阅读本篇前请先打好前面的基础。本人能力有限，欢迎牛人共同讨论，批评指正。越界检测假定物体是个圆形，如图其圆心坐标即是物体…
Reactive 编程（三）：一个简单的 HTTP 服务书接上文 Reactive编程，我们已经了解了基础的API，现在我们开始编写实际的应用。Reactive对并发编程进行了很好的抽象，也有很多底层的特性需要我们去关注。当使用这些特性时，我们可以对之前隐藏在容器、平台、框架中的细节进行控制。 Spring MVC由阻塞转向Reactive Reactive要求我们以不同的思路来看待问…
Node.js Stream(流) 流的概念流是一组有序的，有起点和终点的字节数据传输手段它不关心文件的整体内容，只关注是否从文件中读到了数据，以及读到数据之后的处理流（stream）在Node.js中是一个抽象接口，被Node中的很多对象所实现。比如HTTP 服务器request和r
前端布局基础概述（点击上方公众号，可快速关注）本文来自（作者蔡剑涛）的投稿 https://mp.weixin.qq.com/s/-LcNZWFFty2lWuND6uuNNA 1. 前言前端圈有个“梗”：在面试时，问个css的positio
前端生态混乱，AMP&MIP在努力做标准化工作作者 | Brilliant Open Web团队breezet 移动时代的前端似乎越来越混乱了，各种技术方案层出不穷，令开发者们目不暇接，不知如何选择。然而，生态越是混乱，对标准的呼唤就越强，因为只有标准化才能使得整个生态健康良好地发展。 AMP技术团队和M
热爱 JavaScript，但是讨厌 CSS ？原文地址：Love JavaScript, but hate CSS? 原文作者：Dave Ceddia 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：allenlongbaobao 校对者：Xekin-FE、L9
开始使用新的 CSS Typed Object Model 原文: Working with the new CSS Typed Object Model 0. 前言现在，CSS 拥有一个适当的基于对象的 API 来处理 JavaScript 中的值。 el.attributeStyleMap.set('padd
【20180328 前端开发日报】腾讯一面（2019前端实习岗）；20180327 前端开发日报；三分钟快速理解javascript内存管理；如何手动启动 Angular 程序；gitlab-tree：GitLab 代码查看必备神器；Javascript 正则匹配实现字符串渲染；BAT 要的是什么样…详情→
十全大补vue-router 将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。基本例子： # HTML <div id="app"> <h1>Hello App!</h1> <p&
[前端工坊]快应用-技术调研作者 |   京东金融-移动研发部-前端开发工程师  什么是快应用 
初体验egg-vue-singal-page egg在koa框架的基础上进行了封装，并集合了现今热门的vue、react框架，支持服务端渲染，可以说是全端开发的一个优秀实践。关于demo和api，可以在官网自行查看。这里只对本人觉得比较有意思的一些点进行总结。打包、构建 egg为了统一前后端代码的构建，
我的eggjs应用如何运维一个Web应用从开发到能成功的部署，这一个阶段是一个很重要的过程，部署不仅要有守护机制，还要有普遍性的监控体系，一个好的监控体系，通过指标的分析，能很方便的找到，有什么问题和问题在哪里。Node.js Web应用程序也是如此，你要部署到机器中，要对外提供服务，
使用 HTTP2 做开发服务器 (上) 写作背景笔者所在项目使用的前端技术比较老旧，在开发的过程中需要先启动一个后端项目 (tomcat + mysql + redis) 来做为静态服务器然后使用的是一个公司内部的类AMD模块加载工具，每次刷新页面都要加载1000+ 的文件，页面的响应时间接近2
React Native面试知识点本文原创首发于公众号：ReactNative开发圈，转载需注明出处。本文会不定期不断更新，想查看最新版本请移步至https://github.com/forrest23/react-native-interview 1.React Native相对于原生的
3月前端知识集锦这是我一个交流群的本月交流部分整合，接下来两周会更新一次，有兴趣的可以关注下仓库 JS 相关深入理解javascript原型和闭包 Event Loop 必知必会（六道题）网络现状：性能提升指南【网络协议】Web协议未来优化指南
为你的eggjs应用启用HTTPS 前文已经从各方面提供了一些最近自己在开发Node.js Web应用方方面面的事情，不仅有Web基础框架，远程Database，调试，运维等等，今天几乎到了最后一步，就是让你的应用上线，可以通过公开的网址来访问。远程Database，由于我们只是开发一
babel插件入门-AST 目录 Babel简介 Babel运行原理 AST解析 AST转换写一个Babel插件 Babel简介 Babel 是一个 JavaScript 编译器,它能将es2015,react等低端浏览器无法识别的语言，进行编译。上图的左边代码中有箭头函数，B