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

两分钟让你知道，前端开发是用Vue.js还是Angular；Web前端之“神秘”的跨域方式；根据浏览器的工作原理整理前端知识体系；做一个好前端必须要知道的事——JS语言；JavaScript 遍历、枚举与迭代的骚操作（上篇）；前端算法题 | 这道题效率最高的算法，你可能不知道？；ES6的Symbol竟然那么强大，面试中的加分点啊；这是今年前端最常见的面试题，你都会了吗？

两分钟让你知道，前端开发是用Vue.js还是Angular 引言 Vue.js 是开源的JavaScript框架，能够帮助开发者构建出美观的Web界面。当和其它网络工具配合使用时，Vue.js的优秀功能会得到大大加强。如今，已有许多开发人员开始使用Vue.js来取代Angular和React.js。那么对于Angular和Vue.js，开发者该如何选择呢?下面千锋武汉HTML5培训小编会对这两种框架进行介绍和深度对比。…
Web前端之“神秘”的跨域方式什么是跨域 JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。那什么是跨域呢，简单地理解就是因为JavaScript同源策略的限制，a.com域名下的js无法操作b.com或是c.a.com域名下的对象。当协议、子域名、主域名、端口号中任意一个不相同时，都算作不同域。不同域之间相互请求资源，就算作“跨域”。 …
根据浏览器的工作原理整理前端知识体系做前端的同学都知道，前端技术目前需要学习的知识太多了，各种框架，技术层出不穷，但只要我们自己有自己的一套知识体系，打好基础，再学习新东西就会很容易。在这里，我根据浏览器的工作原理整理了一套自己的知…
做一个好前端必须要知道的事——JS语言Java、scala 则是先编译成字节码，然后解释执行字节码（可以理解为编译型语言也可以理解为解释型语言）。准确的理解，java 是编译型语言，源代码整个编译成字节码，java 字节码，是解释型语言。
JavaScript 遍历、枚举与迭代的骚操作（上篇）相信大部分搬砖工作者都写过类似的代码： var arr = ; for (var i = 0, len = arr.length; i < len; i++) { console.log(arr ); } // element1 // element2 // element3 复制代码这是一段标准的for循环代码，通过变量i去追踪数组arr的索引…
前端算法题 | 这道题效率最高的算法，你可能不知道？寻找最长的不含有重复字符的子串可能看标题不会明白这个题到底什么意思，来看看下面的例子： abcabcbb ➡ abc ➡ 3 bbbb ➡ b ➡ 1 pwwkew ➡ wke ➡ 3 看了栗子是不是明白了呢？其实需求很简单，实现的方法也很多，…
ES6的Symbol竟然那么强大，面试中的加分点啊symbol是es6出的一种类型，他也是属于原始类型的范畴(string, number, boolean, null, undefined, symbol)
这是今年前端最常见的面试题，你都会了吗？作者｜Harshal Patil译者｜无明在面试或招聘前端开发人员时，期望、现实和需求之间总是存在着巨大差距。面试其实是一个交流想法的地方，挑战人们的思考方式，并客观地分析给定的问题。可以通过面试了解人们如何做出决策，了解一个人对技术和解决问题的热情程度，也是在了解未来可能一起共事的同事。以…
webpack产物解析当我们在开发一个前端工程的时候，我们不可避免的会使用到webpack作为打包工具，而有时候为了定位问题，不得不去看打包完成之后的js文件，这个时候就需要我们对webpack的构建产物有一定的了解才行了。最简单的构建我们先来看一个最简单的工程结构。 index.js文件： let test = require(‘./src/t…
Vue中用props给data赋初始值遇到的问题前段时间做一个运营活动的项目，上线后产品反馈页面埋点不对，在排查过程中发现，问题竟然是由于Vue中的data初始值导致，而data的初始值来自于props。为方便描述，现将问题抽象如下：
[Vue2.0]手撸手淘H5购物车组件最近一直在写React，Vue有段时间没写了，所以趁这个时间设计个Vue的小项目练练手。年轻时在电商的公司实习过，所以还是打算写一个电商相关的小项目，也算是一个总结。因此这次就拿手淘H5购物车开刀。项目GitHub 数据都是来自手淘的真实数据，也是观测了一段时间才定义好数据结构。整个项目下来还是有不少收获…
vue响应式原理学习（一）原理：因为vue内部做了代理。假如我们用this去访问某个属性，vue会自动去data,props,methods等参数对象里面去查找。所以我们开发时会发现，props里面定义过的属性，data不能再定义了，会抛出警告。methods也一样。用过Vue都知道，Vue本身是一个构造函数，所以我们的用法是直接new Vue()。下面我们用代码模拟一下Vu…
CSS3 入门详解（一）如同人类的的进化一样，CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性，弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。
Howler.js：用于现代 Web 的音频库 Howler.js 提供了一个现代音频库，支持 Web Audio API 和 HTML5 Audio 的回退机制。该项目致力于简化与使用 JavaScript 开发跨平台音频相关的开发工作。 Howler.js 为通过 JavaScript 使用音频提供了一致的 API，可以控制常见的音频模式，包括播放、暂停、搜索速率、淡入淡出和循环播放。在可能的情况…
开始学习 PixiJSPixiJS 是一个超快的2D渲染引擎。它自动侦测使用 WebGL 或者 Canvas。开发者无需专门学习 WebGL 就能感受到强大的硬件加速的力量。
如何自定义CSS滚动条的样式？本文会介绍CSS滚动条选择器，并在demo中展示如何在Webkit内核浏览器和IE浏览器中，自定义一个横向以及一个纵向的滚动条。
《微信小程序-自定义下拉刷新》最近给别个公司做技术支持，要实现微信小程序上拉刷新与下拉加载更多。微信给出的接口不怎么友好，最终想实现效果类似QQ手机版，一共3种下拉刷新状态变化，文字+图片+背景颜色。（by Aaron）
原有 Vue 项目接入 TypeScript 作者 | 陈龙为什么要接入typescript javascript由于自身的弱类型，使用起来非常灵活。这也就为大型项目、多人协作开发埋下了很多隐患。如果是自己的私有业务倒无所谓，主要是对外接口和公共方法，对接起来非常头疼。主要表现在几方面：参数类型没有校验，怎么传都有…
LeetCode JavaScript 版本合集要说什么目的的话，也说不上来。经历校招后，我自己算法这一块确实有点薄弱。准备再好好练一下 LeetCode，纯粹地记录与分享。
【20181127 前端开发日报】前端JS 异常处理实践；前端开发常用的函数；NPM生态报告，React和Vue的差距居然这么大？；三行代码实现 JS 柯里化；我从来不理解JavaScript闭包，直到有人这样向我解释它…详情→