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

参考KOA，5步手写一款粗糙的web框架；使用webpack4打造自己的前端工作流；前端关于单点登录的知识；关于VUE项目地图开发中大量点标记绘制一些总结；React专题：不可变属性；【vue-cli 3.0】 vue.config.js配置 – 路径别名；angularjs学习第五天笔记（第二篇：表单验证升级篇）；Android开发之漫漫长途 XIX——HTTP

参考KOA，5步手写一款粗糙的web框架我经常在网上看到类似于KOA VS express的文章，大家都在讨论哪一个好，哪一个更好。作为小白，我真心看不出他两who更胜一筹。我只知道，我只会跟着官方文档的start做一个DEMO，然后我就会宣称我会用KOA或者express框架了。但是几个礼拜后，我
使用webpack4打造自己的前端工作流前言 webpack4发布已经有一段时间了，我在实践的过程中发现，很多项目配置在webpack3下工作正常，但是升级到webpack4直接就崩了，如果想要webpack4正常工作，很多插件也需要升级到新版。下面是我使用webpack4配置的一个学习案例，包含了
前端关于单点登录的知识什么是单点登录单点登录（Single Sign On），简称为 SSO，是目前比较流行的企业业务整合的解决方案之一。SSO的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。 SSO一般都需要一个独立的认证中心（passport），
关于VUE项目地图开发中大量点标记绘制一些总结问题说明在地图开发中，当地图中绘制大量的标记点后，无论是拖动或者缩放，都会感觉到明显的卡顿现象。（一般超过800个点后就比较明显了）.在平时的工作业务中，由于公司的实时监控页面需要展现5000-20000车辆的实时定位跟踪，特别是切换到车辆密集的港口码头卡顿
React专题：不可变属性本文是『horseshoe·React专题』系列文章之一，后续会有更多专题推出来我的 GitHub repo 阅读完整的专题文章来我的个人博客获得无与伦比的阅读体验 React是用来解决状态同步的，但它却有一个与this.state并驾齐驱的概念。
【vue-cli 3.0】 vue.config.js配置 – 路径别名前段时间更新电脑重装了一下vue-cli，发现了vue-cli已经更新到3.0版。用来搭建项目后发现简化了很多，而且配置文件现在可以全部统一在vue.config.js中，很方便有没有，从此以后一个配置文件走遍公司大小项目，妈…
angularjs学习第五天笔记（第二篇：表单验证升级篇）
Android开发之漫漫长途 XIX——HTTP该文章是一个系列文章，是本人在Android开发的漫漫长途上的一点感想和记录，我会尽量按照先易后难的顺序进行编写该系列。该系列引用了《Android开发艺术探索》以及《深入理解Android 卷Ⅰ，Ⅱ，Ⅲ》中的相关知识，另…
深入理解 JavaScriptCore 大家好，我是美团技术团队的程序员鼓励师美美，今天正式出道，以后多多指教哟～～当当当当，今天美美给大家特别介绍一个全新的栏目，它的名字是：基——本——功！之前啊我们公众号的内容要求可严了，要么技术上有原创性，要么是程序员小哥哥们自己实践经验的总结。可是你们知道吗，美团技术同学都可…
React 优化：虚拟 DOM 详解作者：Alexey Ivanov、 Andy Barnov | 译：大辉原文地址： https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained 【译者注：链接序号对应下
Ghostscript 任意代码执行 Ghostscript 存在多个安全漏洞可执行任意代码（无 CVE，也没有官方安全补丁），Ghostscript 是 Adobe PostScript 和 PDF 的解释语言，在 ImageMagick、GIMP等软件程序中广泛应用。环境搭建大部分文章都没讲环境怎么搭建，就记录下我搭建环境的过程，测试环境是基于 Ghostscript + ImageMagick …
现代JS中的流程控制：详解Callbacks 、Promises 、Async/AwaitJavaScript在单个处理线程上运行。在浏览器选项卡中执行时，其他所有内容都会停止，因为在并行线程上不会发生对页面DOM的更改;将一个线程重定向到另一个URL而另一个线程尝试追加子节点是危险的。
vuejs2.0 高级实战全网稀缺独立开发专属音乐WebAPP （第一部分）更新中。。目前市面上还没有一个Vue 2.0 的高级教学，都是一些基础的入门课程，你很难找到一个基于Vue.js的复杂应用的教学，但是，我们为你准备了这门独一无二的Vue 2.0 高级实战课程
重用Vue组件中的逻辑特别声明，本文根据@Alex Jover Morales的《 Reusing Logic in Vue Components 》一文所整理。当你开始使用Vue创建应用程序时，你可以开始先创建组件，来构建应用程序的不同部分。你应该可以感受到Vue和Web组件结构体系的良好开发体验。随着项目的进行，你开始以某种方式构造应用程序组件，可能是按页面和组件。 …
【资源集合】 ES6 元编程（Proxy & Reflect & Symbol）几年前 ES6 刚出来的时候接触过元编程（Metaprogramming）的概念，不过当时还没有深究。今天在应用和学习中不断接触到这概念，比如 [mobx 5]() 中就用到了 Proxy 重写了 Observable 对象，觉得有必要梳理总结一下。
vue预加载Demo Learn how to build a killer Vue.js blog with a full demo: custom plugin, templating, pagination, filtering, data decoupling, and m
Vue $mount的挂载入口的奥秘 #$mount挂载入口在想了解 mount挂载入口的区分意义合并策略已经讲解完成。在合并策略之后还有很多始化操作，在执始化执行到最后就是执行Vue原型上 $mount 方法将组件挂载到开发者给定的元素之上。 $mount 存在两种挂载方式，手动挂载、同样在 api 中向外暴露了。第二个则是自动挂载，一旦有 …
NODEJS+EXPRESS发送验证码完全实践，排坑之旅最近在深入学习nodejs+express+mysql的全栈开发，我知道现在mysql、express是老旧的，但是个人感觉还是挺成熟的，而且比较熟悉，先学学看，后面再看看kao、MongoDB，下面就来说说我用nodejs和腾讯云的短信sdk开发的验证码服务
Vue.js 代码优化浅谈前言 vue之火，不言而喻，框架给前端带来了方便，但是代码的漏洞也会很多。如果不加以注意和优化就会陷入不必要的性能、冗余等问题，所以我们有必要关注优化的重要性，下面我们将把常用的优化做一些总结和探索我们将从以下几方面着手优化方向最佳实践一、代码优化方向
基于 Laravel + Vue 构建 API 驱动的 LBS 应用系列教程（十二） —— 为 Vue Router 添加页面布局 Laravel 可以通过Blade 模板为应用添加页面布局，不过由于我们构建的是单页面应用，可以通过 Vue Router 来实现：创建一个根级页面，其中包含在每个页面都会用到的 Vue 组件，如 Header 和 Footer。使用布局的另一个好处是你可以一次加载所有你需要的 Vuex 数据，它们会随着布局里的组件出现在所有子页面上。第一步…
前端每日实战：116# 视频演示如何开发一个监控网络连接状态的页面效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
使用Vue全家桶+typescript 还原 cnodejs前端页面扫一扫在线预览 gif 先感受下技术栈脚手架@vue/cli@3.0.1 vue 全家桶, typescript, scss 主要功能
基于 Laravel + Vue 构建 API 驱动的 LBS 应用系列教程（十一） —— 通过 Laravel Mix 将 SASS 编译… 在为单页面应用配置 JavaScript 和 Sass 这篇教程中，我们已经为所有 Sass 资源构建了目录结构，我们可以将 Vue 组件的 Sass 资源放到这些目录中。第一步：创建变量文件由于我们使用 Foundation 组件来实现快速格栅功能，包含应用所有 Sass 变量的 _variables.scss 将成为最重要的文件，我们将这个文件…
前端项目框架搭建随笔—Webpack踩坑记只知道Webpack怎么拼怎么用的我。。被领导委托搭建移动端项目框架。。。此时的我：咱虽然对Webpack一窍不通，也得保持风度“那个大哥，咱这边移动端用啥UI框架？”“得过几天想想。。搞不好咱们自己手写一套”这时候我的动力来了：UI框架？做UI框架不是我一直
探索 PM2 Cluster 模式下 Log4js 日志丢失 Node 应用为单线程应用，JS 虽可利用异步 I/O 避免线程阻塞，但无法利用多核 CPU 的优势提升运行效率，提高吞吐量仍需多线程。Node Cluster 可产生多个工作线程共享同一 TCP 连接，主线程通过 IPC 通道与工作线程通讯，并使用 Roun
【聊一聊Git原理】说起Git，相信大家都很熟悉了，毕竟作为程序猿，每天的业余时间除了吃饭睡觉就是逛一下全世界最大的开（tong）源（xing）代（jiao）码（you）网站GitHub了。在那里Git是每个人所要具备的最基本的技能。今天我们不聊Git的基本应用，来聊一聊Git的原理。
前端进阶（6） – webpack 之外的另一种选择：rollupwebpack 对前端来说是再熟悉不过的工具了，它提供了强大的功能来构建前端的资源，包括 html/js/ts/css/less/scss … 等语言脚本，也包括 images/fonts … 等二进制文件。