20170711 前端开发日报

前后端分离后的前端时代;VUE 单页面应用 修改页面title;前端必备资源大整理;Vue2.0网易云音乐播放器 (实时更新);HTTP 缓存的关键路径;CSS并不简单–结合SVG实现简单的加载动画;2017-07-11 前端日报;Web 自动化之 Headless Chrome 测试框架集成

  1. 前后端分离后的前端时代 本文从前端开发的视角,聊一聊前后端分离之后的前端开发的那些事儿。阅读全文,大约需要8分钟。 什么是前后端分离 要区分前端和后端,需要有个明确的界限。一般,用户可以直接看到的东西,都是属于前端的范畴,除了前端之外都属于后端了。 你负责貌美如花,我…
  2. VUE 单页面应用 修改页面title路由配置 {代码…} 主要代码 {代码…}
  3. 前端必备资源大整理资源不断更新中。。。 动画库1.Animate.css说明:一个简单易用的跨浏览器CSS动画库。GitHub主页: https://github.com/daneden/an… 2.CSShake说明:用CSS实现各种颠颤动画效果DOM!GitHub主页: https://github…
  4. Vue2.0网易云音乐播放器 (实时更新)本人在自学vue,之后想在学习过程中加以实践。由于之前有做过jquery的播放器效果,ui仿照网易云,地址 链接描述于是就想做vue 的网易云播放器,网上也有类似的项目。看了一下都挺不错的,于是就想自己做一个试试 …
  5. HTTP 缓存的关键路径一、证件照场景 拍一次证件照麻烦且费钱,因此每次拍的时候我们都会多留几张备用。这就是计算机世界的缓存,在现实世界中的写照。 如果某个行为很消耗资源,很麻烦,那在实现它的时候就顺便多保留几份,这种行为…
  6. CSS并不简单–结合SVG实现简单的加载动画 今天通过两个简单的加载动画让大家见识一下CSS与SVG结合的威力。 一、你需要准备什么?   对于svg,可能一些刚接触前端的同学比较的陌生。你可以先去MDN上看一下基本的介绍。本篇内容最重要的一个知识点就是stroke-dasharra 今天通过两个简单的加载动画让大家见识一下CSS与SVG结合的威力。 一、你需要准备什么?   对于svg,可能一些刚接触前端的同学比较的陌生。你可以先去MDN上看一下基本的介绍。本篇内容最重要的一个知识点就是stroke-dasharra
  7. 2017-07-11 前端日报2017-07-11 前端日报 精选 7月份前端资源分享【第992期】webpack 2 打包实战(上)大漠穷秋:全面解读Angular 4.0核心特性HTML5拖放API Drag and Drop什么是 JavaScript 装饰器?应该在什么时候使用 JavaScript …
  8. Web 自动化之 Headless Chrome 测试框架集成 使用Selenium操作headless chrome 推荐 简介 WebDriver是一个W3C标准, 定义了一套检查和控制用户代理(比如浏览器)的远程控制接口,各大主流浏览器来实现这些接口以便调用控制接口来操作浏览器。 Selenium是一整套的Web自动化测试解决方案,配合WebDrive规范,实现了对各种用户代理的适配(…
  9. 两分钟解惑 JS 小数计算精度问题 有个问题可能曾经、甚至现在仍旧让一部分人十分困惑。 我们用 JS 执行一个及其的简单的运算,如:0.1 + 0.2,会得到一个非常意想不到的结果:0.30000000000000004。 虽然结果相差无几,但是作为技术人员,这绝对不可以忽略,理由如下: 万一和 money 有关呢? 万一你的代码里有类似 if (0.1 + 0.2 == 0.15 + 0.15) 的逻…
  10. 前端每周清单第 21 期:JS 项目开发样式指南;基于 Vue 的分角色权限验证;深入 React.js 内部原理 – 知乎专栏 前端每周清单第 21 期:JS 项目开发样式指南;基于 Vue 的分角色权限验证;深入 React.js 内部原理 —— 由王下邀月熊分享 前端每周清单第 21 期:JS 项目开发样式指南;基于 Vue 的分角色权限验证;深入 React.js 内部原理 —— 由王下邀月熊分享
  11. SpliderApi:基于 Node.js 的爬虫数据 API 基于Node 的一个网络爬虫 API接口 包括前端开发日报、知乎日报、前端top框架排行、妹纸福利、搞笑视频、各类视频新闻资讯 热点详情接口数 查看文档 环境要求 需要 NodeJS+express 安装 $ git clone https://github.com/ecitlm/SpliderApi.git $ npm install ### 运行 $ nod…
  12. 使用Nuxt+Vue+Node构建的SSR博客项目以前的博客使用的是Ghost,不过被攻击了,勒索我几百美元,还是算了吧,顺便说一句,数据备份很重要!前段时间学了Vue.js,以前看的Node还能记起来点,主要为了锻炼自己吧,这次的博客没有用Hexo,Ghost什么的,…
  13. [线上活动] 腾讯课堂 丨十天备战秋招前端训练营 腾讯课堂IMWeb前端学院,用10天带你熟悉前端笔试面试。本期训练营基于社群、通过模拟笔试、经典题目,在线编程训练、定期腾讯导师直播、笔试面试讨论学习,让你今年秋季变身offer收割机! —— 由稀土君分享
  14. 通过实例,学习编写 React 组件的“最佳实践” 现在前端程序员都知道,React 是组件化的。当我开始学习 React 的时候,我记得当时已经存在了很多不同编写组件的方式了。如今,React 社区已经愈发成熟,但是对于组件正确编写姿势却没有一个相对完备的指导。 这篇文章仅从作者的观点出发,来谈一谈我们究竟应
  15. 前端每周清单:JS 项目开发样式指南;基于 Vue 的分角色权限验证;深入 React.js 内部原理 每周清单,带你跟上前端发展~ —— 由前端之巅分享 每周清单,带你跟上前端发展~ —— 由前端之巅分享
  16. JavaScript 的函数式编程是一种反模式 原文地址:Functional programming in JavaScript is an antipattern 原文作者:Alex Dixon 译文出自:掘金翻译计划 本文永久链接:https://github.com/xitu/gold-miner/ 原文地址:Functional programming in JavaScript is an antipattern 原文作者:Alex Dixon 译文出自:掘金翻译计划 本文永久链接:https://github.com/xitu/gold-miner/
  17. HybridStart混合应用前端框架发布 v1.0 HybridStart是一款多webview模式的混合应用前端开发框架,本来只是作者自用的一套混合应用开发模板,为了进一步提高混合应用开发效率,近期着重在框架高通用性和易用性方面做了较大改进,比如将UI从功能封装中分离出来,解放框架对UI的绑架;舍弃第三方类库依赖,解放框架对技术选型的绑架;核心经过大范围重构,功能梳… HybridStart是一款多webview模式的混合应用前端开发框架,本来只是作者自用的一套混合应用开发模板,为了进一步提高混合应用开发效率,近期着重在框架高通用性和易用性方面做了较大改进,比如将UI从功能封装中分离出来,解放框架对UI的绑架;舍弃第三方类库依赖,解放框架对技术选型的绑架;核心经过大范围重构,功能梳…
  18. TypeScript 资源集TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 扩展了 JavaScript 的句法,所以任何现有的 J…

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

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


关注我

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

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

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