20180310 前端开发日报

Ajax详解;webpack从入门到放弃;Node.js v8.10.0 (LTS) 发布,带来许多重大变更;2018年蚂蚁金服前端一面总结(面向2019届学生);深入理解JQuery插件开发;前端每周清单第 53 期:Go 与 WebAssembly, React Suspense 演练, CSS 技巧;JS中浮点数精度问题;第三方 CSS 并不安全

  1. webpack从入门到放弃 从启动webpack构建到输出结果经历了一系列过程: 解析webpack配置参数,合并从shell传入和webpack.config.js文件里配置的参数,生产最后的配置结果。 注册所有配置的插件,好让插件监听webpack构建生命周期的事件节点,以做出对应的反应。 从配置的entry入口文件开始解析文件构建AST语法树,找出每个文件…
  2. Node.js v8.10.0 (LTS) 发布,带来许多重大变更 Node.js v8.10.0 (LTS) 已发布,这个版本带来了很多重大变化。V8, libuv 和 ICU 都有更新,npm 包含一个错误修复,并支持使用 OpenSSL 1.1.0 构建。 值得关注的变更: deps: 升级 V8 至 6.2.414.46 (Michaël Zasso) #16413 恢复 V8 6.2 中的 ABI 重大更改(Anna Henningsen) #16413 …
  3. 2018年蚂蚁金服前端一面总结(面向2019届学生)先简短的介绍一下我自己吧,我是一个前端学习者,虽然我基础知识也学了比较好,但是许久不用的知识就像流失的水,很容易就忘。在这次蚂蚁金服的电话面试里面认识到了自己很多不足的地方吧。虽然在阿里内推后的人…
  4. 深入理解JQuery插件开发 如果你看到这篇文章,我确信你毫无疑问会认为jQuery是一个使用简便的库。jQuery可能使用起来很简单,但是它仍然有一些奇怪的地方,对它基本功能和概念不熟悉的人可能会难以掌握。但是不用担心,我下面已经把代码划分成小部分,做了一个简单的指导。那些语法看起来可能过于复杂,但是如果进入到它的思想和模式中,它是非…
  5. 前端每周清单第 53 期:Go 与 WebAssembly, React Suspense 演练, CSS 技巧前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号(ID: frontshow…
  6. JS中浮点数精度问题 最近在做项目的时候,涉及到商品价格的计算,经常会出现计算出现精度问题。刚开始草草了事,直接用toFixed就解决了问题,并没有好好的思考一下这个问题。后来慢慢的,问题越来越多,连toFixed也出现了(允悲),后来经过搜索网上的各种博客和论坛,整理总结了一下。 问题的发现 总结了一下,一共有以下两种问题 …
  7. 第三方 CSS 并不安全 原文出处 Third party CSS is not safe 最近一段时间,关于 通过 CSS 创建 “keylogger”(键盘记录器) 的讨论很多。 有些人呼吁浏览器厂商去“修复”它。有些人则深入研究,表示它仅能影响通过类 React 框架建立的网站,并指责 React。而真正的问题却在于认为第三方内容是“安全”的。 第三方图片…
  8. 8 大 JavaScript 机器学习框架之探索 21世纪技术官导读:在本文中,我们将了解8个不同的JavaScript学习框架,DeepLearn.js,PropelJS,ML-JS,ConvNetJS,KeraJS,STDLib,Limdu.js和Brain.js。 使用JavaScript的机器学习开发者,会经常寻找可用于不同机器学习算法来训练机器学习模型的JS框架。 在本文里,我们介绍一些机器学习算法…
  9. JavaScript 背包问题详解(下) 钟钦成,网名为司徒正美,国内著名的前端专家,对浏览器兼容性问题/选择器引擎/react内部机制等具有深厚的积累,开发有avalon/anu等前端框架,著有《JavaScript框架设计》一书。 1.4 选择物品 上篇讲解了如何求得最大价值,现在我们看到底选择了哪些物品,这个在现实中更有意义…
  10. JS 实现单向链表、双向链表 在计算机科学中,单链表是一种数据结构,保存了一系列链接的节点。 每个节点中包含数据和一个可指向另一个节点的指针。 单链表的操作 因为单链表包含节点,这两者的构造函数可以是两个独立的构造函数,所以我们需要些构造函数: Node 和 SinglyList Node data 存储数据 …
  11. HTTP 连接管理进化论连接管理是一个 HTTP 的关键话题:打开和保持连接在很大程度上影响着网站和 Web 应用程序的性能。在 HTTP/1.x 里有好些个模型:短连接(short-lived connections), 持久连接(persistent connections), 和 HTTP…
  12. vuex 源码:深入 vuex 之 getter vuex 把 getter 比作是 store 的计算属性 。就像 vue 的计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值 data 发生了改变才会被重新计算。 其实,知道了 state 是 _vm 实例中的 data,那首先可以猜测 getter 就是 computed 。那么,我们就来验证一下这个猜测是否是正确的。先说结论,…
  13. [ Laravel 5.6 文档 ] 前端开发 —— 快速入门:JavaScript & CSS 脚手架 简介 Laravel 并不强制你使用什么 JavaScript 框架或者 CSS 预处理器,不过也确实提供了对很多应用而言都很有用的 Bootstrap 和 Vue 的一些基本脚手架。默认情况下,Laravel 使用 NPM 来安装这些前端包。 CSS Laravel Mix 提供了干净、优雅的 API 用于编译 SASS 或 Less,SASS 和 Less 都是在原生 CS…
  14. nuxtjs+express+vue2+vuex搭建的服务端渲染(SSR)个人网站项目 nuxtjs+express+vue2.0+vuex搭建的服务端渲染个人网站项目. github项目地址: https://github.com/se7en-1992/5se7en.com 项目线上地址:https://5se7en.com/ 注意事项 node>=v8.0.0+ (nuxt1.0.0以上版本的node版本号必须大于v8.0.0否则启动的时候会报错) 若要测试游戏登录请点击前往套马游戏…
  15. 使用rollup.js打包javasript rollup是一款小巧的javascript模块打包工具,更适合于库应用的构建工具;可以将小块代码编译成大块复杂的代码,基于ES6 modules,它可以让你的 bundle 最小化,有效减少文件请求大小, vue 在开发的时候用的是webpack,但是最后将文件打包在一起的时候用的是 rollup.js 首次发表在个人博客 rollup官方文档 …
  16. CSS keylogger:攻击与防御 前言 前陣子在 Hacker News 上面看到這篇:Show HN: A CSS Keylogger,大開眼界,決定要找個時間好好來研究一下,並且寫一篇文章分享給大家。 這篇會講到以下東西: 什麼是 keylogger CSS keylogger 的原理 CSS keylogger 與 React 防禦方法 好,那就讓我們…
  17. 用 jest 单元测试改善老旧的 Backbone.js 项目 对于早期的前端 SPA 项目,Backbone.js + Require.js 是一种常见的技术组合,分别提供了基础的 MVC 框架和模块化能力。 对于这样的既有项目,在之前的文章中也进行过分析,常常面临依赖不清、封装混乱,以及缺乏测试等问题;对之进行维护和新需求开发时,结合其本身特点,在 TDD 的方式下进行渐进的改善,而非…
  18. 基于 Docker 快速搭建 GitLab 与 GitLab CI/CD 服务 此文档基于现有项目运行实践整理,其中包含了许多Gitlab、CI/CD相关概念,阅读需要有一定的Gitlab、Docker、CI/CD基础知识。 此项目能做什么 分享一些关于团队Git版本控制使用心得。 提供一份Docker版本的Gtilab私有化仓库应用实现,让你在开发团队内部快速构建一套Git托管仓库系统。 …
  19. css:默认的checkbox、input、radio太丑了?我来教你改变使用纯css3改写的带动画的默认样式 不知道怎么定制checkbox?来看看吧:项目的github地址为: https://github.com/sunshine940326/css3formeledemo本文首发于我的个人博客,http://cherryblog.site/ ;欢迎大家查看我的其他博客最近在做公司后台的优化项目,拿到设计稿一看,设计师觉得…
  20. 如何高效利用github提升自己 – 掘金 对于我这样很少耍github但又觉得刷github很重要的前端,这样的教程好实用…:https://juejin.im/post/5953785b5188250d95761e5f?utm_source=wechat
  21. React Native通信机制详解 详解 React Native 通信机制:http://blog.cnbang.net/tech/2698/
  22. webpack2 缓存优化 锁住你的IDs 较为深入的优化,从打包污染角度入手:本文用到的示例代码放在github上的开源项目中sexdevil/LSLoader .欢迎star 随着Vue,react等MVVM的应用,ES6等新语言特性被引入浏览器端开发中,能高效组织组件化代码,使用ES6 import引用等特性的webpack被许多业务项目使用。上一期的文章中,我介绍了关于…
  23. Flow vs. Typescript 论Typescript与Flow的较量:本文译自 Flow vs. Typescript 。我们有一个很大的基于 React 的项目,它已经持续了一年时间,从项目第一天起我们就在其中使用了 Flow 。我一直想要在 JavaScript 语言中做到对类型的支持,但在当时 TypeScript 并不在考虑之列,因为那时的 TypeScript 还缺少一些我认为理所当然应该具备的特性(ES6/7 的语法特性,特别是像数组和对象的解构)。因此我们选择了 Flow,也是考虑到 React 和 Flow 都是 Facebook 的项目,估计它们在一…
  24. 当我们谈论前端架构时,我们到底在谈论什么? 本文来自芋头在GitChat上的精彩分享:「架构」这词对于程序员来说是略显神圣的,而且其涵盖范围和意义也是非常广泛,可能每个人每个团队对于它的理解也是不同的,所以本文不深入探讨它本身,而是着重讲讲我们在这方面的一些实践。
  25. HTML 标签及在实际开发中的应用 标签实用用法,扩展你的思路:http://www.zhangxinxu.com/wordpress/2017/05/html-area-map/
  26. Web 安全之跨站脚本攻击(XSS) 了解XSS攻击原理才能知道如何防范:跨站脚本攻击(Cross Site Scripting),为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XSS。
  27. mvvm: 剖析vue实现原理,自己动手实现mvvm 剖析双向绑定原理,手把手带你实现一个MVVM框架!:https://github.com/DMQ/mvvm
  28. 大神面对面:Vue.js 作者尤雨溪专访 了解更多的vuejs:今天,外刊君有幸邀请到了我们的尤大,尤神,也就是目前最炙手可热的前端框架 Vue.js 的作者,尤雨溪,接受我们的专访。

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

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


关注我

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

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

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