20180704 前端开发日报

jquery前后端分离项目总结;JS写小游戏「跳一跳」外挂之自己动;webpack 快速构建 React 学习环境(1);使用 JSDoc 标注类型;自己动手实现一个前端路由;2018 年你需要知道的 11 个 JavaScript 库;Vue-router 源码:实现一个简单的 vue-router;webpack结合reactjs、vuejs项目中图片处理

  1. jquery前后端分离项目总结 前言 设计阶段 文档 Restful api 技术选型 开发阶段 本地开发与联调 路径、接口状态、登录超时、服务器报错 统一处理返回结果 登录超时、字符串错误、其他字符串 部署测试阶段 项目根目录 自动部署 待解决问题 ...
  2. JS写小游戏「跳一跳」外挂之自己动 上篇文章写道怎么通过Canvas识别跳转位置,本篇文章重点介绍怎样使用adb命令操作「小人」自己挑动。 adb是什么 adb是 Andorid Debug Bridge ,可以将安卓手机打开USB调试模式,然后连接USB线到电脑,就可以通过adb执行调试命令。 adb安装 mac下面使用brew安装 brew cask install Android-platform-tools...
  3. webpack 快速构建 React 学习环境(1) React 官方有一套脚手架工具,是初学者的最好选择,可以让初学者集中注意力在 React 本身。 本人对脚手架有点儿抵触(可能主要是对未知的恐惧),从开始学习 React 就走了自己搭建开发环境的路线,这里总结下搭建过程,希望能帮助和我一样不愿使用脚手架工具,但又急需一个练习环境的初学者。 文章同步发布在个人博...
  4. 使用 JSDoc 标注类型 JavaScript 采用动态类型,在编译期不对类型进行检查,等真正执行的时候由运行时来判断类型是否出现错误,这种特性有点像汇编里的计算一样,类型很弱,不同类型总是显式、隐式地转换。 在一个普通的 Todo Demo 里类型或许没有那么重要,而当项目变得庞大起来的时候,里边有很多不同的逻辑,当项目由另外一个人接手的时...
  5. 自己动手实现一个前端路由 最近工作比较忙,写的比较慢,当我写完这一篇准备发布的时候,发现掘金刚好也有一篇关于前端路由的,而且写的比我详细,不过辛辛苦苦写的总不能删掉吧,再说我的路由风格是纯个人思路实现的,所以还是硬着头皮发了哈。 前言 用过现代前端框架的同学,对前端路由一定不陌生, vue, react, angular 都有自己的 router, ...
  6. 2018 年你需要知道的 11 个 JavaScript 库 译者按: 你可能已经用到Underscore或者Lodash。本文列举了11个常用的库来提高开发效率。 原文: 11 Javascript Utility Libraries You Should Know In 2018 译者: Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。 JavaScript依然是...
  7. vue-router 源码:实现一个简单的 vue-router 通过上篇,我们知道前端理由的两种实现方法,Hash 路由与 History 路由,并且用它们分别实现了一个前端路由。 接下来我们就将 Vue 与 Hash 路由结合,实现一个非常简单的 vue-router 吧。 开始实现 想象一下,如果自己实现了一个 vue-router,会怎么去使用呢?参考 vue-router 官方的使用方式,看看 html 的使用:...
  8. webpack结合reactjs、vuejs项目中图片处理 这篇文章主要整理一下自己在使用 webpack 结合 vuejs 或 reactjs 开发过程中图片的处理方法。 我的需求 项目打包之后(假定输出目录为 dist ),除了 index.html ,将所有的静态资源上传至 cdn ,而并非打包之后所有静态资源都在应用服务器上。 index.html 中的图片 因为是 SPA,模版页面唯一要处...
  9. Rxjs 01-认识Rxjs ReactiveX combines the Observer pattern with the Iterator pattern and functional programming with collections to fill the need for an ideal way of managing sequences of events. ReactiveX将观察者模式、迭代器模式和函数编程与集合结合起来,以满足管理事件序列的理想方式的需要。 根据官方定义,RxJS 是...
  10. js浮点数存储精度丢失原理 曾几何时我们惊讶于在控制台看到这样的情况 0.1 + 0.2 === 0.3 false 而我们也得出一个原因,因为精度丢失所致。下面我将一步一步地以最简单的0.1为例告诉你们精度为什么丢失,什么时候开始丢失的,这里没有深奥的公式,也没有晦涩的概念,只要你知道进制转换就能看懂了。 0.1在内存中的样子 有一点我们是知道的,js中...
  11. Vuex与Busemit结合使用浅谈Vuex使用方式 前言 好久没有写文章了,最近项目紧张所以很久没有更新文章了,趁着这段时间不忙先更新一篇关于Vuex和Busemit结合使用的项目实战篇,希望大家喜欢。 Vuex 先讲一下Vuex,每一个Vuex应用的核心就是store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state),这部分来自官网的介绍,大家...
  12. webpack和npm 新建文件夹webpack-exam,组织和建立文件如下: 其中 a.js 、 b.js 、 c.js 内容分别如下: 在文件夹下新建文件 webpack.config.js ,在文件中写配置: 目前浏览器并不能自动执行模块化代码,所以需要 进行webpack的配置 :打开终端,切换到...
  13. 不聊webpack配置,来说说它的原理 最近在前端论坛闲逛,看到了一些讲parcel、webpack的文章,就突然很好奇,每天都在用的打包工具,他们打包的原理究竟是什么。只有知道了这一点,才可以在众多的打包工具里,找到最适合的那个它。在了解打包原理之前,先花一些篇章说明了一下为什么要使用打包工具。
  14. Vue.js与MVVM模型的藕断丝连 冰冰 2018-7-1 &前端小白现阶段的内容搬运工 mvvm简介 为什么会出现 MVVM MVVM出现的优势 专注vue.js细节 mvvm简介 MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开
  15. 从闭包函数的变量自增的角度 - 解析js垃圾回收机制 GitHub前言感觉每一道都可以深入研究下去,单独写一篇文章,包括不限于闭包,原型链,从url输入到页面展示过程,页面优化,react和vue的价值等等。代码实现如何实现闭包自增一const times = (()=>{ var times = 0;
  16. 基于 HTML5 的 3D 工业互联网展示方案通用电气(GE)、IBM、英特尔等公司主推的“工业互联网”正在经历“产品-数据分析平台-应用-生态”的演进。这主要得益于 Predix 数据分析平台对工业互联网应用的整合能力。Predix 就像工业数据领域的 ios 或者安卓...
  17. Vue Patterns 英文原版:learn-vuejs 中文翻譯:yoyoys 此頁面集結了許多有用的 Vue 實作模式、技術、技巧、以及有幫助的參考連結。 Vue 實作模式 (learn-vuejs) 中文版
  18. Vue源码阅读 - 文件结构与运行机制 vue已是目前国内前端web端三分天下之一,同时也作为本人主要技术栈之一,在日常使用中知其然也好奇着所以然,并且最近的社区涌现了一大票vue源码阅读类的文章,在下借这个机会从大家的文章和讨论中汲取了一些营养,同时对一些阅读源码时的想法进行总结,出产一些文章,作
  19. 基于react的可定制化的pc端组件库Yoshino 官网 首页 文档 介绍 yoshino组件库提供简单样式组件,可以通过yoshino-cli根据项目进行定制化开发。 将yoshino组件库less抽离出来维护,让开发者自定义维护。 例如需要自定
  20. [开源] Gio.js -- 一个基于 Three.js 的 Web3D 地球数据可视化库 在这里和大家分享一个和小伙伴们一起开发的开源库 Gio.js 。Gio.js 是一个基于 Three.js 的 web 3D 地球数据可视化的开源组件库。使用 Gio.js 的网页应用开发者,可以快速地以申明的方式创建自定义的 Web3D 数据可视化模型,添加
  21. What is Babel? 这篇文章是 Babel 6.x 官方文档 的部分内容翻译,结合自己的理解,旨在梳理清楚关于 Babel 是什么、如何运行、什么是插件和预设,以及如何在实际开发中使用等一系列的相关问题。 ECMAScript 版本介绍 阮一峰的《ECMAScript 6 入门》
  22. Promise is a monad? Promise 是很好解决 js 异步的方案。 Monad 单子 Monad 是一个 FP 中的专有名词。 A monad is just a monoid in the category of endofunctors. Monad 就是自函子范畴上的幺半群。 Functor 函子 在范畴论中,函子是范畴间的一类映射。函子也可以解释为小范畴内的态射。 态射是范畴...
  23. 精读《React 的多态性》本周精读的文章是:surprising-polymorphism-in-react-applications,看看作者是如何解释这个多态性含义的。

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

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

原创文章:20180704 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20180704.html)