20181128 前端开发日报

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

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

    微信小程序-自定义下拉刷新
  18. 原有 Vue 项目接入 TypeScript 作者 | 陈龙 为什么要接入typescript javascript由于自身的弱类型,使用起来非常灵活。 这也就为大型项目、多人协作开发埋下了很多隐患。如果是自己的私有业务倒无所谓,主要是对外接口和公共方法,对接起来非常头疼。主要表现在几方面: 参数类型没有校验,怎么传都有...
  19. LeetCode JavaScript 版本合集要说什么目的的话,也说不上来。经历校招后,我自己算法这一块确实有点薄弱。准备再好好练一下 LeetCode,纯粹地记录与分享。
  20. 20181127 前端开发日报】前端JS 异常处理实践;前端开发常用的函数;NPM生态报告,React和Vue的差距居然这么大?;三行代码实现 JS 柯里化;我从来不理解JavaScript闭包,直到有人这样向我解释它...详情→ ​​​

    20181127 前端开发日报

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20181128 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20181128.html)