20170606 前端开发日报

JavaScript数组方法全面的总结;Vue.js全家桶低仿网易云音乐(MacOS版);webpack多页配置;【单页面博客从前端到后端】环境搭建;Vue 2.0 浅谈–生命周期和钩子函数;前端每周清单第 16 期:JavaScript 模块化现状;Node V8 与 V6 真实性能对比;Nuxt.js SSR 与权限验证指南 – 知乎专栏;大前端 – 收藏集 – 掘金;基于react的影院购票应用

  1. JavaScript数组方法全面的总结1. 检测对象是不是数组 instanceof操作符 Array.isArray()方法 {代码…} 2. 转换方法 toString() 该方法会输出每一项,并以’,’连接,实际上该方法会调用数组中每一项的toString()方法,然后拼接得到的每一项的字…
  2. Vue.js全家桶低仿网易云音乐(MacOS版)项目地址 暂时只实现了基本功能 加了一点微小的效果 主要适配pc浏览器 对android 和ios 做了一点微小的适配 源码地址 项目预览 项目描述 前端部分 整体app加载进度 懒加载模块的加载中提示 实现了滑块、tooltip…
  3. webpack多页配置基于webpack的多页脚手架 这个完全基于webpack的配置,适用于一些官网产品类介绍的静态网页。由于webpack的强大,可以使用scss,es6,并实现代码压缩,css压缩 {代码…} 安装依赖 npm install 打包 webpack 启动…
  4. 【单页面博客从前端到后端】环境搭建工欲善其事,必先利其器。单页面应用的开发和生产环境涉及文件的编译、压缩、打包、合并等,目前前端最流行的莫过于 webpack 。为了深入了解 webpack 以及其相关插件,我们决定不采用脚手架,自己来搭建基于 webp…
  5. Vue 2.0 浅谈–生命周期和钩子函数前言 {代码…} 生命周期和钩子函数-介绍 啥也不说先上图图-1为 Vue 1.0 生命周期图,图-2为 Vue 2.0 生命周期图,图-3为Vue 1.0 和 Vue 2.0 钩子函数比较 重点看 Vue 2.0 生命周期和钩子函数-具体 上代码 自己粘走…
  6. 前端每周清单第 16 期:JavaScript 模块化现状;Node V8 与 V6 真实性能对比;Nuxt.js SSR 与权限验证指南 – 知乎专栏 前端每周清单第 16 期:JavaScript 模块化现状;Node V8 与 V6 真实性能对比;Nuxt.js SSR 与权限验证指南 —— 由前端之巅分享
  7. 大前端 – 收藏集 – 掘金JS 全栈教程 – 前端 – 掘金本课程是基于阮一峰的 js 全栈教程的视频版本,免费供大家观看… 2016 年 10 个最佳的 CodePen 作品 – 前端 – 掘金说到 CodePen,前端开发者们肯定不会陌生。如果说 Dribbble 是设计师…
  8. 基于react的影院购票应用 写在最前 这次使用react&redux,来模拟了一个购票app,需要关注的是本次全部数据均为mock实现,不涉及后台。同时其中不会涉及react与redux的语法,只关注到一些模拟原生效果的实现理念。没有接触过react的童鞋们可以关注下阮一峰老师的
  9. #前端技术#【2017 前端库与工具集锦】详见: 专业、全面的前端库与工具集锦,便于你快速查找、使用知名框架与工具。前端er,转需收藏了。[给力] ​​​

    2017 前端库与工具集锦
  10. Vue-loader 的巧妙玩法 声明:可以这么玩,不代表应该这么玩 一、Vue-loader 干了啥? Vue-loader 是一个 webpack 加载器,它可以把形如: <template> … </template> <script>
  11. 最新版 React 中文文档已经全部翻译完毕啦~ 感谢翻译组的同学们一个月来的努力,文档终于全部翻译完毕啦,欢迎查阅~ —— 由余博伦是讨厌鬼分享
  12. JS 冻结对象的《人间词话》 完美实现究竟有几层境界? 王国维在《人间词话》里谈到了治学经验,他说:“古今之成大事业、大学问者,必经过三种之境界。” 巧合的是,最近受 git chat / git book 邀请,做了一个分享。其中谈到JS中冻结一个对象几种由浅入深的实践。想想也暗合国学大师所谓的三重境界。 这篇文
  13. Angular 4 指令快速入门目录 第一节 – 创建指令 第二节 – 定义输入属性 第三节 – 事件处理 第四节 – 获取宿主元素属性值 第五节 – 使用 元素 第六节 – 使用 ngTemplateOutlet 指令 第七节 – 创建结构指令 阅读须知 …
  14. 如何在Linux上搭建一个Git中央仓库前言:本教程只面向那些个人开发者,想要自己在linux上搭建一个git中央仓库用来上传发布自己的项目。但是对于团队来说可能有更高的要求,可以使用gitlab搭建一个可视化的类似github的版本管理系统 测试环境 我使…
  15. 合格前端系列 —— 如何监听一个数组的变化 上一篇文章我们实现了一个属于自己的简易 MVVM 库,里面实现了一个 mvvm 库应有基本功能,里面对数据进行了数据劫持,但是仅仅只是对对象进行了数据劫持,并没有实现数组的一个监听。今天我将带着大家实现数组的 observe。 —— 由开源中国分享
  16. 不使用 Media Queries 的自适应 CSS – 众成翻译 虽然标题说不用 media queries,但我还是要在开头讲清楚,本文并不是要大家丢掉 media queries,也不是要抨击 media queries。media queries 实际上非常有用,我在各种地方都会用到。但 media queries 并不能解决所有的自适应的设计问题。 原文地址:https://www.sitepoint.com/responsive-css-patterns-without-media-q…
  17. 使用 Vue 模仿 Readhub 作为一个 Vue 的初学者,我选择了 Readhub 作为我的第一个 SPA 项目。我用 Vue-cli 脚手架构建了整个项目的结构,在这里我用了 Vue router 做了 tab 导航之间的路由跳转。由于没有 API 接口,我自己创建了一个 jSON 文件,当作一个虚拟的 API ,使用 Vue resource 进行数据请求,所以并不会与真实的 Readhub 进行同步更…
  18. 编写模块化的 CSS(第三部分)—CSS 文件组织结构 – 众成翻译 在之前两篇文章中我们已经讨论过如何使用 BEM 和 Namespace 来编写模块化的 CSS。这篇文章中,我想避开把 CSS 选择器作为 CSS 文件结构和组织的依据的方法。 如果你思考过关于什么是文件组织的最佳实践,或者怎样能够在项目目录中更容易的找到你要找的 CSS 文件,或者一个文件应该是多大或者多小合理等问题,那么这篇文…
  19. JS 组件系列——自己动手扩展 BootstrapTable 的 treegrid 功能 今天打算在直接在 bootstrapTable 的基础上扩展一个 treegrid 的功能,很多长期关注博主博客的小伙伴一直在问我怎么在 bootstrapTable 里面直接使用 treegrid 的功能,所以今天还是带来点福利。 —— 由极乐君分享
  20. 快速上手 Unity 原生 Json 库 在 Unity3D 开发中使用 Json —— 由Sheh伟伟分享
  21. #HTTP#【服务器缓存的实现过程详解】提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。那么下面我们就…请戳→ #前端开发博客# ​​​

    服务器缓存的实现过程详解

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

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


关注我

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

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

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