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

SegmentFault 技术周刊 Vol.38 – 神奇的 CSS；前端工程师的 CI 进阶之路；【JavaScript从入门到精通】第十九课；7 款前端开发者重制的经典游戏总有一款能让你回味童年时光；CSS自适应导航菜单；JavaScript学习笔记：视口宽高、位置与滚动高度；再也不学AJAX了（二）使用AJAX；Vue.js安装教程

SegmentFault 技术周刊 Vol.38 – 神奇的 CSSCSS 的全称是 Cascading Style Sheets，即层叠样式表，是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）元素所呈现的样式。 “层叠”即表示允许以多种方式来描述样式，一个 HTML…
前端工程师的 CI 进阶之路女主宣言本文的作者为奇舞团前端工程师怡红公子，他是基于ThinkJS 开发的高人气开源博客平台 Firekylin (over 1.2k Stars) 的作者，今天他分享的是使用 Drone.io 取代 travis-ci 做日常开发持续集成工作的经验。本文最先发布于怡红院落，转载已获取作者授权。 PS：丰富的一线技术、多元化的表现形…
【JavaScript从入门到精通】第十九课第十九课-JS运动中级前面的学习已经让我们掌握了很多运动相关的知识，也构造出了自己的运动框架，当然，它离真正的完成版运动框架还有很远的距离。链式运动框架在我们讲解链式运动框架时，我们需要讲解一下什么是回调函数。在我们之前的一个运动函数startMove中，如果我们再添加一个参数，而且该参数是一个函数…
7 款前端开发者重制的经典游戏总有一款能让你回味童年时光玩游戏是人类的天性之一。在游戏的过程中，除了愉悦我们的身心，还能收获到满满的成就感。然而总有一些长盛不衰的经典游戏，让我们难以忘怀。即使现在看来，那游戏的画面可谓“惨不忍睹”了，但它们却陪伴我们度过了最美好的童年时光，带给我们无限的欢乐，并成为了今日的经典。
【CSS自适应导航菜单】本文教程旨在教你如何创建一个使用HTML5+CSS的自适应导航菜单，它不需要用到javascript，而且可以居左，居中和居右，这个菜单不是通过点击显示的，它是鼠标滑过的时候显示出来的，并且兼容各种浏览器包括手机客…详情→ #前端开发博客#
JavaScript学习笔记：视口宽高、位置与滚动高度在很多场景下我们需要通过JavaScript来获取视口或DOM元素的大小、位置以及滚动高度。最常见的一个效果，导航吸顶的一个效果。那么今天就来学习这方面相关的知识。 window 和 document 在开始了解视口宽高、位置和滚动高度相关的知识之前，先简单的来了解 window 和 document 。在学习新的API之前，我都喜欢在调式…
再也不学AJAX了（二）使用AJAX在上一篇文章中我们知道，AJAX是一系列技术的统称。在本篇中我们将更进一步，详细解释如何使用Ajax技术在项目中获取数据。而为了解释清楚，我们首先要搞清楚我们是从哪里获取数据的，其次我们关注的才是获取数据…
Vue.js安装教程安装 node.js (网址： https://nodejs.org/en/ )。基于 node.js ,利用淘宝 npm 镜像安装相关依赖。在 cmd 里直接输入： npm install -g cnpm –registry=https://registry.npm.taobao.org ，回车，等待安装。安装全局 vue-cli 脚手架,用于帮助搭建所需的模板框架，在 cmd 里输入： cnpm inst…
使用webpack/ redux+webpack 开发大型 web 项目时如何按需加载来源： GitBook 作者：爱死费崇政题外话经验尚浅，尚不足以教导，若理解有误，望能指导三分，语言若有偏激，请理解我年轻气盛。之所以写这篇文章，是因为我最近一阵子经历了一个部门的技术选型->项目实施这些技术->二次技术选型->技术版本升级的一个过程。开发业务应用为主的我们，很少有时间…
巧用 Git 钩子以前听学长提过Git钩子，但是自己一直没有仔细了解过，记得我还写过一个github更新的Python包，现在想想其实用自带的钩子就能很好的完成什么是钩子？我们知道Git是迭代式开发工具，我们的开发流程都是git add、git commit，git push，钩子呢就是你完成每一步Git给你的“回调”，举个例子假如你想让服务器…
浅谈Fetch 参考： developers.google.com/web/updates… 现在可能还有一些很旧的程序还在使用XHR，类似下面的写法： const request = new XMLHttpRequest() request.responseType = ‘json’ request.open(‘GET’, ‘/url’, true) request.onload = () => { console.log(request.response) } request.onerror = () =>…
[web前端性能优化]性能优化只有三步，你了解吗关于前端的性能优化，每次提到这个词大家都有很多idea。现在静下来思考下我们用到的各种手段最终可以归纳为三步一，关键资源字节数字节数也就是我通常说的减少资源文件（js,css,image,video…）的大小 1，压缩前端使用uglify混淆压缩
【20171202 前端开发日报】如何用 CSS 修出好看的照片；开发更好用的 JavaScript 模块；你还要我怎样的JS系列（4） — 作用域链；HTTPS的协议需求与密钥交换过程；自己动手做一个识别手写数字的 Web 应用（四）；Typescript 构建命令行工具…详情→
【GET和POST的区别】1. GET是从服务器上获取数据，POST是向服务器传送数据。2. GET是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段…详情→ #前端开发博客#
websocket（三）进阶netty框架实现websocket达到高并发
大型网站的 HTTPS 实践：基于协议和配置的优化作者 | 百度HTTPS技术支持团队百度已经上线了全站 HTTPS 的安全搜索，默认会将 HTTP 请求跳转成 HTTPS。百度 HTTPS 性能优化涉及到大量内容，在前端页面、后端架构、协议特性、加密算法、流量调度、架构和运维、安全等方面都做了大量工作。本系列的文章将对此一一进行介绍。关注 OpenWeb开发者公众号，回复“HTTPS”…
常见的 JavaScript 内存泄露本文主要介绍了 JavaScript 几种常见的内存泄露，相信你读完本文会有所收获的。
深入浅出 Vue 变化侦测原理一篇很浅显易懂的关于 Vue 变化侦测原理的文章.。
PWA 将带来新一轮大前端技术洗牌？对 PWA 的发展进行了盘点。“按照当前的发展趋势，PWA 将会带来 Web App 的大量需求，新一轮大前端技术洗牌很可能近在眼前了。”