20171106 前端开发周报

哪种JavaScript编程风格最流行?;野蛮生长的前端,从杂牌军到正规军;Web网页布局的主要方式;14 个你可能不知道的 JavaScript debug 技巧;现代 Web 开发基础;忍者级别的JavaScript函数操作;前端开发:如何写一手漂亮的 Vue;深入探讨前端组件化开发

  1. 哪种JavaScript编程风格最流行? 译者按: 关于代码风格,群众的选择应该是不错的选择。 原文: What JavaScript code style is the most popular 译者: Fundebug 为了保证可读性,
  2. 野蛮生长的前端,从杂牌军到正规军 笔者从事后台研发多年,对前端实在是没有多少发言权,下面就斗胆以门外汉的角度聊聊近来对前端技术的一些见解,也自当整理一下思路,使前端技术如何更好的融入到整个产品研发架构中来。这里的前端语言不仅限于js,还是css,html等等。 来看一看2016年,github统计出来的不同语言的项目排行榜吧,是不是有一…
  3. Web网页布局的主要方式 一、静态布局(static layout) 即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点 不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-
  4. 14 个你可能不知道的 JavaScript debug 技巧   438SHARES Share to LinkedInLinkedInShare to FacebookFacebookShar
  5. 现代 Web 开发基础 Copyright © 2017 王下邀月熊 现代 Web 开发基础是笔者对于 HTML、CSS、DOM 等 Web 开发中涉及的基础知识与理念的总结介绍。
  6. 忍者级别的JavaScript函数操作 从名字即可看书,此篇博客总结与《JavaScript忍者秘籍》。对于JavaScript来说,函数为第一类型对象。所以这里,我们主要是介绍JavaScript中函数的运用。 系列博客地址:https://github.com/Nealyang/YOU-SHOU
  7. 前端开发:如何写一手漂亮的 Vue 前几日听到一句生猛与激励并存,可怕与尴尬同在,最无奈也无解的话:“90后,你的中年危机已经杀到”。这令我很受触动。显然,这有些夸张了,但就目前这日复一日的庸碌下去,眨眼的功夫,那情形就会在这骨感的现实面前,悄然的被显现。所以,越发体验到,当必要有计划的去做,去
  8. 深入探讨前端组件化开发 前端组件化开发,已经有多年的历史了,不管是服务端渲染,还是前端SPA,都有了比较成熟的组件化开发的方案。随着组件化开发的普及,前端社区中贡献了很多不错的前端组件,都提供开箱即用的方案,使得更好的发挥组件化的优势。前端团队内,如果有人对前端组件化的理解不够深入,
  9. 前端自动上线系统 写之前没看到这个插件的开发者已经在掘进上发了文章,我这个没看懂或者需要更深入的查看的,可以去他的页面或者去官网看文档。使用nodejs改进发布流程(上) 警告 被玩坏了,好了,下面linux上删除文件的命令我删除了,我会加上这个工具开发者加的那个安全删除,要 写之前没看到这个插件的开发者已经在掘进上发了文章,我这个没看懂或者需要更深入的查看的,可以去他的页面或者去官网看文档。使用nodejs改进发布流程(上) 警告 被玩坏了,好了,下面linux上删除文件的命令我删除了,我会加上这个工具开发者加的那个安全删除,要
  10. 一个非常适合nodejs初探者练手的全栈项目 写在前面: 这是算是一个前端萌新第一次涉及到前后端的全栈开发项目,可能涉及到的技术栈用的并不是深入,对许多中间件的总结所述必然会有所欠缺,但本文旨在浅析整个项目过程,同时去还原深化一些相关的概念。而且第一次写文章思路排版等不是很明确,有不对的地方欢迎各位大佬们 写在前面: 这是算是一个前端萌新第一次涉及到前后端的全栈开发项目,可能涉及到的技术栈用的并不是深入,对许多中间件的总结所述必然会有所欠缺,但本文旨在浅析整个项目过程,同时去还原深化一些相关的概念。而且第一次写文章思路排版等不是很明确,有不对的地方欢迎各位大佬们
  11. Angular 5 正式版发布(带来大量的改动),以及对应的脚手架 1.5.0发布(适配 NG5) 经过几次跳票.NG5正式版已经到来..带来一些有意思的东西,编译性能提升,支持导入装饰器,管道的国际化(数字及日期处理这些),zone 异步处理的改善,新的路由生命周期事件,表单及 htpp模块的完善,以及支持 rxj 5.5 等等!!!
  12. 如何不用构建工具开发Vue全家桶项目 Vue是目前最流行的前端开发框架之一,与Vue-router和Vuex组成俗称的Vue全家桶,更是开发前端富交互应用的利器。配合webpack等构建工具,开发大型应用也可以得心应手。随着Vue的普及,可能一些老旧项目也希望能“渐进式”的使用Vue,或者有的项目
  13. 前端开发工程师必须关注的几个性能指标 文 | 张贤(网易前端资深工程师) 关于页面相应时间,有一条著名的“2-5-8原则”。当
  14. fly.js—Node下增强的API 这是fly的第四篇篇文章,帮助您在微信小程序中使用fly。在阅读本文之前,如果您还不了解 fly。 请先阅读前两篇文章:第一篇: JS HTTP 请求终极解决方案 – fly.js第二篇: Fly vs axios第三篇:微信小程序中使用Fly 发起http请
  15. #前端开发那些事#【Node.js 自学完全总结】详见: 一篇关于 Node.js 自学的总结,供你参考与学习。(作者:JokerPeng)

    Node.js 自学完全总结
  16. Vue组件实现tips的总结文章内容由蚊子的前端博客进行发布,或许你想看看他其他的文章呢: http://www.xiabingbao.com 原文地址: https://www.xiabingbao.com/vue/2017/09/14/vue-component-tips.html 官网上已经有的内容,我就不再赘…
  17. 【第二波!2017年10月超实用前端干货大合集】在这一期的前端干货当中,我们会看到很多基础服务和工具的转变与提升,一些看起来并不显著的提升,都是向着未来前进的契机。接下来我们一起来看看这次的干货都有哪些吧。戳原文围观→ ​​​

    2017年10月超实用前端干货大合集
  18. 【重磅消息!Kotlin要支持iOS开发和Web开发了!】KotlinConf 作为第一届 Kotlin 专题会议于今天正式开幕,在会议的主题演讲当中,Kotlin 首席设计师 Andrey Breslav 公布了一系列与 Kotlin 紧密相关的重大发展成果,而我们将在这里与各位分享这些激动人心的第一手资讯。 ​​​
  19. 现代化的JS简明表(迷你手册) Image Credits: Ahmad Awais Introduction Motivation
  20. Node.js 发布9.0.0版本,Node.js 8 转为 LTS 状态 NEWS: Node.js 8 Moves into Long-Term Support and Node.js 9 Becomes the New Current Release Line We are super excited to a
  21. 从零开始构建react应用(五)同构之服务端渲染前言 上文讲到使用react进行客户端渲染页面,这次讲解在服务端利用前端react的代码来渲染页面并输出到客户端,即构建同构应用。 PS:同构,我是这样理解的,同一份代码可以同时运行在客户端和服务端。 利用ts实现…
  22. JavaScript 框架的探索与变迁(上)译者言 近几年可谓是 JavaScript 的大爆炸纪元,各种框架类库层出不穷,它们给前端带来一个又一个的新思想。从以前我们用的 jQuery 直接操作 DOM,到 BackboneJS、Dojo 提供监听器的形式,在到 Ember.js、Angular…
  23. 基于 Vue 实现的 tooltip 工具 嘛,基于 Vue 实现的一个 tooltip 小工具,不依赖 popper.js,支持指令注册与工具函数使用。 项目地址:https://github.com/kinglisky/vtip 文档地址: https://kinglisky.git 嘛,基于 Vue 实现的一个 tooltip 小工具,不依赖 popper.js,支持指令注册与工具函数使用。 项目地址:https://github.com/kinglisky/vtip 文档地址: https://kinglisky.git
  24. HTTP 103,一个新的 HTTP 状态码 103 状态码允许服务器在主报头之前先发送部分报头,以达到预加载文件的目的。 HTTP/1.1 103 Early Hints Link: </main.css>; rel=preload; as=style 103 状态码允许服务器在主报头之前先发送部分报头,以达到预加载文件的目的。 HTTP/1.1 103 Early Hints Link: </main.css>; rel=preload; as=style
  25. 使用 electron-vue 构建你的桌面应用 什么是 electron 官网里这么说:Electron提供了一个Nodejs的运行时,专注于构建桌面应用,同时使用web页面来作为应用的GUI,你可以将其看作是一个由JavaScript控制的迷你版的Chromium浏览器。 翻译一下:它是一
  26. #jQuery#【jQuery on()方法】jQuery on()方法是jQuery官方推荐的一个函数,替换live、bind、delegate、和trigger等方法,使用on方法更加的方便和简单。本文将深入介绍jquery on的各种使用案例。 #前端开发博客# ​​​

    jQuery on()方法
  27. 我用SVG+CSS3做了一个舞动的机械人——致AI时代的到来 想法来源于codepen大神的一个神作,一群机械人以神一样的步伐在进行群魔乱舞,可是,可是,打开一看,纯js实现,js!也罢,我偏要试一下用SVG+CSS3能不能搞出这个效果来,o( ̄ヘ ̄o#)。此为前提。 1.基础图形与基础动画先来个简易版的机械人吧,因为重
  28. DOClever:基于 Node.js 开发的接口管理平台 DOClever是一个可视化接口管理工具 ,可以分析接口结构,校验接口正确性, 围绕接口定义文档,通过一系列自动化工具提升我们的协作效率。DOClever前后端全部采用了javascript来作为我们的开发语言,前端用的是vue+element UI,后端是express+mongodb,这样的框架集成了高并发,迭代快的特点,保证系统的稳定可靠。 DOCle…
  29. Angular 5 开发一个有道翻译力争国内 Angular 5 第一篇轮子 Github:https://github.com/OrangeXC/udaoLink: https://incompetent-plantatio… 最近轮子造的比较多,意在给初学者一个参考例子,目前反馈来看,如果技术栈不符,很少有人会点…

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

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


关注我

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

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

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