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

「伪全栈」Vue+Node搭建一个商城应用；动手做个聊天室，前端工程师百无聊赖的人生；HTML5 入门详解；如何专业的构建Vue组件；ES6迭代器和生成器；你不曾知道的JavaScript 内置对象解读；Go 爬虫：如何获取 js 文件中固定的内容？；vue面试题总结

「伪全栈」Vue+Node搭建一个商城应用一个入门级的前后端分离项目，包括前端、后端两个子项目。前端为基于Vue全家桶的多页面应用，后端基于Koa2+Sequelize，主要提供API接口。(网站备案中，线上预览地址暂为非标准端口) 线上预览前端源码后端源码项目展示项目特点前端 Vue-cli3搭建多页面应…
动手做个聊天室，前端工程师百无聊赖的人生本项目服务端基于node.js技术，使用了koa框架，所有数据存储在mongodb中。客户端使用react框架，使用redux和immutable.js管理状态，APP端基于react-native和expo开发。本文需要对JavaScript较为熟悉，讲解核心功…
HTML5 入门详解HTML5并不仅仅只是作为HTML标记语言的一个最新版本，更重要的是它制定了Web应用开发的一系列标准，成为第一个将Web做为应用开发平台的HTML语言。
如何专业的构建Vue组件 Vue是目前发展最快的Javascript框架之一。Vue被描述为是用于构建交互式界面的“直观、快速、可组合”的MVVM，它已经成为开发者最喜欢的交互式Web开发的JavaScript框架。在2014年开始在Github上已经有97K的关注了。与基于旧的模型-视图-控制器架构的Angular不同，Vue遵循模型-视图-视图-模型系统。 Vue的另一个…
ES6迭代器和生成器JavaScript 原有的表示“集合”的数据结构，主要是数组（Array）和对象（Object），ES6 又添加了Map和Set。这样就需要一种统一的接口机制，来处理所有不同的数据结构。遍历器（Iterator）就是这样一种机制。它是一…
你不曾知道的JavaScript 内置对象解读摘要：JavaScript 是面向对象的编程语言 (OOP)。OOP 语言使我们有能力自定义对象和变量类型。（事实上，只是基于对象的，并不完全具备面向对象的语言的三大特性[封装、继承、多态]）。在高级 JavaScript 的部分会…
Go 爬虫：如何获取 js 文件中固定的内容？简介我想爬豆瓣电影的分类，网址是 https://movie.douban.com/tag/ 。发现调用接口，返回的数据并没有我所需要的内容。我自己看了一下接口调用，发现这些分类竟然是在 app.js 的二维数组固定写死的。妹的，这就尴尬了，我岂不是要等待浏览器渲染完之后再匹配我想要的数据？查查Go…
vue面试题总结写在前面 {代码…} Vue开发交流微信群：(二维码定期更新，长期有效！或添加群主微信hanxuming888进群) 本文档基于vue-cli技术栈总结了 vue-cli工程 vue.js核心知识 vue-router路由 vuex状态管理器 axios等http请…
Vue数据双向绑定探究前面的啰嗦话，写一点吧，或许就有点用呢使用过vue的小伙伴都会感觉，哇，这个框架对开发者这么友好，简直都要笑出声了。确实，使用过vue的框架做开发的人都会感觉到，以前写一大堆操作dom，bom的东西，现在用不着了，对开发者来说更容易去注重对操作逻辑的思考和实现，省了不少事儿呢！！！我是直接从原生js，…
react + Ant Design + 支持 markdown 的 blog-react 项目的文档说明此 blog 项目是基于 react 全家桶 + Ant Design 的，项目已经开源，项目地址在 github 上。
vue 表单输入绑定，有时不会自动更新？When I was using form validate in Vue, I found sometimes vue doesn’t render data which was modified by me. I even thought it was a bug. Anyway, let’s take a look.
【20181123 前端开发日报】2019年前端面试都聊啥？一起来看看；脑阔疼的webpack按需加载；GitHub上最热门的十大Vue.js项目；面试官问：能否模拟实现JS的bind方法；css实现…详情→
管理多个git生成的ssh key经常我们可能需要上传github，和gitlab，或者你有多个github账号，我们需要对应不同的账号上传，我们需要配置多个ssh key
使用API自动生成工具优化前端工作流在工作中，我们的前端工作流一般开始于前后端协商好Api文档之后，再针对这个Api文档做mock模拟数据，然后用做好的mock进行开发，后端开发完毕之后再改一下API数据的BaseURL切换到正式API进行联调；如下
【Webkit 推出新的着色语言 whlsl】本文将介绍一门叫作 Web High Level Shading Language（WHLSL，发音为“whistle”）的新 Web 图形着色语言。它对 HLSL 进行了扩展，变得更安全、更可靠。
React16.x 特性剪辑(上)在 16 之前的版本的渲染过程可以想象成一次性潜水 30 米，在这期间做不了其它事情(Stack Reconciler);
react项目创建流程如果遇到 windows 没有权限安装 msi 文件.打开 cmd,运行msiexec /package 文件路径.