20170526 前端开发日报

Vue.js 入门最佳项目实践-个人博客全栈应用从零到上线;JTaro:基于 Vue 2.0 的轻量级 SPA 框架;为什么我们需要 Vuex;【小程序可用】CSS3 animation 实现的跑马灯;Sessions by Pusher: 前端开发者演讲集;(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库;React 历史项目维护与优化实践;学习笔记: JS字符串

  1. Vue.js 入门最佳项目实践-个人博客全栈应用从零到上线Vue.js+LeanCloud 轻博客应用 项目简介 GitHub地址 这是一个完全由 Vue 全家桶来实现的轻博客应用,充分应用了Vuex对所有状态数据进行管理并优化整体结构,后端应用Node.js开发的全栈应用,在业余时间持续在GitHu…
  2. JTaro:基于 Vue 2.0 的轻量级 SPA 框架 醉芋头 JTaro An H5 SPA framework for Vue.js 2.0 相关视频教程 JTaro Tutorial:https://github.com/chjtx/JTaro-Tutorial 依赖 Vue 2.x Vue 2.x 中文教程 JRoll 2.x JRoll 2.x 官网 下载 download 本地 jtaro.0.5.0.js …
  3. 为什么我们需要 Vuex 一、一个错误引发的思考 在 Weex 子组件中通过 this.$parent.$emit('event') 触发父组件的事件,父组件通过 this.$on('event', handler) 接收事件,从而实现父子组件的通信。这
  4. 【小程序可用】CSS3 animation 实现的跑马灯最近有个项目里面用到跑马灯,网上搜了下,虽然有人贴出来过一些实现,但是实际上都存在一些个问题。 哎,再造个轮子吧。 先放个效果: p.s. 如果能访问jsfiddle最好:https://jsfiddle.net/650spwen/ 主要原理 …
  5. Sessions by Pusher: 前端开发者演讲集 一个前端开发这演讲视频平台,收录了欧美一些前端演讲的视频。特色是同时会显示讲者的 PPT 和演讲者的视频录像。 —— 由witmin分享
  6. (Git 总结 一) vue-cli脚手架创建的项目如何git到远程库首先感谢segmentfault上,各位朋友的对我的帮助。 环境要求: 安装有 Node.js、 vue、 vue-cli 、git 1:创建项目:vue-cli init webpack ProjectName(ProjectName为你的项目名称,我创建的是xyd);命令:vue-cli…
  7. React 历史项目维护与优化实践 文中介绍了接手维护一个中型 React 历史项目时的一系列改进实践,包括模块结构拆分、业务逻辑梳理、Webpack 打包优化等。 —— 由doodlewind分享
  8. 学习笔记: JS字符串MDNjs字符串常用的一些方法 判断一个字符串是否以某个字符串开头 str.indexOf(substr[, start]) => 返回 substr 在字符串 str 中首次出现的位置,从 start 位置开始查找,如果不存在,则返回 -1。start可以是任…
  9. JavaScript 函数的多种写法 学过前端,我便考你一考。JS 的函数有几种写法呢? —— 由余博伦是讨厌鬼分享
  10. Alloy 前端周刊第 1 期 分享前端技术好文 —— 由Joeyguo分享
  11. 用纯 CSS 实现:当且仅当表格至少有 4 行时,应用 “镶边行” 样式 学院派的自 high,以及之后发现自己“聪明反被聪明误”!文章内容骨干: 为什么要加 “镶边行” 效果——出于 UX、可访问性的考虑; 如何用 CSS 加这个效果; 为什么我希望在至少 4 行的时候才出现这个效果——出于 UX、减少干扰元素和人脑迅速识别数字的能力的考虑; 如何用 CSS 实现这个效果,以及其他方案的不好之处的考虑;…
  12. vuex使用方法本实例主要讲vuex一种简单使用方法,也是官网推荐的方法执行流程,涉及技术点vue2+vuex+axios。 vuex是vue应用的状态管理模式,说白了就是管理vue的一些状态信息,主要包括: state/mapState getters/mapGetters …
  13. JavaScript深入系列15篇正式完结 写在前面 JavaScript 深入系列共计 15 篇已经正式完结,这是一个旨在帮助大家,其实也是帮助自己捋顺 JavaScript 底层知识的系列。重点讲解了如原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、ne
  14. Git: 是谁动了我的代码 关于平常项目中能够大量使用到的有用的 git 命令 —— 由shanyue分享
  15. 可能是史上最全的 weex 踩坑攻略 笔者在生产环境实践了 weex 技术栈后的踩坑总结 提供了一些网上无人解答的解决方案 —— 由AppleCatKay分享
  16. 浏览器缓存机制浅析–HTTP缓存非HTTP协议定义缓存 浏览器缓存机制,其实主要就是HTTP协议定义的缓存机制(如: Expires; Cache-control等)。但是也有非HTTP协议定义的缓存机制,如使用HTML Meta 标签,Web开发者可以在HTML页面的<head&gt…
  17. Reading files in JavaScript using the File APIs Reading files in JavaScript using the File APIs —— 由小鱼二分享
  18. Alloy 前端周刊第 2 期 分享前端技术好文 —— 由Joeyguo分享
  19. 奇舞周刊第 211 期:Web 开发者必看的安全清单 来来来~ 转眼间又到周五啦~ 不过,不要忘了明天还得再上一天班哟~ 预祝大家端午节愉快~ —— 由文蔺分享
  20. #CSS3#【CSS揭秘之沿着环形路径运动的动画】《CSS揭秘》里面发现一个很独特的一个动画,使用纯CSS3动画让一个元素沿着环形路径运动。听起来有点不可思议,本文将带你一起走进作者的文章中,由复杂到简单,由多个结构到简…请戳→ #前端开发博客# ​​​

    CSS揭秘之沿着环形路径运动的动画
  21. #前端技术#【看漫画,学 Redux】详见: 不写一行代码,轻松看懂 Redux 原理。[二哈] ​​​

    看漫画,学 Redux
  22. #前端头条#【站在移动互联时代的十字路口上】多样性的趋势是移动互联时代发展的特点,无论在智能设备端、物联网传感器端、还是各种终端上的应用,都会变得丰富多彩。然而,发展多样性并不表示不能解决碎片化的问题,相信未来…请戳→ #前端开发博客# ​​​

    站在移动互联时代的十字路口上

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

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


关注我

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

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

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