20170420 前端开发日报

解剖CSS布局原理;开始使用 React-VR;4月份前端资源分享;Vue.js 音乐播放器 2.0 升级版;Git++ 之对象;JQuery 干货篇之选择元素;JavaScript 数组方法总结(中);使用 vue2.0 实现一个简洁的分页组件

  1. 解剖CSS布局原理前言 本文将带你重新认识CSS布局,带你解剖布局原理,前提是你要有基础哦!本文将解除你在布局方面的疑惑。认识每个布局元素,了解他们的特性,你才知道为什么会是这样的结果。本文内容纯属个人理解,不代表官方…
  2. 开始使用 React-VR React-VR 是 Facebook 团队推出的使用JavaScript来开发VR应用的框架,和 React 相似,你可以通过编写组件的形式来进行程序的开发。(写过 React-Native的应该可以很快上手吧。) 快速开始 首先我们需要安装脚手架程序: npm install -g react-vr-cli 安装成功后,我们就可以开始创建项目了。 react…
  3. 4月份前端资源分享更多资源请Star:https://github.com/maidishike… 文章转自:https://github.com/maidishike… 4月份前端资源分享 1. Javascript 关于 ES7 Function Bind Syntax 的思考 BOOM:一款有趣的Javascript动画效果 C…
  4. Vue.js 音乐播放器 2.0 升级版 之前初学Vue做了一个音乐播放器,受到不少人的喜欢。现在升级版来了!功能更强,技术栈更多。 源代码 源代码地址:GitHub 欢迎大家star和follow 预览 在线预览 在线预览地址:Vue音乐播放器 预览图 Vue音乐播放器升级版 更多预览图请看更多 技术栈 …
  5. Git++ 之对象 本文将主要介绍blob对象,tree对象,commit对象,tag对象 .git核心 .git/HEAD:一般情况下,指向分支引用;如果直接指向提交对象,将处于detached HEAD状态 .git/index:暂存区信息 .git/objects:Git对象数据 .git/refs:引用信息,包括分支引用,标签引用等 $ gi…
  6. JQuery 干货篇之选择元素JQuery 干货篇之选择元素 实验的HTML+CSS的代码 html {代码…} css {代码…} 选择器 :animated :选择正在处理动画的元素 :first :选择第一个元素 :last :选择最后一个元素 :eq(n) :选择第n个元素(从0开始) :eve…
  7. JavaScript 数组方法总结(中) JavaScript 数组方法总结(中) —— 由关于郑州想的都是你分享
  8. 使用 vue2.0 实现一个简洁的分页组件 简洁、好看的 vue 分页组件 —— 由lalalakk分享
  9. Vue2.0 全家桶开发的吾记网页版|开源 借鉴吾记APP,使用 vue2.0+vue-router+vuex 为主要技术栈,elementui做为ui框架,多模块 spa 模式,webpack2.0 负责模块打包,gulp 负责处理静态资源打包、压缩,欢迎打赏star!!! —— 由xiaobin分享
  10. React China 聊天室邀请链接 (Discord) http://react-china.org/ 社区的一部分 —— 由题叶分享
  11. mac安装gitlab-ci-multi-runner运行sonar安装maven {代码…} 安装gitlab-ci-multi-runner 如果gitlab是8版本的,很悲催 Because of this Runner >= 9.0 requires GitLab CE/EE >= 9.0 and will not workwith older GitLab versions. 因为官方给的…
  12. JS 继承常见误区扫盲 前言 第一次北京之旅结束了,流水账写了三篇,吸了几口带有杨柳絮的空气,见了 2 个 所里的朋友,挺有意思的。今日早读文章由前端早读课专栏作者 @ 野草翻译分享。 正文从这开始~ 什么鬼!!!当程序员遇到违反“最小惊讶原则”,违反他们直觉的时候,他们会不由自主地发出这句感叹! …
  13. react开发教程(四)React数据流在React中,数据是自顶向下流动的(称为单项数据流),从父组件传递到子组件。因此组件是简单且易于把握的,它们只需从父节点获取props渲染即可。如果顶层组件的某个prop改变了,React会递归向下遍历整个组件树,…
  14. JavaScript异步操作(续)JavaScript环境中产生异步操作的函数分为两大类:计时函数和I/O函数。如果要在应用中定义复杂的异步操作,就要使用者两类异步函数作为基本的构造快。本文没有对某个知识点细致展开,仅供思路参考。 1. 计时函数 …
  15. javascript 内存泄露及谷歌浏览器查看内存使用 今天写一下 javascript 导致内存泄露的几种方式,及我们在平时工作中,如何通过谷歌浏览器查看内存使用情况。我前面的文章制作公司数据大屏的几点技术总结 ,里面用到了不少 setInterval,setInterval 用多了,会占用大量的内存,要我们必须及时清理,否则,运行时间一长,极有可能导致浏览器崩溃! —— 由haorooms分享
  16. web前端mvc库实现web前端mvc库实现 前言 随着前端应用日趋复杂,如今如angular,vue的mvvm框架,基于virtual dom的react等前端库基本成为了各个公司的首选。而以当初最流行的头号大哥backbone为代表的mvc库基本退出了历史舞台。 在…
  17. 理解与使用Javascript中的回调函数转自:张小俊128:http://www.html-js.com/articl…_luxiao:http://luxiao1223.blog.51cto…. js里的解释:A callback is a function that is passed as an argument to another function and is executed afte…
  18. 撸 js 基础之对象 主要是对 js 对象的基础复习,包括 对象的创建、内容、操作、代理、行为、原型、委托、方法与实例方法等 es3、5、6 的内容。 —— 由tumars分享
  19. webpack与browser-sync热更新原理深度讲解本文首发于CSDN网站,下面的版本又经过进一步的修订。原文:webpack与browser-sync热更新原理深度讲解 开发环境页面热更新早已是主流,我们不光要吃着火锅唱着歌,享受热更新高效率的快感,更要深入下去探求其原…
  20. 使用canvas实现弹幕功能最近在着手开发弹幕视频网站,通过html5中的canvas实现了弹幕的功能。 那么闲言碎语不要讲,先说思路后上代码。 思路:从页面布局上来说就是将一块画布覆盖在了video标签产生的视频窗口之上,使用绝对定位就能实…
  21. Web 探索之旅 | 第二部分第二课:服务器语言 — 作者 谢恩铭 转载请注明出处 第二部分第二课:服务器语言 上一课 Web探索之旅 | 第二部分第一课:客户端语言 介绍了Web的客户端,我们来谈谈Web的服务器端吧。 既然客户端有客户端的编程语言(HTML,CSS和JS),那么我们服务器端岂能逊色呢
  22. 学习用 PixiJS 制作游戏和互动媒体(译) 翻译自 https://github.com/kittykatattack/learningPixi —— 由ShuaiKangZhang分享
  23. 体验javascript之美-第五课 匿名函数自执行和闭包是一回事儿吗?通过本节课你将学到: 1.什么是函数表达式和函数声明 2.first-class function 3.引用和复制的区别 4.函数传参是怎么回事儿 5.关于函数的this和arguments 6.什么是匿名函数自执行并如何在实际库中应用 7.闭包是怎…
  24. 前端魔法堂:解秘 FOUC 对于问题多多的 IE678,FOUC(flash of unstyled content)——浏览器样式闪烁是一个不可忽视的话题,但对于 ever green 的浏览器就不用理会了吗?下面尝试较全面地解密 FOUC。 —— 由肥仔John分享
  25. Web 探索之旅 | 第二部分第三课:框架和内容管理系统 — 作者 谢恩铭 转载请注明出处 第二部分第三课:框架和内容管理系统 上一课 Web探索之旅 | 第二部分第二课:服务器语言 中,我们介绍了服务器端的编程语言,有PHP,Java,Python,Ruby,C#等。 这一课我们来学习基于这些语言衍生出来的框
  26. js 中基础数据结构数组去重问题 本文写于1年前 曾经的学习文章如今拿出来分享 引言 一说到数据结构,很多人就开始头大了,因为总感觉像什么数据结构,算法之类的概念都很高大上,我知道有很多的同学都是毕业后觉得编程高薪,亦或培训速成所以就选择了一门语言,从而从事了这个行业,但是对于编程语言的一些基
  27. 安利下我的前端请求 mock 工具 一个简单的 mock 服务器,结合 Chrome 插件,不侵入代码地拦截和 mock 各种前端页面请求结果 —— 由chinesedfan分享
  28. JavaScript 最全数组方法总结(下) JavaScript 最全数组方法总结(下) —— 由关于郑州想的都是你分享
  29. CSS 深入理解 vertical-align 和 line-height 的基友关系 CSS 深入理解 vertical-align 和 line-height 的基友关系 —— 由分享
  30. 从实现后台商品属性代码说起,聊聊相关的思维JS、模拟数据、桥梁 ## 前言 原代码地址 这里实现了一个后台商品属性规格添加,修改,删除等功能,因为当时做这个功能的时候,本不是需要我完成这个工作,而是一个后台妹子,需要在后台实现一个类似修改商品属性等的功能,所以就找了我帮忙去写这个功能,于是我刚好手头也没有很紧急的事情,于

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

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


关注我

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

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

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