20171017 前端开发日报

iMap | 一款基于 Electron 和 Vue 的跨平台旅行地图生成器;全栈 React + GraphQL 教程;从 JavaScript 到 TypeScript 1 系列;iMap:一款基于 elctron 和 Vue 的跨平台软件;vue 指令基本使用大全;小 QA 学习前端系列之练习实践 vuex-shopping-cart;WebRender:让网页渲染如丝顺滑;基于 Electron 和 Vue 的旅行地图生成工具:iMap

  1. iMap | 一款基于 Electron 和 Vue 的跨平台旅行地图生成器 项目地址:https://huangxizhou.com/project/iMap 技术栈 Vue.js
  2. 全栈 React + GraphQL 教程 Part 1——前端:使用 Apollo 声明式地请求和 mock 数据 GraphQL 是一种新的 API 定义和查询语言,有可能成为新的 REST。它使 UI 组件易于声明式地获取数据,而不必关注后端实现细节。GraphQL 作为一种强大
  3. 从 JavaScript 到 TypeScript 1 系列 随着应用的庞大,项目中 JavaScript 的代码也会越来越臃肿,这时候许多 JavaScript 的语言弊端就会愈发明显,而 TypeScript 的出现,就是着力于解决 JavaScript 语言天生的弱势:静态类型。 前端开发 QQ 群:377786
  4. iMap:一款基于 elctron 和 Vue 的跨平台软件 项目地址:https://huangxizhou.com/project/iMap 技术栈 Vue.js Vuex Axios Webpack Leancloud(express) Echarts Electron(electron-vue) 项目目录 . ├── LICENSE ├── README.md ├── build························…
  5. vue 指令基本使用大全 指令 解释:指令 (Directives) 是带有 v- 前缀的特殊属性 作用:当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM 常用指令 v-text
  6. 小 QA 学习前端系列之练习实践 vuex-shopping-cart 代码地址 https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart 直接 npm install 或者yarn ,安装依赖 之后,npm run dev 运行 页面如下 废话不多说,直接看源码。 源码解析 先来看看文件目录 该demo包含了2个module,一个叫cart,另一个…
  7. WebRender:让网页渲染如丝顺滑 Firefox Quantum 发布在即。它带来了许多性能改进,包括从 Servo 引入的的极速 CSS 引擎。 但 Servo 中的很大一块技术尚未被 Firefox Quantum 引入,虽然已经为期不远。这就是WebRender,它是 Quant
  8. 基于 Electron 和 Vue 的旅行地图生成工具:iMap iMap 是一个基于 Electron 和 Vue 的旅行地图生成工具。它具备简洁、跨平台、智能提示坐标经纬等特点,帮助你打造专属于你的旅行地图。 iMap 是一个基于 Electron 和 Vue 的旅行地图生成工具。它具备简洁、跨平台、智能提示坐标经纬等特点,帮助你打造专属于你的旅行地图。
  9. #cookie#【HTTP Cookie是如何实现交互的】cookie在网站建设中是比较常用的,你知道它是怎么实现自动登录,记录使用过的模板,记录用户上次操作状态的吗?持久cookie将内容保存在你的电脑硬盘中,下次访问,浏览器查找cooki…请戳→ #前端开发博客# ​​​

    HTTP Cookie是如何实现交互的
  10. 为vue项目添加骨架屏 为vue项目添加骨架屏 为vue项目添加骨架屏 前段时间阅读了饿了么的 PWA 升级实践一文,受益匪浅。其中构建时使用 Vue 预渲染骨架屏一节,为开发者提供了减少白屏时间,提升用户感知体验的新思路。本文将借鉴这一思路,尝试为
  11. #前端开发那些事#【前端性能优化常用总结】详见:前端性能优化常用总结 前端发展以来,优化方式,琳琅满目,有雅虎军规等。这些内容复杂繁多,往往容易被人遗忘。因此,本篇对于这些常用的优化方式进行总结。(作者:Layzimo)

    前端性能优化常用总结

  12. Async/Await 是这样简化 JavaScript 代码的 译者按: 在Async/Await替代Promise的6个理由中,我们比较了两种不同的异步编程方法:Async/Await和Promise,这篇博客将通过示例代码介绍Async/Await是如何简化JavaScript代码的。 原文: ASYNC/AWAIT WILL MAKE YOUR CODE SIMPLER 译者: Fundebug 为了保证可读性,本文采用意译而非直译。…
  13. Vue 2.5 正式发布 – TypeScript 集成优化,更好的错误处理,SFC 里的 Functional Support 及 SSR 支持更多的环境 Vue 2.5 released We are excited to announce the release of Vue 2.5 Level E! This release includes improvements of various
  14. js 计算两个时间的时间差 写在前面: 如题,就像题目说的需要计算出时间差,虽然不太难,但这个需求经常会在项目中遇到的,我在这边做一下整理,希望能够尽量全的整理出来。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。 本文首发于我的个人blog:obkoro
  15. #开源项目#【纯 CSS 打造的简易工具提示框:Balloon.css】详见: Balloon.css 是一个纯 CSS 实现的简易工具提示框。仅通过数行 CSS 代码,就可以实现不同位置的提示效果。 ​​​

    Balloon.css
  16. #前端技术#【高效使用 JavaScript 闭包】详见: 本教程将介绍在 Node 中使用闭包的 3 种主要用例:完成处理函数、中间函数、监听器函数,并通过示例代码,帮助大家了解这些用例如何影响内存使用。 ​​​

    高效使用 JavaScript 闭包

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

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


关注我

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

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

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