20180520 前端开发日报

学会它(Nextjs),前端也可以和PHP程序员一样了;vscode插件开发–快速插入图片相关css;码农英语课堂 0x0a:这是我听过说 git 坏话说得最好的;深入理解webpack如何解析代码路径;安利一个好玩的JS编程游戏—warriorjs;ES6 之路:模块详解;从 0 开始构建自己的前端知识体系:不要对 "==" 说不;webpack(2)——配置项详解

  1. 学会它(Nextjs),前端也可以和PHP程序员一样了 话说 PHP 是世界上“最好”的语言,我不是 PHPer ,所以今天我们的主角不是 PHP ,而是前端(Nextjs)。那么问题来了,Nextjs 是什么? Next.js is a lightweight framework for static
  2. vscode插件开发–快速插入图片相关css 闲来无事,将之前写的一个vscode插件翻出来写个教程。此插件之前没有上传到vscode的插件库上,这才顺带整理一下发布流程。 插件功能 很简单就是,快速的在编辑器里面插入css代码,不需要自己手工去ps量尺寸,或者看图片的尺寸啥的了。估计有大佬说着有啥用了,
  3. 码农英语课堂 0x0a:这是我听过说 git 坏话说得最好的 本期节目由我的好友 WillChen 友情剪辑,在此感谢他的付出和对本节目的宝贵建议. Hello World. 大家好, 我是 pshu. 今天是码农英语课堂的第10期了. 虽然更新的稀稀拉拉的, 自己终于坚持到了10期. 在此也感谢各位朋友的支持和鼓励. 秉承节目扯淡十万八千里的特色,还是先不说今天的主角 Git 和…
  4. 深入理解webpack如何解析代码路径 首先,综合一下在项目中配置路径的三种形式 相对路径 相对路径是相对于当前目录的路径 import {button} from ‘../component/button’ 绝对路径 绝对路径直接指明了文件的具体位置,直接可以查找到(不建议使用) import {button} from ‘/home/me/file’ 模块名 直接引入模块名,…
  5. 安利一个好玩的JS编程游戏—warriorjs 今天在Chrome的掘金插件上出现了一个好玩的项目—warriorjs。它的简介是这么写的:“ warriorjs是一个采用JavaScript开发的游戏,用于学习JavaScript和人工智能。这个游戏设计以一种有趣,交互的方式来教授JavaScript和人
  6. ES6 之路:模块详解 简介 何为模块 一个模块只不过是一个写在文件中的 JavaScript 代码块。 模块中的函数或变量不可用,除非模块文件导出它们。 简单地说,这些模块可以帮助你在你的模块中编写代码,并且只公开应该被你的代码的其他部分访问的代码部分。 为什么要使用模块 …
  7. 从 0 开始构建自己的前端知识体系:不要对 "==" 说不 前言 类型转换在各个语言中都存在,而在 JavaScript 中由于缺乏对其的了解而不慎在使用中经常造成bug被人诟病。为了避免某些场景下的意外,甚至推崇直接使用 Strict Equality( === )来代替 ==。这确实能避免很多b…
  8. webpack(2)——配置项详解 引子 昨天有关 Webpack 笔记也是有许多人喜爱的,所以今天再接再厉汇总了第二篇笔记,欢迎各位指点不足之处。 之后的笔记应该会记录一些实际开发了,希望在这个周末内彻底入门 Webapck。 webpack (1)——核心概念的理解 webpack(2
  9. 从零开始做Vue前端架构(9)脚手架 相信很多人都用过 vue-cli 或 create-react-app 或者类似的脚手架。 脚手架方便我们复制,粘贴,或者clone代码库,而且还可以更具用户的选择,引入用户所需要的插件。 脚手架往往搭配着早已设计好了架构的项目,然后按需进行拷贝。 Yeoman 介绍 官网介绍: The web’s scaffolding tool for modern webapps….
  10. Google力推的那些前端技术,最近都有哪些进展? Google I/O 2018 已于上周落下帷幕,普通民众看的是新产品,开发者们关注的是新技术。透过这次大会,我们不难发现,Google 已经从 mobile first 转向 AI first,AI 之后,就是移动和前端技术了,移动无非是 Android P
  11. 纯正后端的vue轮子笔记 说明 由于公司需要,我作为一个纯正的后端工程师,已经自学了半年多的vue了,愣是被逼成了一个小全栈,当然,小全栈这是往好听了说,事实上就是个前后端深度都不足的小菜鸡,在深知自己众多不足以及明白好记性不如烂笔头的道理下,多造轮子多做笔记总是不会错的:) 所以最近
  12. 30 Seconds of CSS 精彩片段中文版】30 seconds of css是跟30 seconds of code 类似的项目,翻译中文版已经很久了,今天列举几个自己觉得比较有用的片段,使用CSS3实现某些前端效果,还是挺炫酷的。 #前端开发博客# ​​​

    30 Seconds of CSS 精彩片段中文版
  13. 前端工程师必知之Promise的实现 Promise是什么? 在Javascript的世界中,代码都是单线程执行的。这就导致我们的代码里会有嵌套回调函数,一旦嵌套过多,导致代码不容易理解和维护。 为了降低异步编程的复杂性,开发人员一直在寻找各种解决方案,Promise只是用来处理异步操作的其中一
  14. javascript 实现高仿 growingIO 前言 埋点,是网站分析的一种常用的数据采集方法。我们主要用来采集用户行为数据(例如页面访问路径,点击了什么元素)进行数据分析,从而让运营同学更加合理的安排运营计划。现在市面上有很多第三方埋点服务商,百度统计,友盟,growingIO 等大家应该都不太陌生,大多
  15. 实现Google带截图功能的web反馈插件 几乎所有的APP应用包括Web应用都需要一个意见反馈,这样才能了解用户对产品的意见和建议,以便于不断提升完善自己的产品。目前的反馈组件一般有两种,一种是打开一个反馈页面填写表单,另一种则是通过弹窗来完成,相比较而言第二种更加方便,而且更加容易组件化。 国内比较
  16. 关于程序员的段子,有没有get到你的点?】全文=> ​​​ (1)程序员的读书历程:x 语言入门 —> x 语言应用实践 —> x 语言高阶编程 —> x 语言的科学与艺术 —> 编程之美 —> 编程之道 —> 编程之禅—> 颈椎病康复指南。 (2)程序员最讨厌的四件事:写注释、写文档、别人不写注释、别人不写文档…&helli…

    关于程序员的段子,有没有get到你的点
  17. ScriptQJ闯关之中间件 上篇闯关了组合函数编程compose,这篇来到中间件一关。 先上题目: 中间件模式(middleware)是一种很常见、也很强大的模式,被广泛应用在 Express、Koa、Redux 等类库和框架当中。如果你能在自己的代码中也使用灵活这种模式
  18. 20180519 前端开发日报】前端响应式布局基础——rem;腾讯通用 Web 组件化框架 Omi 正式开源;可能是github上第一款Vue全家桶+Typescript的完整项目;前端反思录(一):技术就是核心竞争力;Node JS爬虫:爬取瀑布流网页高清图;JavaScript 中…详情→ ​​​

    20180519 前端开发日报
  19. 从学校到实习直至毕业,前端——我一直在路上为什么学前端——如果能靠兴趣挣钱,我为什么不做的更好! 就要毕业了,从学校到实习直至毕业,这一路走来,总想写点什么,记录这过程中的点滴,以后老了再来回味! 进入大学 高考失利,选择了计算机 2014年高考,…
  20. vuex其实超简单,只需3步 前言 之前几个项目中,都多多少少碰到一些组件之间需要通信的地方,而因为种种原因, event bus 的成本反而比vuex还高, 所以技术选型上选用了 vuex, 但是不知道为什么, 团队里的一些新人一听到vuex,就开始退缩了, 因为vuex 很难? 真的很
  21. 从零开始做Vue前端架构(9) 前言 相信很多人都用过vue-cli或create-react-app或者类似的脚手架。 脚手架方便我们复制,粘贴,或者clone代码库,而且还可以更具用户的选择,引入用户所需要的插件。 脚手架往往搭配着早已设计好了架构的项目,然后按需进行拷贝。 Yeoman
  22. 谈谈我眼中的前端——逆境与希望 作为工作刚满一年的前端工程师,我虽然认为自己并没有资格来谈论前端这个话题,但心有所感不得不写点文字来直抒胸臆,如果有人看到就当一笑谈好了,不必太过在意。 序 前端这个词虽然在我入行之前就已经被明确起来了,但也就是近几年的光景,即使现在披着光鲜亮丽的【前端工程
  23. 使用travis-ci自动部署Hexo到github和coding 持续集成(CI)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。 Travis CI是在软件开发领域
  24. 两种方式lu一个vue弹窗组件(v-model与promise方式) 最近公司有一个后台业务虽然也是写在了现有的后台系统中,但是之后要为这个业务单独拉出来新建一个后台系统,所以现有的后台系统中的vue组件库,就不能用了(因为不知道将来的系统要基于什么组件库,以防给未来移植项目带来麻烦),这次业务中又遇到了弹窗的功能,所以只能手动
  25. React 快速上手 – 03 脚手架创建项目 一切都是组件 React 快速上手 – 03 脚手架创建项目 一切都是组件 目标 通过脚手架创建项目 运行项目 了结项目结构 动手创建组件 创建项目 我推荐用脚手架作

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

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


关注我

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

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

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