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

【开源】合摩 WeexBox 正式发布；前端开发中，滑动展现日志麻烦？这个组件来帮你；从零实现Vue的组件库（二）-Slider组件实现；聊聊前端面试之输出顺序；浅析Promise原理；2018年前端开发回顾；fetch 如何请求数据；JS 总结之关于 this 应该知道的几个点

【开源】合摩 WeexBox 正式发布一提到 Weex，相信下面已经有一群小伙伴在哀嚎了，是的，大多数开发者对 Weex 的感情是既爱又恨的。Weex 是优秀的跨平台框架，「Write Once, Run Everywhere」，但坑也多的不要不要的，特别对于刚开始尝试 Weex …
前端开发中，滑动展现日志麻烦？这个组件来帮你在这个数据无比重要的时代，用户在网页上面的一系列操作，都需要用数据记录下来。在一个网页中，某个元素的点击数，展现数可以说是最基本的指标了。点击数很简单，用户点击的时候，上报一条点击日志即可。但是展…
从零实现Vue的组件库（二）-Slider组件实现实现一个Slider组件，方便用户通过拖动滑块在一个固定区间内进行选择，增强交互细节。概述：在用户手动一些限定数字时，如果采用输入框的形式，会需要提示信息和错误信息来引导用户，这就存在一些冗余操作。所以衍生出Slider组件，方便用户拖动来选定一个值。该组件的痛点在于：兼容不同游览器的样…
聊聊前端面试之输出顺序春节后，新一轮跳槽风暴不知道能否吹暖今冬的裁员寒冬。然而，职场现状就是越来越多的小公司也在效仿各大互联网牛场面试要求，对于底层知识要求越来越深，管他用着用不着的，先面了再说。本篇跟大家聊聊面试常见题型之显示顺序问题。注：本篇分析为在浏览器环境中排序显示。 Nodejs编程是全异步，事件引擎…
浅析Promise原理 new Promise(function(resolve, reject) { //待处理的异步逻辑 //处理结束后，调用resolve或reject方法 }) 新建一个 promise 很简单，只需要 new 一个 promise 对象即可。所以 promise 本质上就是一个函数，它接受一个函数作为参数，并且会返回 promise 对象，这就给链式调用提供了基础其…
2018年前端开发回顾前端发展发展迅速,非常的快。本文将回顾2018年一些重要的前端新闻，事件和 JavaScript 趋势。
fetch 如何请求数据在传统Ajax 时代，进行 API 等网络请求都是通过XMLHttpRequest或者封装后的框架进行网络请求,然而配置和调用方式非常混乱，对于刚入门的新手并不友好。今天我们介绍的Fetch提供了一个更好的替代方法，它不仅提供…
JS 总结之关于 this 应该知道的几个点 JS 中的 this 对每位前端工程师都不陌生，经常看到对象这里 this 那里 this，那什么是 this？答案就是上下文对象，即被调用函数所处的环境，也就是说，this 在函数内部指向了调用函数的对象，通俗的讲，就是谁调用了函数。 :water_buffalo: 情况 1 this 指向 window var name = ‘xiaoming’ // 思考，为什么…
VueJS SSR 后端绘制内存泄漏的相关解决经验 Memory Leak 是最难排查调试的 Bug 种类之一，因为内存泄漏是个 undecidable problem，只有开发者才能明确一块内存是不是需要被回收。再加上内存泄漏也没有特定的报错信息，只能通过一定时间段的日志来判断是否存在内存泄漏。大家熟悉的常用调试工具对排查内存泄漏也没有用武之地。当然了，除了专门用于排查内存泄漏的工…
如果你习惯在Vue里使用css简写属性，记得避开这个坑首先我们来这么一个问题, 这里是完整的jsfiddle demo orcodepen demo 给一个元素绑定两个边框样式，右侧和底部都为1px的红色边框 styleA: { borderBottom: ‘1px solid red’, borderRight: ‘1px solid red’ }; 复制代码然后用一个按钮（或者任何方式）将样式换成下面的样式, 一个1px的…
深入学习javascript函数式编程大家都知道 JavaScript 可以作为面向对象或者函数式编程语言来使用，一般情况下大家理解的函数式编程无非包括副作用、函数组合、柯里化这些概念，其实并不然，如果往深了解学习会发现函数式编程还包括非常多的高级特性，比如 functor 、 monad 等。国外课程网站 egghead…
简析 js 碰撞检测原理与算法实现碰撞，顾名思义，就是两个物体碰撞在了一起，眼睛是可以直观的观察到碰撞的发生。但对于前端实现，如何让 JavaScript 让代码理解两个独立的“物体”（DOM）碰撞在一起呢。这就涉及到碰撞检测（或者叫边界检测）的问…
前端之数据模拟之Mock.js 在我们实际开发过程中，后端的接口往往是较晚才会出来，并且还要写接口文档，于是我们的前端的许多开发都要等到接口给我们才能进行，这样对于我们前端非常被动，于是前端需要编写json造假数据，但是比较局限，比如增删改查这些接口怎么实现呢，于是今天我们来介绍一款非常强大的插件 Mock.js ，可以非常方便的模…
express+mongodb+vue实现增删改查-全栈之路2.0 vue axios vue-router express mongo element iconfont scss 前言半年前写过一个express+mongodb+vue的项目，其中大致的给大家展示了从零构建一个前后台项目所需要的技术点和思路，以及在开发过程中遇到的一些坑。之后收到一些小伙伴的私信包括 github 上提出的 issue…
Github Page 搜索工具直接从GitHub存储库托管。只需编辑，推送，更改即可生效。关于Github Page的更多信息可以点击这个链接了解一下【Github Page】
Angular 中拦截器的真相和 HttpClient 内部机制原文： Insider’s guide into interceptors and HttpClient mechanics in Angular 作者： Max Koretskyi 原技术博文由 Max Koretskyi 撰写发布，他目前于ag-Grid 担任开发大使(Developer Advocate) 译者按：开发大使负责确保其所在的公司认真听取社区的声音并向社区传达他们的行动及目标，其作为社区和公…
Angular 5 升级至Angular 7 根据升级建议，应该先从Angular 5升级至Angular 6，再从Angular 6升级至Angular 7。本文内容“升级前-升级”适用于想从Angular 5升级至Angular 6的小伙伴；本文内容“升级后”适用于想从Angular 6升级至Angular 7的小伙伴； ng –version 可查看当前版本升级前 1.HttpModule和Http Service 切换到 HttpC…
【20181221 前端开发日报】Vue 前端应用实现RBAC权限控制的一种方式；vue和react的介绍；10分钟理解CSS3 Grid；前端工程师的 2018 年总结；MottoJS，一个让你的“座右铭”更好玩的JS插件；golang的we…详情→
JavaScript基础——深入学习async/await本篇文章，小编将和大家一起学习异步编程的未来——async/await，它会打破你对上篇文章Promise的认知，竟然异步代码还能这么写! 但是别太得意，你需要深入理解Promise后，才能更好的的驾驭async/await，因为async/a…
JS中通过指定大小来压缩图片前不久王二写了一个图片处理库，可以指定图片质量压缩图片，调用的是javaScript的原生方法 toDataURL 和 toBlob ，库里有如下这些方法：但是通过质量压缩图片有一些不足之处：无法确定压缩后图片的大小；比如下图，王二随机选了三张图片做测试(感兴趣的小伙伴可以戳这里自行测试)，图中x轴是图片…
#InfoQ技术干货栈# 【2019 年 React 学习路线图】学不动了？小Q扶你起来接着学！还记得之前给大家分享的Vue学习路线图吗？本篇文章将介绍 2019 年 React 学习路线图，希望给想学 React 的开发者一些借鉴。来跟小Q一起学☞
使用babel-plugin-react-cssmodules替代react-css-modules 在更新 React 至 16.6.*后，使用 react-css-modules 的项目会出现以下 Warning Expected instance props to match memoized props before componentDidUpdate. This is likely due to a bug in React. Please file an issue. 主要是因为在 react-cssmodules 中，重写了 this.props，详见 issues 我们访问 …