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

从软件工程角度看大前端技术栈；Javascript跨域后台设置拦截；HTML5中手势原理分析与数学知识的实践；漫谈前端体系建设；基于vue的移动端图片裁剪压缩处理；所有你需要知道的关于完全理解 Node.js 事件循环及其度量；三年前端需要掌握的ES6知识-视频教程；基于 JSX 的动态数据绑定

从软件工程角度看大前端技术栈我们都知道，大学几乎是没有 Web 前端课的。以我所在的大学为例，唯一引导我们了解 JavaScript 的也只是‘人机界面’和‘Web应用开发’选修课。再者，由于这些选修课的课时短、面向的主要群体是大部分大学生等原因，其最终所涉及的内容层次也很难赶上近年来 Web 前端领域的快速变化。自学，看起来是广大前端学习者的普遍成长…
Javascript跨域后台设置拦截服务端必须设置允许跨域
客户端带cookie需要设置withCredentials
无论服务端是否允许跨域，该request都会完整执行
options预请求需要设置返回空，不然requestMapping没有支持该方法则出错
HTML5中手势原理分析与数学知识的实践HTML5中手势原理分析与数学知识的实践引言在这触控屏的时代，人性化的手势操作已经深入了我们生活的每个部分。现代应用越来越重视与用户的交互及体验，手势是最直接且最为有效的交互方式，一个好的手势交互，能…
漫谈前端体系建设前端体系建设从前端开始专职发展就慢慢开始演进了。过去，我们习惯描绘一些技术细节作为前端体系所需要的，而没有看到其背后的连接，所谓建设之道，即是建立向前向后的连接。前端在项目研发中的上流是交互视觉，下流是后端研发。这两个角色之间的连接对我们来说至关重要。这就有两个方面，一是团队与团队之间…
基于vue的移动端图片裁剪压缩处理基于vue的一款图片裁剪压缩工具，可以将用户上传的图片进行最小尺寸压缩，压缩完成后不大于100k，并转化成base64格式，可以直接放入img标签中
所有你需要知道的关于完全理解 Node.js 事件循环及其度量 Node.js 是一个基于事件的平台。这意味着在 Node 中发生的一切都是基于对事件的反应。通过 Node 的事件处理机制遍历一系列回调。事件的回调，这一切都由一个名为 libuv 的库来处理，它提供了一种称为事件循环的机制。这个事件循环可能是平台中最被误解的概念。当我们提及事件循环监测的主题时，我们花了很多精力来正确地理解我们实际监视的内容。
三年前端需要掌握的ES6知识-视频教程 ES6已经在工作中全面使用，作为一个三年的前端，你需要掌握文章中的这些知识，并带上了视频教程，希望可以帮助更多的小伙伴。
基于 JSX 的动态数据绑定基于 JSX 的动态数据绑定归属于笔者的 React 与前端工程化实践中的，本文中设计的引用资料参考 React 学习与实践资料索引，如果有对 JavaScript 基础语法尚存疑惑的可以参阅现代 JavaScript 开发：语法基础与实践技巧。基于 JSX 的动态数据绑定笔者在 2016-我的前端之路: 工具化与工程化一文中提及，前端…
兴趣部落的前端性能优化实践概览本文对兴趣部落项目前端开发中使用到的性能优化方式进行总结。兴趣部落项目是手机QQ（以下简称手Q）中最大的纯网页应用，每日有大量的用户访问，对于腾讯这样一个对产品有着极致要求的公司，性能优化是一个绕不开…
vue 父组件通过props向子组件传递方法的方式vue 父组件通过props向子组件传递方法的方式 vue 组件中的 this vue 中 data/computed/methods 中 this的上下文是vue实例,需注意。例如：注意，不应该对 data 属性使用箭头函数 (例如data: () => { return { …
webpack开发与生产环境配置前言作者去年就开始使用webpack, 最早的接触就来自于vue-cli。那个时候工作重点主要也是 vue 的使用，对webpack的配置是知之甚少，期间有问题也是询问大牛 @吕大豹。顺便说一句，对于前端知识体系迷茫的童鞋可以…
《CSS3热身实战——过渡与动画（实现炫酷下拉，手风琴，无缝滚动）》css3，给我的感觉就是，不难，但是很难玩转自如。今天，就用css3来实现三个特效，希望这三个特殊能让大家受到启发，利用css3做出更好，更炫的动画效果。（by 守候你）
#JavaScript#【javascript中的this应用场景】在 Java 等面向对象的语言中，this 关键字的含义是明确且具体的，即指代当前对象。一般在编译期确定下来，或称为编译期绑定。而在 JavaScript 中，this 是动态绑定，或称为运行期绑…请戳→ #前端开发博客#
vue源码阅读笔记(7) 书接上文，话说我自己都不记得上文是啥了……嗯，总之接着读吧。 Vue构造函数和vue实例 instance 上次看到Vue构造函数和vue实例的模块，整个模块的入口 index.js ，还看了 init.js ，今天我才发现，原来除了入口 index.js ，模块中其他文件其实都是分为了 mixin 和 init 两部分，mixin的部分是为了给Vue构造函数原型…
webpack-dev-server 2.x 实时加载 webpack 2.0升级之后，webpack-dev-server也随之升级，首先还是一样，执行安装 npm install –save-dev webpack-dev-server 实时加载的bundle来自于内存这一点很重要，经过有个误解，误认为文件修改后，实时编译后的bundle会写到 webpack.config.js 配置项 output 指定的文件中，其实并不是，重新编译后…
HTML5新特性总结0804语义化标签用最恰当的HTML元素标记的内容。优点：提升可访问性 SEO 结构清晰，利于维护通用容器: div 块级通用容器 span 短语内容无语义容器：简短、描述性、唯一（提升搜索引擎…
基于 JSX 的动态数据绑定 – 知乎专栏基于 JSX 的动态数据绑定归属于笔者的 React 与前端工程化实践中的，本文中设计的引用资料参考 React 学习与实践资料索引，如果有对 JavaScript 基础语法尚存疑惑的可以参阅现代 JavaScript 开发：语法基础与实践技巧。
web性能优化——使用RAIL模型评估性能RAIL 简介 RAIL 是一种以用户为中心的性能模型。每个网络应用均具有与其生命周期有关的四个不同方面，且这些方面以不同的方式影响着性能： RAIL核心思想是以用户为中心；最终目标不是让您的网站在任何特定设备上…
#开源项目#【回归基础的 CSS 入门套件：Shoelace.css】详见： Shoelace.css 是一个 CSS 入门套件，用过 Bootstrap 框架的朋友会对它的使用比较熟悉。Shoelace 通过 CSS 变量就能够完成定制，不需要任何的预处理器（ Less、Sass）。同时，它易于使用，体积也比较轻量。
koa2 遇到 webpack 怎么玩『源代码』注释：以下内容只是『koa2-webpack-boilerplate』的说明文档，算不得一篇文章，纯粹个人的随笔记录。 Table of Contents Features Requirements Installation Running the Project Project Structure …
2017-08-04 前端日报2017-08-04 前端日报精选【译】React 16 测试版本漫谈前端体系建设轻松理解vue框架的基本原理，简单实现一个todo-list关键请求为什么是display:contents而不是CSS Grid的subgridDeprecations and Removals in C…
koa2 + react 实战启动 npm install npm run dev api文档 npm run docs 查看 http://localhost:5000/docs/ 效果图
Sentry for vue – Raven.js 在vue官方文档看到这个推荐的错误追踪服务- sentry，去官网看了看觉得挺不错的，就准备用到项目里。嗯，还有官方集成vue，那太棒了，结果官方文档在vue中的使用说明只有寥寥几行，仅仅说明了如何引入与集成，完全没说在组件中如何使用（可能是我英文水平太lo