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

Javascript中的复制粘贴功能；React研习之旅（一）：React基础与核心；JS 总结之原型继承方式收录；JS 总结之 class；用js实现快排；aotoo-hub：一体化的大前端架构方案；前端如何配合后端完成RBAC权限控制；用 Flask 和 Vue.js 开发一个单页面应用

Javascript中的复制粘贴功能复制、剪切、粘贴事件 copy cut paste 每个事件都有一个 before 事件对应： beforecopy 、 beforecut 、 beforepaste 。这几个 before 一般不怎么用，所以我们把注意力放在另外三个事件就可以了触发条件鼠标右键菜单的复制、粘贴、剪切使用了相应的键盘组合键，比如: command+c 、 command…
React研习之旅（一）：React基础与核心作为一个寡言少语的人，一直在享受社区的文章分享和帮助，是它们让我不断成长，这种分享的热情是开源社区繁荣昌盛的根基。某虽不才，也有同样的心情，也想写点东西。不仅仅是个教程系列，也是一个研究学习的过程。近期一直研究React，将自己的一些思考摘录下来，分享一下，也欢迎有兴趣的读者留言发表自己的观点，互相探…
JS 总结之原型继承方式收录以一个父类为前提条件，列举 js 继承的继承方式： {代码…} 方式 1：原型链继承（不推荐） {代码…} 缺点：无法向父类构造函数传参父类的所有属性被共享，只要一个实例修改了属性，其他所有的子类实例都会…
JS 总结之 class class 是 ES6 的新特性，可以用来定义一个类，实际上，class 只是一种语法糖，它是构造函数的另一种写法。 class Person { } typeof Person // "function" Person.prototype.constructor === Person // true 复制代码 :car: 使用用法和使用构造函数一样，通过 new 来生成对象实例 class Person { }…
用js实现快排 Quicksort通过从数组中选取一个元素并将其表示为基准点，把数组中的所有其他元素分为两类 – 它们小于或大于此基准点。然后把作为这一轮排序结果的两个数组（数组元素都小于基准点的数组和数组元素都大于基准点的数组）再进行相同的排序。即分别再选个基准点，然后基于基准点分成两个数组元素分别小于和大于基准点的数…
aotoo-hub：一体化的大前端架构方案年底了，开源一套我们的大前端架构 aotoo-hub ，小伙伴们都用得很爽的。 GITHUB — 听说star的人明年会发财文档 aotoo-hub 是一套正式上线的大前端解决方案。迭代的这2年多的时间，从webpack-1熬到了webpack-4，从纯前端脚手架到融合node端的整体方案，从繁复到精简，重构的次数不要太多。简单、易用…
前端如何配合后端完成RBAC权限控制关联上一篇 Vue 前端应用实现RBAC权限控制的一种方式，这篇写的比较懒，哈哈，还是谢谢支持的朋友。承蒙李杨的邀请，就写了这篇文章，平时写的不多，失误之处，请大家多多包涵。因为工作的原因要找一个管理端模板，用于开发一个网银系统的前端界面骨架，我就找到了 d2-admin ，看着十分对胃口，接着我就想…
用 Flask 和 Vue.js 开发一个单页面应用这篇文章会一步一步的教会你如何用 VUE 和 Flask 创建一个基础的 CRUD 应用。我们将从使用 Vue CLI 创建一个新的 Vue 应用开始，接着我们会使用 Python 和 Flask 提供的后端接口 RESTful API 执行基础的 CRUD 操作。最终效果：主要依赖： Vue v2.5.2 Vue CLI v2.9.3 Node v10.3.0 npm v6…
Node.js 指南（ABI稳定性）应用程序二进制接口（ABI）是程序调用函数和使用其他编译程序的数据结构的一种方法，它是应用程序编程接口（API）的编译版本，换句话说，头文件描述了类、函数、数据结构、枚举和常量，使应用程序能够通过编译到…
javascript：用原生js模拟贪吃蛇游戏练习
学习使用 NodeJs 中 async-hooks 模块
vue响应式原理学习（三）— Watcher的实现为什么我们改变了数据， Vue 能够自动帮我们刷新 DOM 。就是因为有 Watcher 。当然， Watcher 只是派发数据更新，真正的修改 DOM ，还需要借用 VNode ，我们这里先不讨论 VNode 。 computed 计算属性，内部实现也是基于 Watcher watcher 选项的使用方法，我目前通过看文档和…
Node.js 指南（使用不同的文件系统）Node公开了文件系统的许多功能，但并非所有文件系统都相似，以下是建议的最佳实践，以便在使用不同的文件系统时保持代码简单和安全。
Hyper.js，命令行工具新势力 ———-更新——————— 写这篇文章，不是评论区说的“噱头成分的东西”，这是我最近一年一直跟踪尝试Electron的一部分。因为我打算明年有时间，认真些一些列的文章介绍JHipster(我的另外一个专案)。现在正值年底，没有时间专注于深度写作，所以先把一些零散的东西介绍一下。后续的系列教程，用到命令…
在Angular中操作DOM：意料之外的结果及优化技术【翻译】在Angular中操作DOM：意料之外的结果及优化技术原文链接： https://blog.angularindepth.c… 作者： Max Koretskyi 译者：而井我最近在NgConf的一个研讨会上讨论了 Angular中的高级DOM操作的话题。我从基础知识开始讲起，例如使用模版引用和DOM查询来访问DOM元素，一直谈到了使用视…
【20181224 前端开发日报】为什么前端监控要用 GIF 打点；一文看尽 2018 全年 AI 技术大突破；「今日头条」前端面试题和思路解析；理解vue ssr原理，自己搭建简单的ssr框架；vue 前端项目技术选型…详情→
JavaScript是如何工作的:与 WebAssembly比较及其使用场景这是专门探索 JavaScript 及其所构建的组件的系列文章的第6篇。如果你错过了前面的章节，可以在这里找到它们： JavaScript是如何工作的：引擎，运行时和调用堆栈的概述！ JavaScript是如何工作的：深入V8引擎&am…
基于react的高度过渡组件开发中，最麻烦的过渡效果就是高度过渡。因为过渡效果需要设置一个起始状态和结束状态，但是对于web中的元素来说，容器高度大部分是根据内部元素自动撑起来的，这时很难去设置一个稳定的过渡高度。所以我写了一个…
@angular前端项目代码优化：构建Api Tree 在前端项目的开发过程中，往往后端会给到一份数据接口（本文简称api），为了减少后期的维护以及出错成本，我的考虑是希望能够找到这么一种方法，可以将所有的api以某种方式统一的管理起来，并且很方便的进行维护，比如当后端修改了api名，我可以很快的定位到该api进行修改，或者当后端添加了新的api，我可以很快的知道具…