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

Webpack4 新特性及 Vue-cli项目升级；自己实现AJAX；JavaScript数组一把梭；列表渲染和Vue的v-for指令；腾讯一面总结-web前端-2018.4.11；vue实践04之vuex；你不知道的 Vuejs：Vuejs 插件开发；用空格还是用 Tab 键？谷歌推出《JavaScript 指南》，解答编程小白的问题

Webpack4 新特性及 Vue-cli项目升级 webpack 于2018年2月25日正式发布 v4.0.0 版本，代号 legato ，这将会让 webpack 的配置更加简单，构建速度更快 Webpack4 中文文档 Nodejs版本 Node.js >= 8.9.4 当使用 webpack4 时，必须保证 Node.js 版本 >= 8.9.4 ，因为 webpack4 使用了大量的ES6语法，这…
自己实现AJAX http报文格式请求格式 GET /xxx HTTP/1.1 第一部分 HOST: jack.com:8002 第二部分 key:value形式 Content-Type: application/x-www-url-encoded 空行是第三部分，下面就是第四部分请求体…
JavaScript数组一把梭 Everything you ever needed to know about JavaScript Arrays and my favorite part is the reduce() method. After writing my article o
列表渲染和Vue的v-for指令特别声明：此篇文章内容来源于 @HASSAN DJIRDEH 的《 List Rendering and Vue’s v-for Directive 》一文。 Web渲染是Web开发中最常用的实战之一。动态列表渲染通常用于简洁友好的格式向用户渲染一系列相似的分组信息。在我们使用的每个Web应用程序中，都可以看到很多内容列表被用于Web应用程序当中。在这篇文章中…
腾讯一面总结-web前端-2018.4.11 面完给我的总体感觉，要求你掌握的不仅有广度，更重要的是深度。我准备的烂大街的面试题没怎么问，可能自己欠缺的东西还比较多，不断学习，不断进步，再奶自己一口，fighting!!! 将面试官问的问题回忆总结如下：关于框架的问题框架用过哪些，感觉他们不只需要熟练
vue实践04之vuex vue实践04之vuex vuex是一个专门为vue.js设计的集中式状态管理架构。我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。比如：我们有几个组件要显示用户名称和用户等级，或者显示用户的
你不知道的 Vuejs：Vuejs 插件开发 by yugasun from https://yugasun.com/post/you-dont-know-vuejs-10.html 本文可全文转载，但需要保留原作者和出处。初始插件虽然 Vue.js 已经足够强大了，但是在实际开发中，我们还是需要引入各种模块来实现我们的功能需求，或者给全局的 Vue 对象添加一些全局功能，而 Vue插件就是来帮助我们完成这…
用空格还是用 Tab 键？谷歌推出《JavaScript 指南》，解答编程小白的问题编者按：谷歌的程序员大大为了帮助刚入手JavaScript的小白们写出干净、易懂的代码，提供了一个独具特色的教程《Java Script指南》，而本文作者丹尼尔西蒙斯，一位web开发人员/Java爱好者精心总结了谷歌推出的这份指南中最有趣、最有用的十三条规则。 JS具有强大的灵活性和包容性，因此，JS的编写具有不同的风格，因…
新手上路学习JavaScript引擎实现——路线图最近在知乎接连看到几个相关的问题：如何阅读 ChakraCore 的代码? 新手应该如何读Google V8引擎源代码？ Kinoma XS6 是一款怎样的 JavaScript 引擎？
JSP指令标记和动作标记基础实践前言使用<jsp:include/>动作标记在JSP页面中动态插入一个文件、使用<jsp:forward/>动作标记在JSP页面中实现跳转。实验内容1 include动作标记：编
React16的性能优化 React早期的优化都是停留于JS层面（vdom的 create/diff），诸如减少组件的复杂度（Stateless），减少向下diff的规模(SCU)，减少diff的成本(immutable.js)，当然，也有例外，比如针对老式的IE的LazyDOMTre
JS实时通信三把斧系列之一: websocket 前言前端的学习路线永远不会缺少实时通信这个领域,为了给自己填充这块知识.顺便可以完成公司的长连接项目,我开始学习系统学习这块领域的知识.整个系列按照实时通信的实现方式来学习,目前能够应用在实际项目中有如下三种方式:
面试之JavaScript篇此文主旨是记录面试中遇到的面试题，包括js中常见，易错，重要知识点 window.onload和document.ready的区别 window.onload是在页面中包含图片在内的素有元素全部加载完成； document.ready是文档结构
当Node.js遇上OpenCV深度神经网络
Color Convert —- Sublime Text 3多种颜色转换插件为什么会写这个插件? 先来看看这个插件的功能,可以点击这里去看看哟. 前端开发的历史中最初设计师给的是有标注的设计图,长宽高,字体大小,颜色等等,都需要自己再手打写代码,后面出现了蓝湖, zeplin, 像素大厨等等连接设计师和前端的服务. 其中我觉得zep
ES6 实现之适配器模式 Adapter 概述适配器模式的作用是解决两个对象间的接口不兼容的问题。使用适配器模式之后，原本由于接口不兼容而不能工作的两个对象可以一起工作。举个生活中的例子：港式插头转换器，港式的电器插头比大陆的电器插头体积要大一些。如果从香港买了一个 Mac book，我们会发现充
react-router知多少(一) pre-notify 取名字真难！测试用例搭建首先是入口文件， import React from 'react'; import ReactDOM from 'react-dom'; import App from './App.js'; ReactD
借助webpack对项目进行分析优化进入公司之后，接手的便是前人留下来的一个大项目。庆幸的是整个项目拥有完善的产品功能文档，但是由于项目过于庞大，老旧。包含了打包过慢，冗余文件过多等诸多问题。想要快速的解决这些问题，想要完全把功能重构一遍的话，成本太高了。一个一个文件来过，时间成本也比较大。因此
【Web前端开发规范手册】为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档。全文=> 　规范目的　　为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档。　文件规范　　文件命名规则文件名称统一用小写的英文字母、数字和下划线的组合，其中不得包含汉字、空格和特殊字符；命名原则的指导思想一是使得你自己和工作组的每一个成员能够…
基于 React 的高质量坦克大战复刻版坦克大战当年红遍大江南北，很多和我一样的九零后应该都有着对这个游戏的记忆。现在显示器分辨率越来越高，使用矢量图来实现像素风格游戏，可以获得非常高的展现质量。该复刻版是我花了很长时间折腾的坦克大战复刻版本，所有元素都使用矢量图（SVG）进行渲染，针对网页的交互方式重新设计了关卡编辑器，该复刻版新增了…
schedule_task_monitor 前端批跑模块介绍背景随着node的出现与发展，前端承担了越来越多的职责。前端也有越来越多的场景需要使用批跑脚本利用爬虫或者接口定时同步数据到DB 线上配置文件、数据文件定时批跑生成并发布到线上
【20180413 前端开发日报】一些冷门的js操作；70个老司机技巧教你更好的进行CSS编程；那些优雅灵性的JS代码片段；对象存储 JavaScript SDK 更新，即刻体验更简单·可信赖的服务；关于Google发布的JS代码规范，你需要了解什么？；基于react + redu…详情→
Web 表单的未来 Web 表单的未来译自：https://blog.prototypr.io/the-future-of-web-forms-4578485e1461 Matt West 的 The Future of Web Forms license: C
用Vue.js开发原生应用选择Weex还是NativeScript? Vue.js是一个很好的框架！它有一个友好的学习曲线，结合了最好的React的组件方法和Angular的模板。尽管如此，Vue.js仍然有一个限制，它还不能像React的React Native，Vue.js目前还没有稳定、广泛采用的方法来开发原生应用程序。
Vuex源码阅读分析 Vuex源码阅读分析 Vuex是专为Vue开发的统一状态管理工具。当我们的项目不是很复杂时，一些交互可以通过全局事件总线解决，但是这种观察者模式有些弊端，开发时可能没什么感觉，但是当项目变得复杂，维护时往往会摸不着头脑，如果是后来加入的伙伴更会觉得很无奈。这时
原生JavaScript实现观察者模式什么是观察者模式维基百科对观察者模式的定义如下：观察者模式是软件设计模式的一种。在此种模式中，一个目标对象管理所有相依于它的观察者对象，并且在它本身的状态改变时主动发出通知。这通常透过呼叫各观察者所提供的方法来实现。此种模
【51信用卡前端研发基础体系建设与工程化演进】 51信用卡前端团队在两年内人数从10+扩展到60+，业务和人员的快速扩充过程中，形成了一套前端工程化实践，其中既有业内的热门方案踩坑，也有一些特殊的最佳实践，特给大家分享出来演讲主要包括：1. 基础研发流程（1）基础技术栈  全文
RxJS: 如何从头开始创建 Observable 本文为 RxJS 中文社区原创文章，如需转载，请注明出处，谢谢合作！写在前面的话： 1. 本文内容仅适合 RxJS 初学者。 2. Observable 是 RxJS 中的核心，理解 Observable 是学习 RxJS 的基石。
魔幻语言 JavaScript 系列之类型转换、宽松相等以及原始值编译自：[1] + [2] – [3] === 9!? Looking into assembly code of coercion.全文从两个题目来介绍类型转换、宽松相等以及原始值的概念: [1] + [2] – [3] === 9 如果让 a == true && a == false 的值为 tr…
JavaScript 预解析的原理及实现 JavaScript是解释型语言是毋庸置疑的，但它是不是仅在运行时自上往下一句一句地解析的呢？事实上或某种现象证明并不是这样的，通过《JavaScript权威指南》及网上相关资料了解到，JavaScript有“预解析”行为。理解这一特性是很重要的，不然在实际开发中你可能会遇到很多无从解析的问题，甚至导致程序bug的存在。为了解析…