Next.js 7发布，构建速度提升40%；前端入门-day2（常见css问题及解答）；Vue番外篇 — vue.nextTick()浅析；【react面试题】不可错过的react 面试题 「务必收藏」；vue的状态管理模式—vuex；WebSocket是时候展现你优秀的一面了；js实现移动端图片预览：手势缩放， 手势拖动，双击放大…；可自定义化的PC-React组件库Yoshino
-
Next.js 7发布，构建速度提升40% Next.js团队发布了其开源React框架的 7版本 。该版本的Next.js主要是改善整体的开发体验，包括启动速度提升57%、开发时的构建速度提升40%、改进错误报告和WebAssembly支持。 Next.js是一个React框架，它的主要目标是在生产环境中提供出色的性能和良好的开发体验。为了提供这种良好的开发体验，Next.js支持…
-
前端入门-day2（常见css问题及解答）今天是入门前端的day2, 小伙伴们应该已经看了一些HTML的基础和CSS的基础了，是不是遇到了很多关于CSS的问题呢。因为HTML很少有太复杂的问题，所以直接写一篇关于CSS的常见问题及解答啦~
-
【react面试题】不可错过的react 面试题 「务必收藏」React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时，React 首先会通过 “diffing” 算法来标记虚拟 DOM 中的改变，第二步是调节(reconciliation)，会用 diff 的结果来更新 DOM。
-
vue的状态管理模式—vuex 如果你在使用Vue.js，肯定有很多组件之间相互传递参数的经历。当遇到父子组件需要通信的时候，我们经常用的方法是传递参数。其实除了传递参数的方式，我们还可以结合业务需要考虑是否用Vuex去解决。 Vuex是什么？ 官方文档的定义：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所…
-
WebSocket是时候展现你优秀的一面了 在工作中我们开发接触最多的协议莫过于HTTP协议了，近些年H5的很多API和技术已经如雨后春笋般开始渐渐发扬光大了，今天我们就来一起讨论下其中的一个比较有意思的API，WebSocket 首先，在介绍主角之前，总要有一个铺垫，那么我就来三言两语先说一下最常见的HTTP协议吧，以示区分 三言两语说说HTTP HTTP是客户端/服…
-
可自定义化的PC-React组件库Yoshino Flexible Lightweight PC UI Components built on React! Anyone can generate easily all kinds of themes by it! Englis
-
前端跨域方法总结 为什么需要跨域 浏览器出于安全的考虑，引入了同源策略。这种策略会对我们页面上执行的js访问资源的时候进行限制，比如我们不能直接通过js访问不同源之下的页面DOM结构，同时在对不同源发送请求时也无法获取到服务器响应内容（服务器会正常处理请求并返回响应内容，但是返
-
手把手带你写一个JavaScript类型判断小工具 业务写了很多，依然不是前端大神，我相信这是很多‘入坑’前端开发同学的迷茫之处，个人觉得前端职业发展是有路径可寻的，前期写业务是一个积累过程，后期提炼总结，比如编程思想，父子类的原型继承，还是对象之间的关联委托，设计模式的熟悉和运用，这都是一个前端工程师成长为高级工程师的必经之路，而这条道路是需要我…
-
VueJS 的编译阶段到挂载节点 概述 为了实现响应式模式，Vue用render函数来生成vnode，并使用diff算法对比新旧vnode，最后更新到真实DOM上。 由于是在编译阶段而不是在监听阶段，所以vnode没有对比的对象，直接通过vnode生成真实DOM。 Vnode是Vdom上的一个
-
前端工程化的个人思考（续） (题图：from unsplash) 有朋友问最近看的哪两本关于前端的书籍——《前端架构设计》+《前端工程化：体系设计与实践》，一本重道，一本重术，道与术结合更具指导意义。希望了解前端的朋友推荐看一下。 接着上篇未完的话题，《前端工程化的个人思考》，前端工程化很庞大，涉及的点也比较多，笔…
-
几个JavaScript 条件语句的小技巧 在使用 JavaScript 时，我们常常要写不少的条件语句。如何将我们的代码写的更加简洁和优雅，是我们需要一直思考的问题。 1. 使用 Array.includes 来处理多重条件 举个栗子 :chestnut:： // 条件语句 function test(fruit) { if (fruit == ‘apple’ || fruit == ‘cherry’) { console.log(‘red’); } } 复制代…
-
【译文】构建大型 Redux 应用的五个建议 本篇译文的原文：Five Tips for Working with Redux in Large Applications 译者序 为什么翻译这篇文章，是因为本文中给出的建议和我在实际项目中的实践不谋而合，更彻底也更优秀。所以特别想分享给大家。 当项目规模逐
-
JavaScript—ES6 元编程（5） 几年前 ES6 刚出来的时候接触过 元编程（Metaprogramming）的概念，不过当时还没有深究。在应用和学习中不断接触到这概念，比如 mobx 5 中就用到了 Proxy 重写了 Observable 对象，觉得有必要梳理总结一下。 本文并非是一篇传统意义上的教程，总结的是自己学习 ES6 元编程相关知识（Symbols & Proxy & Reflect…
-
出来混总是要还的-JS正则常用的有四种操作： 验证、切分、提取、替换 前言：能看到这篇随笔的朋友肯定, 多多少少接触过正则( 不过还记得多少, 只有"天"知道 ), 基础语法知识咱先扔一边, 先从实际编程入手去, 验证浏览器中正则的四种常规操作： 验证、切分、提取、替换 使用正则的目的就三个 表单校验( 查找字符串中是否有
-
在格式化的场景下，React input 的光标的处理办法今天要来说的是有关于有数值格式化的场景中，React input 光标的一些异常的表现和对应的处理办法。故事要从一个 issue 说起，有用户反映在使用 NumberField 组件输入时安卓下会出现光标位置异常，导致连续输入会…
-
JS垃圾回收机制笔记 直到不久之前，对于JS的垃圾回收机制，还停留在‘所分配的内存不再需要’的阶段。 问题来了，浏览器是怎么确定‘所分配的内存不再需要’了呢？ 内存简介 垃圾回收简介 内存简介 MDN ：像C语言这样的高级语言一般都有底层的内存管理接口，比如 malloc()和free()。另一方面，JavaScript创建变量（对象，字符…
-
Vue.JS 开发常见问题集锦由于公司的前端开始转向 Vue.JS，最近开始使用这个框架进行开发，遇到一些问题记录下来，以备后用。主要写一些 官方手册 上没有写，但是实际开发中会遇到的问题，需要一定知识基础。
-
Git Tag在软件版本发布中的实践 前言 在当前公司的软件发布流程中，发现原来使用git-flow的分支发布方式存在诸多弊端，于是我们寻求一种相较更好的发布流程，于是就盯上了tag发布。本篇文章旨在介绍tag的使用基础，以及我们是如何将tag应用到正常的软件发布迭代中去。该方案仅供参考。
-
当 JS 大猪蹄子遇到 HTML 小姐姐 阅读文本大概需要 5 分钟。JS 都是大猪蹄子昨天读者群有位水友发了这么一条消息，说这样的网站页面信息要如何提取 td 的内容，聊天截图显现的页面是在浏览器上看到的代码。那时候我刚下班，日常水下群。然后看到这条消息，心里就想这个简单啊，写个 xpath、写个
-
JavaScript 原型精髓，读完这篇就够了 一篇文章让你搞清楚 JavaScript 继承的本质、prototype、__proto__、constructor 都是什么。 很多小伙伴表示不明白 JavaScript 的继承，说是原型链，看起来又像类，究竟是原型还是类？各种 prototype、__pr
-
关于Ajax和websocket的区别以及使用场景 在我们日常使用的互联网产品中，很多都是前后端数据的交互来完成的，说到数据交互就不得不提Ajax和websocket，它们可是数据交互的利器，那么它们分别是什么？websocket与Ajax轮询的区别又是什么？它们分别的使用场景有哪些？ Ajax是什么？ Ajax，即异步JavaScript和XML，是一种创建交互式网页应用的网页开发技术。通…
-
层次和约束：项目中使用vuex的3条优化方案 问题描述 使用vuex的store的过程中，发现了一些不是很优雅的地方： store层module太多，找state、getter、mutation、action对应的module比较慢。 组件里面mapGetters、mapActions、mapMu
-
数字图像处理-前端实现 源码地址：github.com/weiruifeng/… 数字图像处理（Digital Image Processing)是指用计算机进行的处理。说起数字图像处理大家都会想到C++有很多库和算法，MATLAB的方便，但自从有了canvas，JavaScript
-
React应用下的单元测试 本文作者：昔夜 前言 目前，越来越多的Web应用使用 react 来进行界面UI开发，而与之配套的官方测试工具 react-addons-test-utils 用起来则比较繁琐，写出来的测试代码也不易维护。 相比之下，Airbnb开源的react测试类库 E
-
css:touch-action导致安卓无法滚动页面 前言 相信大家搜css touch-action很容易搜到一批文章，但感觉自己还是需要写下自己这这个过程中的一些探索经历。 之所以写，是因为单独去学知识点或者单独看一篇文章其实很简单的，难的是在自己实践中，因为一个问题找一个方案，然后又引起另外一个问题，而这个
-
使用Vue做一个购物车 本人最近在个人博客写一个小型的Vue实战文章，努力中，欢迎各位前往查看，指导点评！地址: cyixlq.top/ 前言 本人刚大三，现在到了下学期，学校不让我们回去，赶我们出去实习。嗯。。。我是大专狗，不过一直热爱技术。只怪当初高中研究手机刷机包等技术荒废了学
-
JavaScript 模块化解析 作者: zhijs from 迅雷前端 原文地址：JavaScript 模块化解析 随着 JavasScript 语言逐渐发展，JavaScript 应用从简单的表单验证，到复杂的网站交互，再到服务端，移动端，PC 客户端的语言支持。JavaScript
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
