20170515 前端开发日报

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

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

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

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

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