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

InfoQ 趋势报告之 JavaScript 和 Web 开发；535种使用JavaScript重新加载页面的方法；Vue工程化最佳实践；JavaScript中内存使用规则–堆和栈；vue组件的那点事；灵活运用 git rebase，让团队协作下的提交记录整洁些；JavaScript基本语法03；vue+koa2+token登陆验证

InfoQ 趋势报告之 JavaScript 和 Web 开发为了涵盖现代应用程序开发的方方面面，JavaScript、CSS、HTML 和 WebAssembly 标准的发展速度正在加快。 TypeScript 的受欢迎程度得到大幅提升，现在已经出现在 GitHub 排名前 10 位最受欢迎的编程语言中。InfoQ 今年报道了很多框架和库，它们在这一年当中都取得了引人注目的进展。 WebVR/WebXR 和机器学习推动了…
535种使用JavaScript重新加载页面的方法除了location = location之外还有534中方法重新加载页面 location = location location = location.href location = window.location location = self.location location = window.location.href location = self…
Vue工程化最佳实践总览 api目录用于存放 api请求,文件名与模型名称基本一致,文件名使用小驼峰, 方法名称与后端restful控制器一致. enums 目录存放常量, 与后端的常量目录对应 icons目录用于存放图标, element-ui提供的图标实…
JavaScript中内存使用规则–堆和栈堆和栈都是运行时内存中分配的一个数据区，因此也被称为堆区和栈区，但二者存储的数据类型和处理速度不同。堆（heap）用于复杂数据类型（引用类型）分配空间，例如数组对象、object对象；它是运行时动态分配内存的，因此存取速度较慢。栈（stack）中主要存放一些基本类型的变量和对象的引用，其优势是存取速度比堆要快，…
vue组件的那点事当前前端估计没有不知道vue这个渐进式框架，由于它容易上手，支持各种类库，各种优点，成为我们开发单页应用的一个不二之选。下面是我在学习和工作中对组件之间通信和交互方式的归纳，希望对你有所帮助。父子组件交互 prop（父——>子）父亲想跟儿子说一句：回来吃饭了。我们可以这么做~~ 首先简单创建两…
灵活运用 git rebase，让团队协作下的提交记录整洁些前言在做个人开发时，用 git 还是用 svn，完全可以看你个人喜好或者工具习惯。一旦进入多人协作的工作场景，对分支操作的强大支持，就使得 git 在多年来成为了团队开发中版本控制工具的主流选择。然而，同样是 git，不同的人用出来的效果嘛，还是千差万别的。下面两种分支图谱，你喜欢…
JavaScript基本语法03 书接上文JavaScript基本语法, 记录了 JavaScript 的记录了相关数据类型和函数等相关语法这里主要记录浏览器对象模型( BOM ), window 对象和文档对象模型( DOM ) BOM BOM :浏览器对象模型（ Browser Object Model )，是一个用于访问浏览器和计算机屏幕的对象集合。我们可以通过全局对象 window 来访…
vue+koa2+token登陆验证koa2+vue 用vue-cli搭建前端项目用koa2搭建后台，给前端提供数据访问接口项目结构用vue-cli 搭建的项目，红色框中是新建的文件夹用于存放koa 剩下的文件在写项目中慢慢增加，最初就是这样的之后将项目跑起来…
JavaScript 数组方法集合及示例你应该知道数组是什么，但以下是一个简单的概述：数组就像放东西的盒子，你可以放进东西（新增），拿出东西（删除）或者摆放它们的位置及拿出我们想要的东西。
从官网学习Node.js Process模块方法速查process是一个全局的对象，不需要require。process提供控制和获取当前Node.js进程信息的能力。
通过节食来解释 JavaScript 的Reduce方法JavaScript中的reduce方法为您提供了一种简单的方法来获取值数组并将它们组合成一个值，或者根据多个类别对数组求和。
WebRTC基础实践 – 8. 集成对等通信和信令服务本节内容在本节课程中, 我们将学习以下内容: 在Node.js平台, 通过Socket.IO来启动信令服务。用信令服务交换WebRTC客户端之间的元数据(metadata)。本节的完整版代码位于 step-05 文件夹中。更新HTML和JavaScript代码更新 index.html 文件, 内容如下: <!DOCTYPE html>…
使用 gorilla/mux 进行 HTTP 请求路由和验证 | gorilla/mux 包以直观的 API 提供了 HTTP 请求路由、验证和其它服务。 … （
Vue 2.0学习笔记：Vue的animation 上一节我们学习了Vue 2.0中的 <transition> 实现元素从状态 A 到状态 B 的过渡效果。对于元素过渡的效果是通过CSS的 transition 来完成，具体什么时候执行是由Vue来控制的。而 transition 的效果毕竟有所限制，对于一些复杂的动效，还是需要通过别的方式来完成。在Vue中除了 transition 之外还可以完成 animation …
【20181215 前端开发日报】像写作一样去写代码，如何把异步的形式改写成同步的形式；Vue+Electron桌面应用程序；前端全栈工程化开发专题 — JS中回调函数的深入解读；关于CSS3 flex布局，这样简单做…详情→
Go json.Decoder Considered Harmful 如果你在用 Go 语言编程，并且使用 json.Decoder 反解 JSON 负载，你可能会产生非预期效果。你应该使用 json.Unmarshal 代替 json.Decoder. json.Decoder 被设计用来反解 JSON 流，而非完整 JSON对象。 json.Decoder 会忽略某些不合法的 JSON 语法。 json.Decoder 没有释放网络连接用来重用（会导致拖慢 …
【20181215 前端开发周报】22 个必备的 CSS 小技巧；Vue学习路线图；想写好前端，先练好内功；vue权限路由实现方式总结二；JS的防抖，节流，柯里化和反柯里化；vue路由动画；30 行 Javascript 代…详情→
vue预渲染之prerender-spa-plugin插件应用前几天应需求做了一个网页测速小工具，经过考虑，进行了一些选型，由于在公司一直用react搬砖，所以这次决定提高全方面能力，接触并使用vue构建一个小型项目，vue用gizp压缩后仅有约33KB，加上axios和prerender-spa-plugin以及业务代码，压缩后仅不到50KB，用户体验比较良好。由于使用vue次数不多，所以各种查阅资料…
Vue2.0入门与父子组件间通信Vue.js是一套构建用户界面的渐进式框架。本文将介绍一些重要入门的知识点，比如：运行环境的搭建、定义组件的方式、引用模板、动态组件和父子组件间数据通信等等。本文首发地址为GitHub博客,写文章不易，请多多支…
JavaScript对象的深拷贝以及浅拷贝分析前置知识：说到深浅拷贝首先要了解的知识是数据类型，那么js中会有两个数据类型分别是基本类型和引用类型。那么这两种数据类型又有什么区别呢，简单来说他们的区别在于存储的位置，基本类型是在栈里储存而引用类型就是在堆里了，那么堆栈的储存有什么区别呢？这个暂且放在后面讲，那么有的同学可能会问了，常见…