20180616 前端开发日报-前端开发博客

vue-cli 3.0 使用全过程讲解；【JSConf EU 2018】Ryan Dahl: Node.js 的设计错误；深入理解javascript系列(九):应用闭包；一份超全的深度学习模型 GitHub 集合；如何检查Javascript中的内存泄漏；nodejs脚本自动上传ftp；Netflix 开源 pollyjs ：Record、Replay 及 Stub HTTP 交互；fetch + 缓存了解下？

vue-cli 3.0 使用全过程讲解首先在使用 vue create my-project 创建项目的时候要选择使用 css 预处理器。安装 vue-cli 首先使用 npm 安装 vue-cli v3.0。 npm install -g @vue/cli 安装完成后使用 vue -V 查看版本号，如果显示版本号说明安装完成。创建项目 vue-cli v3.0 创建项目的命令与 2.0 有所不同。3.0 创建项目的命令为： …
【JSConf EU 2018】Ryan Dahl: Node.js 的设计错误在稍早前的 JS Conf Berlin 上，被称为 Nodejs 之父的 Ryan Dahl 发表了《10 Things I Regret About Node.js》演讲，并且发布了新项目 Deno，值得一提的是，这是 Ry 的第二次公开演讲，而第一次是发布 Node.js，本文将带领大家回顾一下 Ry 演讲上所提到的重点。来自 twritter 网友 @malweene 的手绘概括…
深入理解javascript系列(九):应用闭包理论是自信的基础，结合理论的实践才能让我们走的更远。前两个系列，我记录了闭包的学习，如何利用闭包解决实际问题了？其实，很多东西你我都知道，不是一蹴而就的，不是你今天学了就会了，还需要多次练习，反复练习。相信终究一天你我会运用自如。下面就通过3个小例子，来运用闭包解决实际问题吧。 9.1 …
一份超全的深度学习模型 GitHub 集合选自Model Zoo 机器之心整理参与：思源、晓坤一直以来，研究者与开发者都经常在 GitHub 宝库中搜索比较有意思的项目与实现，但我们可能需要一个确切的主题，并做一些筛选。近日有开发者发布了一个模型聚合平台，我们可以分领域在上面搜索到当前最为流行的开源模型。作者根据 GitHu…
如何检查Javascript中的内存泄漏 js内存泄漏通常是由于闭包所引起的，我们在判断是否存在内存泄漏的时候往往会觉得无从下手。通常我们通过codereview去判断是否泄漏，但是这种方法不够客观。我们需要一种客观的方法来证明泄漏的存在。 Chrome Devtool 其实Devtool已经提供了检查的工具，这就是 Memory 面板。它大概长这样。我们可以…
nodejs脚本自动上传ftp 我怀念的是一起做梦起因刚加入一个小组的项目开发，开发环境是基于node环境，通过webpack打包构建代码，然后上传sftp，在浏览器测试。这种开发模式无可厚非，但是每次修改源代码，然后build，然后upload，不胜其烦。之前项目中有过 gulp-sftp任务脚本，然而并不是生效。于是自力更生，另谋他法，搞一个自动上…
Netflix 开源 pollyjs ：Record、Replay 及 Stub HTTP 交互
fetch + 缓存了解下？我在网上看到很多关于fetch timeout的封装，但是我觉得是伪timeout，只是抛错，但是fetch的Promise链会一直执行下去 Promise.race([ fetch(‘/api’) .then(res => res.json()) .then(res => console.log(555)), new Promise(function(resolve, reject) { setTimeout(() => { reject(new…
基于Vue的点对点聊天项目前提一个基于平台内部的聊天项目，需要实现用户之间可以相互聊天发送消息，可以添加好友等功能。且消息必须是实时性的，并且用户下线后再次上线可以接受离线消息。技术栈 Vue.js + Html5 + CSS3 + Sass + Vuex + Axios + We
React开发基于EOS区块链的三连棋游戏通过玩三连棋游戏，来一步步解读智能合约的开发过程游戏规则：两人轮流在印有九格方盘上谁先把三个同一记号排成横线、直线、斜线, 即是胜者游戏功能：新建：创建一个新游戏重启：重新启动现有游戏，允许主机或挑战者执行此操作关闭：关闭现有游戏，释放用于存
fetch timeout + 缓存了解下？起因我在网上看到很多关于fetch timeout的封装，但是我觉得是伪timeout，只是抛错，但是fetch的Promise链会一直执行下去 Promise.race([ fetch('/api') .then(res => res.j
搞明白 WebSocket 与 TCP/IP 作者 | 李银城我们用websocket来研究一下TCP/IP协议的一些特性，在《https 连接的前几毫秒发生了什么》一文里我们已经研究了https建立的过程。在《https 连接的前几毫秒发生了什么》一文里是用的wiresha
从301跳转看vue-router的hash模式前言 vue-router的模式默认是hash的，另外还有history和abstract。想要设置为在这里 let router = new VueRouter({ mode: 'history', routes }) 那默认的hash模式有
Promise 的内部是如何工作的？原文链接：https://blog.safia.rocks/post/170154422915/how-do-promises-work-under-the-hood 所以，我知道我说过我想从这些代码中稍稍休息一下，但是好奇心得到了最好的我。我最近正在做一个找工作的现场面试。是的，我还没有找到工作，而且我在短短几周内即将毕业。我试图不去想（或恐慌）它。不管怎样…
【20180615 前端开发日报】用最短的 CSS 样式，勾勒大数据演示屏；PWA 再进化，可以生成一个安卓原生的 WebAPK 了；Vue Native – 用 JavaScript 和 Vue 开发原生移动应用；CSS 实用的 Debug 技巧；React中型项目的优化实践；webpack4.0让…详情→
《在 Git 中怎样克隆、修改、添加和删除文件？》在本文中，我们将学习一些关于 Git 的其他内容，即如何克隆（下载）、修改、添加和删除 Git 仓库中的文件。（by Linux中国/MjSeven）
Redux源码分析–数据中心篇在如今的前端浪潮中，React和Redux有着举足轻重的地位。React，Redux再加上用于链接他们的代码库就足矣让一些没有足够经验的开发者迷失到代码的海洋里，很容易让程序员们培养成一种别人怎么写我就怎么写的编码习惯，难怪许多大神会说这是最好的时代但也是最坏
Promise 源码：then 链式调用接下来要深入的是 then 链式调用，这个是实现中最绕的一块。在解读之前，我们再加深一下印象。 constructor -> fn –同步–> resolve(reject) -> then -> then 回调 constructor -> fn –异步–> then -> resolve(reject) -> then 回调无论是同步还是异步的情况， then 回调函数都会在 r…
React Native Modal组件 Android覆盖状态栏在App开发中经常需要做模态框，我们第一时间就会想到 React Native 的 Modal 组件，确实Modal组件很方便。但也有一些不尽人意的地方，在安卓App开发的过程中发现，Modal不会覆盖状态栏，就会导致Modal的背景色和状态栏的颜色不一致，即
react-native开发常见问题 react-native开发中常见的问题汇总，以下是我最近在项目开发中遇到的常见的问题，做以下记录以便后续项目中使用。 1. 监听网状连接状态的变化 componentDidMount () { NetInfo.addEventListener(
手把手教你实现Promise（二）（基于Promise A+规范） catch catch是用于指定发生错误时的回调函数。 catch()使回调报错时不会卡死js而是会继续往下执行。 Promise 对象的错误具有穿透性，会一直向后传递，直到被捕获为止。也就是说，错误总是会被下一个catch语句捕获。用法： let promise = new Promise((resolve, reject) => …
JavaScript函数式编程之副作用更多相关内容见博客 github.com/zhuanyongxi… 概念：副作用是在计算结果的过程中，系统状态的一种变化，或者与外部世界进行的可观察的交互。上文中的纯函数的概念很严格，这个副作用的概念也是。它的要求很高，概括的讲，只要是跟函数外部环境发
详解Parcel：快速，零配置web应用打包工具译者按：新一代Web应用打包工具Parcel横空出世，快速、零配置的特点让人眼前一亮。
使用 React 新的 Context Api 来做状态管理 A react state management library using new context api. 中文介绍，点击这里 Installation npm i mini-context-store –save
CSS3 animation steps 功能符深入介绍 “steps() 有一定的学习难度，很多概念总是搞不清楚，所以本文算是个自我挑战，看看能不能说清楚 steps() 中的相关概念，方便大家理解与学习。”
gzip压缩ext-all.js Gzip的官方网址为： http://www.gnu.org/software/gzip/ 下载 http://www.gzip.org/gzip124xN.zip windows下解压,会看到有一个Gzip.exe文件，然后在命令窗口进入该目录，执行 gzip ext-all.js ext-all.js马上变成为ext-all.js.gz 修改ext-all.js.gz的后缀名ext-all.gzjs …
别再对 Angular Modules 感到迷惑原文链接：Avoiding common confusions with modules in Angular Angular Modules 是个相当复杂的话题，甚至 Angular 开发团队在官网上写了好几篇有关 NgModule 的文章教程。这些教程
【JSConf EU 2018】有关浏览器弹出式窗口的相关探讨在前端大爆发的今天，随着层出不穷的新技术和新框架的不断推出和W3C标准的不断更新，前端开发已经不局限于展示服务端返回的信息，而更多的去关注功能，这也带给了我们更多思考。本次JSCONF2018大会上就有一个内容，标题为《Aggressive Web Apps》，直译为侵略性的页面应用，但我更喜欢叫它《更好的浏览器弹出式窗口》…