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

三十分钟完成一个“我们是谁”编辑器；贪吃蛇制作移动+pc；新 V8 即将推出，Node 的性能正在改变；纯前端解决跨域问题；Vue + Electron制作网易云音乐客户端；如何从零开始搭建高性能直播平台；一个小时搭建一个全栈Web应用框架；vue.js学习之组件（上篇）

三十分钟完成一个“我们是谁”编辑器这两天朋友圈又被刷屏了，这次是“我们是谁”系列。咱们在这里就不分析其中的用户心理了，只讨论一下如何在三十分钟内快速的完成一个“我们是谁”的编辑器。 1.利用 CSS 将图片和单行输入框（文字编辑加预览）进行叠加布局;2.利用 html2canvas 截屏保存
贪吃蛇制作移动+pc贪吃蛇制作（https://wujian1994.github.io/…） HTML部分首先我们需要一个HTML的页面制作 {代码…} css部分紧接着我们需要一个css的页面我是用sass来做的 {代码…} 上面的css代码是ul大盒子 {代码…} 移…
新 V8 即将推出，Node 的性能正在改变这篇文章是David Mark Clements和Matteo Collina一起写的，并且由来自 V8 团队的Franziska Hinkelmann和Benedikt Meurer审查的。文章最先在nearForm’s blog网站上发布。 V8 turbofan 的性能特征是如何影响我们的优化方式自从 node.js 成立开始，就依赖于 V8 javascript 引擎提供代码的执行环境，我们…
纯前端解决跨域问题背景跨域是由浏览器的同源策略引起的，是指页面请求的url地址，必须与浏览器上的url地址处于同域上（即域名，端口，协议相同）。这是为了防止某域名下的接口被其他域名下的网页非法调用，是浏览器对JavaScript施…
Vue + Electron制作网易云音乐客户端就在两个月前公司需求快速开发一款桌面应用软件，嗯，快速。并且提供了技术方案Nwjs，起初不知道这款框架的存在，网上查找了一波，发现更牛逼的一款快速搭建桌面应用的框架，那么它就是electron。可快速开发跨平…
如何从零开始搭建高性能直播平台本文来自作者七夜在 GitChat 上精彩分享，「阅读原文」看看大家与作者做了哪些交流。前言现在直播已经成为移动互联网时代一个新的重要流量入口，从YY、斗鱼到花椒直播，直播已经成为人们分享交流的新方式，应用场景众多，主要分为：金融类直播：金融直播可应用于实时…
一个小时搭建一个全栈Web应用框架翻译：疯狂的技术宅英文标题：Creating a full-stack web application with Python, NPM, Webpack and React 英文原文： https://codeburst.io/creating… 本文首发微信公众号：充实的脑洞把想法变为现实的能力是空想家与实干家的区别。不管你是在一家跨国公司工作，还是正在为自己的创业公司而努力，那些…
vue.js学习之组件（上篇）
小白进击前端攻城狮的经历来吧，先做个简单的不算自我介绍的介绍吧。我本一名普通的打工仔，自高中毕业后就出来打工。从服务员到工厂打工，已经4年了。在这四年里，我渐渐发觉为什么领导就得让我仰视，我在他们这些老板当中我变得那么渺小…
说说Vue的异步组件今天读Vue文档的时候仔细看了一下异步组件部分，第一次看的时候一脸懵逼，看第二次还是有点迷茫，第三次就有点感觉了，第四次感觉有点明白了，遂记录一下我自己的理解，可能是错的，希望大佬们可以指点迷津，也百度谷歌了一下，有对异步加载的使用进行描述的，但是感觉没有进行
【技术分享】如何使用windbg调试javascript 2017-08-17 10:00:12 阅读：237次来源： talosintelligence.com 作者：我来学英语译者：我来学英语预估稿费：170RMB 投稿方式：发送邮件至linwei#360.cn，或登陆网页版在线投稿介绍由于javascript具有强大、可用性高，很少被禁用的特点。javascript经常被恶意软件作者用来执…
《CSS技巧：逐帧动画抖动解决方案》笔者所在的前端团队主要从事移动端的H5页面开发，而团队使用的适配方案是: viewport units + rem （by 凹凸实验室）
关于 React Router 4 的一切原文地址：All About React Router 4 原文作者：BRAD WESTFALL 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：undead25 校对者：sunui、LouisaNikita 关
基于 Vue 的树形选择组件 Vue Tree Select 基于 Vue 的树形选择组件。基本特性
JavaScript学习篇–本地存储在客户端运行的js是不能操作用户电脑磁盘中的文件的（这是为了保护客户端运行的安全）。 1、js中的本地存储：使用js向浏览器的某一个位置中存储一些内容，浏览器即使关闭了，存储的信息也不会销毁，当在重新打开…
快速搭建一个 Web 应用框架翻译：疯狂的技术宅英文标题：Creating a full-stack web application with Python, NPM, Webpack and React英文原文：https://codeburst.io/creating…本文首发微信
基于 Angular 的 Bootstrap 4 组件：NG Bootstrap Welcome to the Angular version of the Angular UI Bootstrap library. This library is being built from scratch by the ui-bootstrap t
2017-08-17 前端日报2017-08-17 前端日报精选 CSS百分比padding实现比例固定图片自适应布局探索ReactJS中的CSS架构你不知道的JavaScript-总结（中）【译】深入解析Node.js中5种发起HTTP请求的方法带着三个问题一起深入浅出React高阶…
HTML表格布局一个后台展示页面需要一个子列可以动态划分出等份的行，如果是固定的还好，可以用rowspan解决，但是这里不固定，所以，只能在列中嵌套一个表了，然后再进行行遍历。具体效果图-列表里边嵌套子表代码： {代码…}
Vue Tree Select：基于 Vue 的树形选择组件基于 Vue 的树形选择组件。基本特性完美的多级联动效果支持无限多的分级有全选、半选、不选三种状态截图展示在线 demo 系统要求 Vue 2 用法都在 example 文件夹里。开源协议本项目遵循 MIT 协议开源…
用 Google 新开源的 deeplearnJS 预测互补颜色本文翻译自deeplearnJS的示例教程，并结合了我在学习过程中的理解。 deeplearnJS简介： deeplearn.js是用于机器学习的开源WebGL加速JavaScript库。 deeplearn.js让您可以在浏览器中训练神经网络，或运行预先训练好的模型。它提供了与TensorFlow一致的数据流图（data flow graphs）的API，及…
10条必知的网页导航菜单设计原则网站的导航菜单是用户阅读了网页后想进一步了解网站其它部分时最重要的指示，对留住用户至关重要。设计导航菜单的方法有许多，每个网站都必须有自己的导航菜单。想要设计出一个出色的导航菜单，设计师必须突破传统限制来展示自己的创意。网站的导航是决定这个网站可用性的主要因素
Vuet：允许你定义飙车过程的集中式状态管理模式索引 Vuet.js是什么？ 0.x版本和1.x版本的区别安装快速入门 API 实例的选项实例的属性实例的方法全局API 模块什么是模块？注册模块 …
5行js代码搞定导航吸顶效果1.首先写HTML布局 {代码…} 2.给点简单的样式 {代码…} 3.1.JS部分，直接编写5行代码搞定 {代码…} 3.2.JS改进，封装成吸顶函数 ceiling.js 方便以后直接Ctrl+C，Ctrl+V {代码…} {代码…} 这是最简单版本，…
【GitHub是如何无缝迁移到Kubernetes的？】全球最大的代码托管和编程社交网络GitHub，近期已经在开发、SRE等团队的配合下将服务切换到Kubernetes，因为其坐拥千万用户和亿级代码仓库，这可不是一个小工程，文章介绍了GitHub迁移到Kubernetes的整个过程。
React-Hotkeys v1.0.2 发布，React 版键盘捕捉 JS 库这是一个基于hotkeys.js 的一个React版本，监听keydown和keyup，定义快捷键，捕获键盘输入和输入的组合键。更新内容： – 添加测试用例; – 添加实例demo; – 添加实例预览web界面; – web界面自动生成脚本; – 代码覆
优雅的在一台vps（云主机）上面部署vue+mongodb+express项目（mongodb篇）优雅的在一台vps（云主机）上面部署mongodb 在本地开发： vue项目使用8080端口 mongodb使用是27017端口 express ：3000 在本地开发时使用： {代码…} 然而上线部署的时候这些端口怎么配合调用呢，怎么配置代理？…
vue-cli源码分析（试探篇）引言：近期在研究怎么通过node命令生成自己想要的文件夹结构，因为大佬说vue-cli的原理和这个很像，所以抽时间研究了一下，并分享自己的研究心得。希望我的初学经验对你有用。 1.vue init命令是怎么实现的 vue-cli可以通过命令vue init
#javascript代码#【javascript兼容placeholder代码】<html><head><meta charset=UTF-8/>验证Valid —-placeholder<style>span.emptyhint {color:#999;position:absolute;pa…请戳→ #前端开发博客#
前端每周清单半年盘点之 Node.js 篇前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID：frontshow），及时获取前端每周清单；本文则是对于半年来发布的前
如何利用Kubernetes编排实现Node.js程序的微服务化前言本文着重介绍了微服务架构的某些细节，微服务其实也适用于Node.js应用程序。本文还介绍了如何利用容器和编排来实现Node.js的微服务化。如今，大家都在谈论调度，微服务，Docker，以及Kubernetes如何改变编排领域。那么，在生产中部署Node.js应用程序意味着什么？有哪些是值得关注的？ Node.js微服务化为了…
【20170817 前端开发日报】如何用 js 获取虚拟键盘高度？；小哥哥教你撸一个JS计算器；深入解析Node.js中5种发起HTTP请求的方法；你所不知道的JSON.stringify；2017 一些非常棒的 Sublime Text 3 主题；更多内容：
#JavaScript#【javascript对象和数组】什么是对象其实就是一种类型，即引用类型。而对象的值就是引用类型的实例。ECMAScript中引用类型是一种数据类型，用于将数据和功能组织在一起。它也常称为类。1.Object类型使用new Object…请戳→ #前端开发博客#