20170818 前端开发日报

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

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

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

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

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