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

JQuery老矣，尚能饭否；Vue实现函数防抖组件；从零实现Vue的组件库（九）- InputNumber 实现；玩转 JavaScript 之数据类型；React 服务端渲染完美的解决方案；为什么说跨平台和大前端是趋势？；前端算法题：找出数组中第k大的数字出现多少次；JS类型判断、对象克隆、数组克隆

JQuery老矣，尚能饭否 write less, do more — John Resig 在2005年8月的某一天，有一位叫 John Resig 的美（guo）人，在blog上连发3个栗子公开怼了 Prototype 的 Behaviour 的代码冗长，在那之后没多久就开源了风靡全球的利器JQuery，还兼容了IE5.5，解决了开发者兼容性处理的心头大患，之后JQuery就一发不可收拾，很快就统一了整个浏…
Vue实现函数防抖组件最近在掘金看到两篇非常不错的文章：以vue组件或者插件的形式，实现throttle或者debounce 奇技淫巧 – Vue Mixins 高级组件与 Vue HOC 高阶组件实践这两篇文章中作者都分享了关于把函数防抖/函数节流包装成通用组件的经验。在这里我就不介绍函数防抖/函数节流的概念了，…
从零实现Vue的组件库（九）- InputNumber 实现基于 Input 组件进行拓展的 InputNumber 组件 InputNumer 组件的难点在于：实现鼠标长按，计数器数值变动；导致 InputNumber 组件的值变化，有以下操作v-model绑定值的变化，加、减按钮，input组件的输入，需要对上述结果进行处理，所以如何设计合理模式，减少冗余代码。 1. 实例代…
玩转 JavaScript 之数据类型众所周知，JavaScript 是一门弱类型语言，不对变量进行类型强制，变量可以随时持有任何类型的值，所以在 JavaScript 中，类型对于我们开发人员来说可以理解为值的内部特征，类型定义了值的行为，以使其能够区别于其他值。 JavaScript 中共有七种内置数据类型，包括基本类型和对象类型。 …
React 服务端渲染完美的解决方案最近在开发一个服务端渲染工具，通过一篇小文大致介绍下服务端渲染，和服务端渲染的方式方法。在此文后面有两中服务端渲染方式的构思，根据你对服务端渲染的利弊权衡，你会选择哪一种服务端渲染方式呢？
为什么说跨平台和大前端是趋势？【回复“1024”，送你一个特别推送】在 2018 的年终总结上，我谈到了未来前端开发的一个趋势是什么？我当时说：跨平台是趋势，大前端更是趋势。当时，没有细说，说改天我会从语言发展的角度来讲一讲为什么是趋势。在具体谈谈我的看法之前，咱们先看看大家的对于我半个月以前发起的一个投票…
前端算法题：找出数组中第k大的数字出现多少次题目：给定一个一维数组，如[1,2,4,4,3,5]，找出数组中第k大的数字出现多少次。例如：第2大的数是4，出现2次，最后输出 4,2 {代码…}
JS类型判断、对象克隆、数组克隆类型判断我们先说一下JS的数据类型，我们一般说JS有六大数据类型（ES6以前）分别是：基本数据类型 Number String Boolean null undefined 引用数据类型 object 在ES6中新增了Symbol数据类型。有时我们需要知道…
ES6数组的扩展–Array.from()和Array.of()如果一个对象的所有键名都是正整数或零，并且有length属性，那么这个对象就很像数组，语法上称为“类似数组的对象”(array-like object),即为伪数组。
iOS混合开发库(GICXMLLayout)七、JavaScript篇 GIC 从0.3.0版本开始正式支持 JavaScript ，也就意味你可以直接使用 JavaScript 来写业务逻辑，至此开始，结合 XML 、 js文件、图片资源等静态文件，完全可以将整个的APP做成一个可以热更新的应用。另外，在开发的时候也可以通过 HotReload 的方式，无需编译整个APP就能实时刷新应用，进一步的加快…
HttpRunner 2.0 正式发布在 2017 年 6 月份的时候我写了一篇博客，《接口自动化测试的最佳工程实践（ApiTestEngine）》，并同时开始了 ApiTestEngine（HttpRunner的前身）的开发工作。转眼间一年半过去了，回顾历程不禁感慨万千。HttpRunner 从最开始的个人业余练手项目，居然一路迭代至今，不仅在大疆内部成为了测试技术体系的基石，在测试业界…
【20190105 前端开发日报】打造 10000 Star 的前端开源项目 ⭐；前端必知必会HTTP请求系列（二）简单一点的HTTP协议；【前端面试】变量和类型计算；原生 js 实现移动端 Touch 轮播图；JavaScript基…详情→
vue-router和webpack懒加载，页面性能优化篇在vue单页应用中，当项目不断完善丰富时，即使使用webpack打包，文件依然是非常大的，影响页面的加载。如果我们能把不同路由对应的组件分割成不同的代码块，当路由被访问时才加载对应的组件（也就是按需加载），…
Node.js C++ Addon 应用实践近期项目中尝试使用Electron来实现跨平台桌面客户端。由于Node.js支持c++实现native addon，将c++接口封装供js调用，我们考虑将已经被多平台使用的SDK作为native扩展库引入Electron工程。 Node.js有两套API可以供c++侧选择来实现v8接口的封装，NAN和N-API。NAN是受到广泛认可（包括Node官方）的三方接口层，内…
js数据结构-二叉树（二叉堆）二叉树(Binary Tree)是一种树形结构，它的特点是每个节点最多只有两个分支节点，一棵二叉树通常由根节点，分支节点，叶子节点组成。而每个分支节点也常常被称作为一棵子树。
[转载] $.ajax()详解2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。
css多种方式实现等宽布局本文讲的等宽布局是在不手动设置元素宽度的情况下，使用纯css实现各个元素宽度都相当的效果。 1、使用table-cell实现(兼容ie8) {代码…} 2、使用flex布局来实现 {代码…}
利用 JavaScript Profiler 分析 Vue 性能问题在实现 InputNumber 组件的时候，有一个功能是按住 + 或 – 按钮时，组件的值在不断的自增或者自减，具体如下图当组件的值自增到一定数量之后，组件会开始卡顿，并且页面上下滚动也会有明显的延迟。问题体验相关代码 2. 定位问题 <script> export default { name: "input-number",…
HTML+CSS的两栏、三栏布局以及垂直居中这一次我想讲解一下HTML+CSS的两栏、三栏布局以及垂直居中的实现方式。因为个人所学有限所以可能不会罗列出所有的实现方法，不过我会继续努力查漏补缺。
配置webpack作为你新轮子的打包工具前两天帮前同事写一个兼容公安内网，外网，专网的多地图合一的地图类库，但是越写越烦躁，整理一下有以下几个痛点：使用 es5语法编写javascript，语法啰嗦冗长。 js代码全部写到一个文件中，没有模块化，项目难以维护。需要手动使用压缩工具压缩代码。所以打算使用webpack作为新轮子的打…
再谈 Go 语言在前端的应用前景 12 月 23 日，七牛云 CEO & ECUG 社区发起人许式伟先生在 ECUG Con 2018 现场为大家带来了主题为《再谈 Go 语言在前端的应用前景》的内容分享。本文是对演讲内容的实录整理。今年是举办 ECUG Con 的第 11 年，之前我谈的基本都是服务端的开发实践。从去年起我…
（译）函数式组件在Vue.js中的运用你是否曾经遇到过这样一个场景，你有个需求需要引入一个第三方库，然而你只需要使用这个库里面某一个功能，如果这个库不支持分模块导出的话，就会因为引入整个库而导致项目体积变大，进而影响项目加载性能。再比如，下拉列表、时间选择器或者自动填充属性等自定义控件都是非常复杂的，需要考虑很多边缘的复杂情况。虽…