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

记一次 Vue 项目的重构；WebSocket 教程；基于 GitLab 的团队协作模式：前生篇；vue 项目 blog 部署上线（前端实习求职）；HTML5 定位API；<javaScript> 数组去重的方法总结(2017年)；vue.js 中文教程；用Webpack开发普通Web站点的前端工程化方案

记一次 Vue 项目的重构上周没有更新原创技术文章，原因是忙着重构一个新接手的项目，此项目因为项目技术负责人离职，虽然投入人力持续增多，前端达到4人，后端3人，但因为新参与的童鞋对代码结构和业务的理解，导致项目开发了一个多月，还有一堆问题，达不到上线要求。接手项目之后，一开始对项目业务场景和代码进行简单的了梳理，跟了一天项…
WebSocket 教程作者：阮一峰日期： 2017年5月15日 WebSocket 是一种网络通信协议，很多高级功能都需要它。本文介绍 WebSocket 协议的使用方法。一、为什么需要 WebSocket？初次接触 WebSocket 的人，都会问同样的问题：我们已经有了 HTTP 协议，为什么还需要另一个协议？它能带来…
基于 GitLab 的团队协作模式：前生篇题注：在 eggjs 团队的日常协作中，深度依赖于「基于 GitLab 的一站式硬盘式异步协作模式」。本文作为相关介绍文章第一篇引子，转自阿里内部，已获作者 @晚学授权。原文标题：「我是这样开始用 Git 的」前言如果这篇文章以「Git 好用到没朋友，甩 svn 十条长安街」的基调开始，中间插上一大段从网…
vue 项目 blog 部署上线（前端实习求职）简要介绍：一个前后端分离的项目，主要技术栈：vue 全家桶 + node.js + Express + Mongodb —— 由FatDong1分享
HTML5 定位API一．计算机定位方式 1. GPS全球定位系统，类似的还有中国的北斗，欧洲的伽利略。 2. 移动基站 3. WIFI和蓝牙 4. IP地址，二． HTML5中定位的API 计算机本身不具备IP定位的能力，定位的时候是将本机的IP，wifi等…
数组去重的方法总结(2017年)现在要求去重下面这个数组 [1, 2, 3, 3, 3, ‘0’, ‘1’, ‘2’, ‘测试’, ‘重复’, ‘重复’, NaN, NaN, false, false]; 方法一：ES6 Set() {代码…} Set 是ES6新加的集合,集合中的值不会重复。 …操作符会将可遍历对…
vue.js 中文教程我编 (ctrl+c) 写(ctrl+v)的 vue 中文教程。vue 官网的文档和 api 已经非常详尽了，但是整个知识架构不是很好，往往要找一个知识点要翻来翻去很久。要是把知识架构重新整理一遍，就可以更好的开发中即使查找和回顾。所以我就对 vue 的所有知识点进行了梳理，也加入了一些自己的理（废）解（话），希望可以让学习者快速掌…
用Webpack开发普通Web站点的前端工程化方案基于 Webpack 2 开发、构建多页面站点（普通 Web 站点）的前端工程化方案，同时适用于 PC 端和移动端。 —— 由赵金添分享
react：组件初识 && 生命周期 && tipsreact组件参考：https://facebook.github.io/re… react的组件是其核心思想部分，react允许将整个ui设计分割称为独立的、可复用的隔离模块，react的组件是一个抽象的类，直接使用reacy.component是没有很大意义…
css实现两列布局，一列固定宽度，一列宽度自适应方法我在前面有一篇文章《可扩展性的页面布局》中介绍了如下三种布局方式：1.左右结构，左边100%；右边宽度固定2.左右结构，左边固定，右边100%3.左中右结构，左边固定，右边固定，中间100% 上面介绍的就是为了兼容一…
CSS 并不简单 — 带你认识不一样的渐变带你走进不一样的渐变 —— 由valar_cC分享
写给前端工程师的 DNS 基础知识 DNS 基础知识 —— 由达1471183636000分享
js 用 new 实例化对象与直接调用的 this 的区别 js 大篇很多，但我只想跟你聊聊基础。抛去各种牛逼轰轰的前端框架。js 小白要弄清楚的知识点。 —— 由joyan分享
【Vue 源码探究一】当我们引入 Vue, 我们引入了什么通过学习 Vue 的 api，探究 Vue 的源码是如何定义这些公开 api 的 —— 由肉丸分享
【收藏】15个常用的javaScript正则表达式1 用户名正则 {代码…} 2 密码强度正则 {代码…} 3 整数正则 {代码…} 4 数字正则可以是整数也可以是浮点数 {代码…} 5 Email正则 {代码…} 6 手机号码正则 {代码…} 7 身份证号正则 {代码…} 8 URL正则 …
初探 JavaScript 中的函数式编程本文来自饿了么大前端专栏，文章简单介绍函数式编程及其一些基础概念。函数式编程 (Functional programming) 简称 FP，并不是什么库或者框架，与过程式编程 (Procedural programming) 相对，而是一种编程范式。FP 通过声明纯函数抽象数据的处理，来避免或尽可能减少函数调用对于外部状态和系统产生的副作用。所谓副…
解决git提交的错误### 错误提示 git pull origin master {代码…} ### 解决方式使用 git pull origin master –allow-unrelated-histories 结果： {代码…}
javascript-对象的属性的延伸学习javascript-对象的属性的延伸学习前言在学习vue数据绑定的较底层原理时，被setter和getter困惑了很久，一路追根溯源，通过阅读《你不知道的javascript》和红宝书理解了迷惑我的setter、getter。首先了解什么是…
JavaScript中的工厂函数vs构造函数vs class原文链接：JavaScript Factory Functions vs Constructor Functions vs Classes作者：Eric Elliott译者：sunny转载需提前联系译者，未经允许不得转载。本文首发于前端指南在ES6之前，JavaScript中的工厂函数和构…
popstate 事件在 webkit 中的诡异行为剖析 history 在 html5 和之前版本的工作原理和区别、以及在 Webkit 下的坑，找出解决方案 —— 由FantasticLBP分享
终于找到你如何将前端console.log的日志保存成文件?debugout.js 一般来说，可以使用打开console面板，然后右键save，是可以将console.log输出的信息另存为log文件的。但是这就把所有的日志都包含进来了，如何只保存我想要的日志呢？（调试输出）从您的日志中生成…
JavaScript 之 300 行代码搞定汉字转拼音在浏览器或者 Node.js 上，借助 ICU 的帮助，300 行代码实现汉字转拼音。把 Android 源码中汉字转拼音功能从 Java 移植到 JavaScript。 —— 由creeperya分享
Javascript算法——快速排序常见的内部排序算法有：插入排序、希尔排序、选择排序、冒泡排序、归并排序、快速排序、堆排序、基数排序等。这里主要介绍快速排序。一图胜千言： 1. 算法介绍 1.1 算法描述快速排序由于排序效率在同为O(N*logN…
《webgl 性能优化初尝》上次文章介绍了如何用webgl快速创建一个自己的小世界，在我们入门webgl之后，并且可以用原生webgl写demo越来越复杂之后，大家可能会纠结一点：就是我使用webgl的姿势对不对。（by AlloyTeam）
#前端头条#【canvas裁剪图片方法】由于在Web端，JavaScript不能直接处理本地文件，因此可以在后台裁剪图片，或者利用html5的canvas来处理。方法1：传送到后台剪切步骤1：上传图片到后台，向前端返回图片URL利用input标签，将…请戳→ #前端开发博客#
编码如作文：写出高可读 JS 的 7 条原则共 5914 字，读完需 8 分钟。编译自 Eric Elliott 的文章，好的程序员写出来的代码就如同优美的诗赋，给阅读的人带来非常愉悦的享受。我们怎么能达到那样的水平？要搞清楚这个问题，先看看好的文章是怎么写出来的…
聊聊 webworker – webworker 是 js 多线程的一种实现方式，本篇文章主要介绍 webworker 如何工作，工作原理，相关 api，以及性能测试等等相关信息。