20181031 前端开发日报

你可能不知道的14个JavaScript调试技巧;高级 Vue 组件模式 (9);Vue.js 父子组件通信的十种方式;利用webpack4搭建vue服务器端渲染SSR(一);web 安全漏洞之 SQL 注入;WebAssembly 后 MVP 时代的未来:卡通技能树;关于 ES6 中 Promise 的面试题;前端必会的 Nginx入门视频教程(共11集)

  1. 你可能不知道的14个JavaScript调试技巧了解你的工具可以在完成任务的过程中发挥重大作用。尽管传言 JavaScript 难以调试,但是如果你掌握了一些调试技巧,那么你将会花费更少的时间来解决这些错误。
  2. 高级 Vue 组件模式 (9)到此为止,我们的 toggle 组件已经足够强大以及好用了,因此这篇文章不会再为它增加新的特性。如果你是从第一篇文章一直读到这里的读者,你一定会发现,整篇文章中,我几乎没有对 toggle-on 和 toggle-off 做出任...
  3. Vue.js 父子组件通信的十种方式 面试官:Vue 中父子组件通信有哪些方式? 自己先想一分钟。 无可否认,现在无论大厂还是小厂都已经用上了 Vue.js 框架,简单易上手不说,教程详尽,社区活跃,第三方套件还多。真的是前端开发人员必备技能。而且在面试当中也往往会问到关于 Vue 方面的各种问
  4. 利用webpack4搭建vue服务器端渲染SSR(一) 为什么使用服务器渲染? :point_right:官方解释 应该对VueSSR指南简单了解:point_right:官方文档 应该对webpack简单了解:point_right:官方文档 Node.js框架Koa简单了解:point_right:官方文档 正文 构建服务器端渲染(SSR)我们可以利用 vue-server-renderer 插件更简单的构建SSR。官方的一段代码:...
  5. Web 安全漏洞之 SQL 注入 什么是 SQL 注入 “有人的地方就有江湖,有数据库存在的地方就可能存在 SQL 注入漏洞。” 在所有漏洞类型中,SQL 注入可是说是危害最大最受大家关注的漏洞。简单说来,SQL 注入是通过在用户可控参数中注入SQL语法,破坏原有SQL结构,达到编写程序时意料之外结果的攻击行为。还是以 ThinkJS ...
  6. WebAssembly 后 MVP 时代的未来:卡通技能树 日常忙着打 bug + 最近沉迷游戏,大半年没在知乎上发文章了,实在是有点惭愧 --||| 开发者可能普遍对 WebAssembly 还接触的不多,文末有关于 WebAssembly 的展开阅读 原文链接:WebAssembly’s post-MVP fut
  7. 关于 ES6 中 Promise 的面试题首先 Promise 新建后立即执行,所以会先输出 1,2,而 Promise.then() 内部的代码在 当次 事件循环的 结尾 立刻执行 ,所以会继续输出4,最后输出3。
  8. 前端必会的 Nginx入门视频教程(共11集) 由于前端技术的蓬勃发展和你自身的不断努力,很多小伙伴已经打通了任督二脉,做到了前后端通吃。你们就是自己程序世界里的神,在这里你们无所不能,创造世界,制定规则和逻辑。当一个属于你的世界做好后,你需要展示给朋友,发布于众人,让爱你的人欣赏。这时候我们需要一个强有力
  9. 窥探原理:实现一个简单的前端代码打包器 Roid Roidroid 是一个极其简单的打包软件,使用 node.js 开发而成,看完本文,你可以实现一个非常简单的,但是又有实际用途的前端代码打包工具。如果不想看教程,直接看代码的(全部注释):点击地址为什么要写 roid ?我们每天都面对前端的这几款编译工具,但
  10. Vue计算属性和侦听器模板内的表达式非常便利,但是在模板中放入太多的逻辑会让模板过重切难以维护。对于任何复杂逻辑都应该使用计算属性。
  11. Node.js 系列 - 搭建静态资源服务器 作为还在漫漫前端学习路上的一位自学者。我以学习分享的方式来整理自己对于知识的理解,同时也希望能够给大家作为一份参考。希望能够和大家共同进步,如有任何纰漏的话,希望大家多多指正。感谢万分! 在上一章, 我们搭建了一个非常简单的 "Hello World" 服务器. 在这一章里, 我们要继续上一章所学的知识, ...
  12. 如何用Three.js快速实现全景图 封面图 by Thư Anh on Unsplash去年全景图在微博上很是火爆了一阵,正好我也做过一点全景相关的项目,这些天抽空写下这一篇用Three.js来实现全景图的文章,和大家一起探讨。真的是抛砖引玉,还请包涵。1. 开胃菜:用纯css实现一个伪全景图先
  13. Node.js之网游服务器实践 此文已由作者尧飘海授权网易云社区发布。 欢迎访问网易云社区,了解更多网易技术产品运营经验。 随着Node.js的不断发展与壮大,应用范围也越来越广泛,从传统的企业应用,到互联网使用,再到云计算的发展,它的身影也是随处可见。当然,它的受欢迎程度能在短时间内得到这么快的发展,除却与其本身的事件模型及V8...
  14. 当Shell遇上了NodeJS 此文已由作者尧飘海授权网易云社区发布。 欢迎访问网易云社区,了解更多网易技术产品运营经验。 摘要 在企业级系统维护和互联网运维中,Shell脚本的编写与维护常必不可少, 但是Shell脚本的编写与调试常占用了开发人员的大部分工作时间,提高Shell脚本的开发效率可以更好的保证项目质量。随着NodeJs的不断发...
  15. vue项目实践思考003 前言 通过本问将看到我在vue的项目中,进行的一系列的项目优化,然后看到不同的维度将这些点进行分类。 这里更多的指的是设计考虑的思路,是大纲,暂不涉及实际代码。 项目架构 分模块设计思想 在接到项目之后,首先将store,router,xhr的对应三个部分分别
  16. JavaScript数据类型转换JavaScript是一门动态语言,所谓的动态语言可以暂时理解为在语言中的一切内容都是不确定的。比如一个变量,这一时刻是个整型,下一时刻可能会变成字符串了。虽然变量的数据类型是不确定的,但是各种运算符对数据...
  17. JavaScript之例题中彻底理解this 本文共 2025 字,看完只需 8 分钟 概述 前面的文章讲解了 JavaScript 中的执行上下文,作用域,变量对象,this 的相关原理,但是我后来在网上看到一些例题的时候,依然没能全做对,说明自己有些细节还没能掌握,本文就结合例题进行深入实践,讨
  18. Node.js 系列 - 搭建 "Hello World" HTTP 服务器 作为还在漫漫前端学习路上的一位自学者。我以学习分享的方式来整理自己对于知识的理解,同时也希望能够给大家作为一份参考。希望能够和大家共同进步,如有任何纰漏的话,希望大家多多指正。感谢万分! 在这一节, 我会先介绍 "客户端" 和 "服务器" 的概念. 然后我会简单介绍一下 "HTTP 协...
  19. 基于weex的有赞无线开发框架出于对开发效率和动态化的要求,无线端的开发框架也一直在更新,从 Hybrid、结构化 Native View、React Native、Weex,再到现在正在大受关注的 Flutter。什么样的框架才是适合自己的团队?不仅要有技术追求,而且...
  20. Vue 应用单元测试的策略与实践 02 - 单元测试基础 本文首发于Vue 应用单元测试的策略与实践 02 - 单元测试基础 | 吕立青的博客 欢迎关注知乎专栏 —— 前端的逆袭(凡可 JavaScript,终将 JavaScript。) 欢迎关注我的博客, @知乎 ,GitHub,掘金。
  21. 2018年最佳JavaScript数据可视化和图表库现在有很多图表库,但哪一个最好用?这可能取决于许多因素,如业务需求,数据类型,图表本身的目的等等。在本文中,每个JavaScript图表库将与一些关键因素进行比较,包括图表类型,商业或免费和开源状态。这些图...
  22. css外边距折叠(margin collapsing)看这个例子中的两个p标签,根据样式定义:第一个p的margin-bottom和第二个p的margin-top 都是10px,那实际距离应该等于20px才对,但是用浏览器查看一下可以发现,最终的边距是10px。 这个例子就是外边距折叠:块...
  23. Vue模板语法在底层的实现上,Vue将模板编译成虚拟DOM渲染函数。结合响应系统,Vue能够智能的计算出最少需要重新渲染多少组件,并把DOM操作次数减少到最少。
  24. webgl值得重视的基础构建 此篇文章的主要目的是巩固自己对于创建webgl的时候一些知识点,主要参考了《webgl编程指南》以及_Hahn_的webgl环境搭建这篇文章,在此附上链接,方便大家查看( juejin.im/post/5baaf3… )。 我会分为三篇文章进行总结,为什么

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

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

原文:20181031 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20181031.html)