20180803 前端开发周报

VUE之路;如何在 JS 代码中消灭 for 循环;javascript基础修炼——一道十面埋伏的原型链面试题;干货:详解HTML5中常见的五大全局属性;vue移动端复杂表格表头,固定表头与固定第一列;前端面试总结:http、HTML 和浏览器篇;请问丁香医生前端团队怎么样?;vue vue-router 完美实现前进刷新,后退不刷新。附scrollBehavior源码解析

  1. VUE之路 vue的安装相信很多小白都可以在官网上一步步操作,但是通过vue-cli脚手架创建完项目之后(对于我这种刚入门的小白)并不能够理解生成的文件有什么作用,这…
  2. 如何在 JS 代码中消灭 for 循环 这篇文章基于我在公司内部分享会整理而成。欢迎探讨补充。 补充一:看来很多人没看完文章就评论了。我在文章末尾说了,是不写 for 循环,不是不用 for 循环。简单陈述不写 for 循环的理由:for 循环易读性差,而且鼓励写指令式代码和执行副作用。更多参考 h
  3. javascript基础修炼——一道十面埋伏的原型链面试题 javascript基础修炼——一道十面埋伏的原型链面试题 在基础面前,一切技巧都是浮云。 题目是这样的 要求写出控制台的输出. function Parent() { this.a = 1; this.b = ; this.c = { demo: 5 }; this.show = function () { console…
  4. 干货:详解HTML5中常见的五大全局属性 HTML5中新增了“全部属性”的概念。所谓全局属性它是指可以对任何元素都可以使用的属性,今天为大家详细介绍三种常见的全局属性。 contentEditable属性 contentEditable是由微软开发。被其他浏览器反编译并投入应用的一个全局属性。它的主要功能是是否允许用户编辑元素的内容,被编辑元素必须是获得鼠标焦点的元素,而…
  5. vue移动端复杂表格表头,固定表头与固定第一列最近做移动端的h5项目,要做一个可配置表头的复杂表格,网上找了很久也没什么好方法,结合网上的一些例子,在此做一了一个完整的vue版的例子。
  6. 前端面试总结:http、HTML 和浏览器篇 1.http和https https的SSL加密是在传输层实现的。 (1)http和https的基本概念 http: 超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少。 htt…
  7. 请问丁香医生前端团队怎么样? 最近一直想写一些关于丁香医生前端团队的文字,却始终觉得难以动笔。去描述一个团队,可以从非常多的维度去阐述,当从某个视角去深入描写时,就会觉得很难把控描写的尺度,要么有些溺爱,要么有些苛刻,亦或者不够直接坦率。内心挣扎一段时间后,终于决定只从一个维度来写,那就是
  8. vue vue-router 完美实现前进刷新,后退不刷新。附scrollBehavior源码解析 vue vue-router 完美实现前进刷新,后退不刷新。附scrollBehavior源码解析 2018.07.27 22:12 1浏览 字号 大字 中字 小字需求:在一个vue的项目中,我们…
  9. vue权限路由实现方式总结全局路由守卫每次都判断用户是否已经登录,没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的)),则判断当前要跳转的路由,用户是否有权限访问(根据路由名称到全部路由里找到对应的路…
  10. js应用Date对象实现即时刷新时间 前言:经常在网站上看到会有一个时间显示,有兴趣的可以跟着着一个简单的功能。 首先,我们基本的想法,肯定是要使用Date对象吧。所以我们先new一个。 复制代码 当然,光有这个还不行,我们得,把我们需要数据取出来,为了便于观察实时的效果,我们就用date.getSeconds();这条数据。这个是用来显示秒数的…
  11. 前端每日实战:91# 视频演示如何用纯 CSS 创作一个行驶中的火车 loader效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  12. Hey, 你的Promise Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。 @阮老师 先来看看 promise 的几种用法: Promise.prototype.then:then方法有两个参数,第一个参数是Promise成功时执行…
  13. Git如何回滚一次错误的合并今天不说前端,来聊聊git吧。发现现在的小孩,玩框架一套一套的,等到玩点实质的工程化的东西就不行了。git 这么好的工具,培训班怎么可以忽视他的重要性呢?
  14. 你真的了解前端路由吗? 前言:网络上,很多介绍前端路由实现的文章,以及路由原理的文章。但是最近在面试过程中,我发现,所有面试者都能讲清楚路由的技术实现,但是却对每一种技术实现的适用场景不理解。比如hash路由,很多人的回答是hash路由会带有一个#号不好看,所以用了history路由
  15. JavsScript之浅拷贝与深拷贝 在开发的过程中,我们往往需要复制一个数据,在复制基本数据类型的时候不会出现问题,如 string 、 number 、 null 等。 但是我们复制一个引用类型的数据时,往往会出现问题,如 array 、 object 。 浅拷贝 看下面这段代码 var arr1 = ; var arr2…
  16. 大前端的技术原理和变迁史 本文适合前端新手入门,阅读人群最好是前端新手或者后台开发人员,因为我不敢保证对前端老司机有太多收获。 通过阅读本文,你将会大致了解前端这些年发生的事情,以及一些前端当前主流技术的简单原理介绍。所有涉及的内容,都是尽可能的让你捅破这层窗户纸,知道其大致的玩法。 目录 前端技术发展轨迹 …
  17. 最最最通俗易懂的promise手写系列(一) 先看一下这一次要讲的涉及到的promise的基础用法 let pms = new Promise((resolve, reject) => { setTimeout(() => { if (parseInt(Math.ran
  18. 关于 Vue 和 React 区别的一些笔记 这篇文章记录我在使用Vue和React的时候,对他们的不同之处的一些思考,不仅局限于他们本身,也会包括比如Vuex/Redux等经常搭配使用的工具。因为涉及到的内容很多,可能下面的每一个点都能写成一篇文章,这次先简单做一个概要,等我有空做一个详细的专题出来。 监听数据变化的实现原理不同 Vue 通过gette…
  19. Promise这个折磨人的小妖精 不得不说, promise 这玩意,是每个面试官都会问的问题,但是你真的了解promise吗?其实我也不了解,下面的内容都是我从掘金、知乎、《ECMAScript6入门》上看的博客文章等资料,然后总结的,毕竟自己写一遍,更有助于理解,如有错误,请指出 ~ 什么是回调地狱 ? 在过去写异步代码都要靠回调函数,当异步操作依…
  20. 『前端工程师』平时都是如何在工作内外提高自己的技术能力的? 有问题,上知乎。知乎作为中文互联网最大的知识分享平台,以「知识连接一切」为愿景,致力于构建一个人人都可以便捷接入的知识分享网络,让人们便捷地与世界分享知识、经验和见解,发现更大的世界。
  21. JQuery强大的操控标签能力 JQuery强大的操控标签能力 jquery选择器 $("#myId") 选择id为myId的元素 $(".myClass") 选择class为myClass的元素 $("li") 选择所有的li元素 $("#ul1…
  22. ES6版Promise实现,给你不一样的体验 ES6版Promise实现,给你不一样的体验 摘要: 在很久很久以前, Promise 还没有来到这个世上。那时森林里的有这样一群攻城狮,他们饱受回调地狱(回调金字塔)的摧残,苦不堪言。直到有一天,一位不愿意留下姓名的特工横空出世,将他们从回调地狱中解救了出来,代号 Promise 。自此,很多人都踏上了寻找 Promise 的道…
  23. 周记1——Nice to meet Websocket 本周的工作的开发IM(即时聊天)模块,要用到的技术是WebSocket。由于刚接触WebSocket,自己也是边摸索边做… 1、Websocket是什么 WebSocket是HTML5下一…
  24. 前端技术周刊 2018-07-30:Three.jsIonic 4.0.0 beta 版发布,新版本变化颇多,主要是采用了很多现代 Web 的 API,比如:Custom Elements,CSS Variables 和 Shadow DOM 等。 点评:最早由 Google 提出的 Web Components V0 系列规范几乎全军覆没…
  25. 寻找项目中顶级Vue对象 (一) 感谢作者 从一个奇怪的错误出发理解 Vue 基本概念 安装 – Vue.js 渲染函数 – Vue.js Vue2 dist 目录下各个文件的区别 聊聊 package.json 文件中的 module 字段 ES6模块 和 CommonJS 的区别 问题背景 vm win…
  26. 马蜂窝的前端火了遇到冲突不怕怼,强制提交就是干相信大家都在世界杯期间有意无意地看到过马蜂窝的洗脑广告,短短的15秒,品牌名就出现了6次。“旅游之前,为什么要先上马蜂窝”,这些不断重复的广告词让人犹如魔咒般印象深刻。
  27. JS简单实现防抖和节流 Ps: 比如搜索框,用户在输入的时候使用 change 事件去调用搜索,如果用户每一次输入都去搜索的话,那得消耗多大的服务器资源,即使你的服务器资源很强大,也不带这么玩的。 1. 防抖 – debounce 其中一种解决方案就是每次用户停止输入后,延迟超过 500ms 时,才去搜索此时的 String ,这就是防抖。 …
  28. 前端也需要好好的精进自己的算法前端发展的再快,也不要忘记精进自己的算法,算法是灵魂和核心。我会把我刷过的算法题总结归类,不断完善。欢迎大家关注。
  29. 深入JavaScript基础之深浅拷贝 最近在学到JavaScript对象的深拷贝和浅拷贝做了一些比较,将实际开发的点和基础点做了些小结,话不多说,开始进入主题吧。 基础认识—基本类型 基础认识—引用类型 浅拷贝的实现-对象&&数组 深拷贝的实现-对象&&数组 深拷贝的实现-递归的方法 深拷贝的实现-JSON.stringify/parse…
  30. vue项目实践-前后端分离关于权限的思路 前后端分离后权限的思路 最近看到许多关于权限的思路,但好像都是使用动态加载路由的方式,现在也分享下我在项目中使用的解决方案。 前后端分离关于权限的处理每个人都不一样,根据项目选择制定合适的方案就好 我的方案是: 前端挂载所有路由 通过 Api 接口获取用户权

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流