20180329 前端开发日报

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

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

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

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

原创文章:20180329 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20180329.html)