20190707 前端开发日报

Webpack重要知识点;Vue实例生命周期详解;JavaScript札记;[VUE]VUEX笔记;【Vue原理】依赖收集 – 源码版之基本数据类型;前端如何实现业务解耦,携程酒店查询首页的 1.0 到 3.0;js实现网页摄像头截图功能;基于vue的圆形菜单栏组件

  1. Webpack重要知识点最近在系统整理知识点,现将Webpack的一些重要知识点罗列出来,方便快速查阅。 Tree Shaking 为了使用tree shaking,需要满足以下条件: 使用ES2015语法(即import和export) 在项目package.json文件中,添加sideEf…
  2. Vue实例生命周期详解其中VM是(ViewModel)的缩写,经常用来表示Vue实例,而new Vue()表示创建了一个Vue的实例
  3. JavaScript札记 如果继承的属性是可遍历的,那么就会被 for…in 循环遍历到。但是,一般情况下,都是只想遍历对象自身的属性,所以使用 for…in 的时候,应该结合使用 hasOwnProperty 方法,在循环内部判断一下,某个属性是否为对象自身的属性。 ==================================================================== …
  4. [VUE]VUEX笔记v-model是专门用于input,select,textare等表单控件的绑定。它可以渲染变量在dom上,同时控件的value改变时,对应变量也会做出改变。(在表单控件或者组件上创建双向绑定)。
  5. 【Vue原理】依赖收集 – 源码版之基本数据类型 写文章不容易,点个赞呗兄弟 专注 Vue 源码分享,文章分为白话版和 源码版,白话版助于理解工作原理,源码版助于了解内部详情,让我们一起学习吧 研究基于 Vue版本 【2.5.17】 如果你觉得排版难看,请点击 下面链接 或者 拉到 下面 关注公众号 也可以吧 【Vue原理】依赖收集 – 源码版之基本数据类型 如果对依…
  6. 前端如何实现业务解耦,携程酒店查询首页的 1.0 到 3.0 作者简介 何金,携程酒店研发部Android资深软件开发工程师,负责酒店代码性能优化、结构改造、疑难问题排查处理,以及Kotlin的推广和应用。 酒店查询首页,是用户使用携程APP进行酒店预订的第一个页面。它提供了各种类型的酒店筛选入口,让用户进行酒店选择。随着查询首页版本不断迭代,…
  7. js实现网页摄像头截图功能 WebRTC的出现赋予了js操作录音设备和摄像头的能力,假如我们使用网页监控,考虑到实时传递摄像头的数据量比较大的问题,我们可以采用定时抓取摄像头抓拍的照片的方式,那么如何使用js获取摄像头拍摄照片(截取图片)的功能呢? 视频流 主角仍是webRTC中的getUserMedia方法(demo使用的是推荐使用的navigator.mediaDevic…
  8. 基于vue的圆形菜单栏组件 整个样式都是基于css3 得transform而实现得。 每个扇形角度为360/12=30deg,当然,你不想做圆形也可以,公式就是     扇形角度=你想绘制得角度/扇形个数 当你计算好每个扇形得角度时,需要将li元素倾斜,倾斜角度=90-扇形面积,我的这个倾斜角度就是90-30=60deg,然后使用css3 得skew() …
  9. 盘点Vue源码中用到的工具函数创建一个被冻结的空对象 判断是否是 undefined 或 null 判断是否不是 undefined 和 null 判断是否是原始类型 判断是否是对象类型 判断有效的数组下标 判断是否是一个 Promise 对象 删除数组中指定元素 用做缓存的…
  10. vue-cli3 取消eslint 校验代码vue create hello-world创建项目的时候选择了Linter / Formatter,所以写代码的时候会有代码规范检查,怎么才能关闭这个校验呢
  11. 「数据可视化库王者」D3.js 10个实例从入门到Vue应用 D3 近年来一直是 JavaScript 最重要的数据可视化库之一,在创建者 Mike Bostock 的维护下,前景依然无量,至少现在没有能打的: D3 与众多其他库的区别在于无限定制的能力(直接操作 SVG )。 它的底层 API 提供对原生 SVG 元素的直接控制,但它也带来了高学习曲线的成本。 我们将把 D3 和 Vue 结合在…
  12. 使用 SpreadJS 实现 JavaScript 中导入和导出Excel文件 JavaScript是一个涵盖多种框架、直译式、可以轻松自定义客户端的脚本语言,在 Web 应用程序中,更加易于编码和维护。而Excel 作为一款深受用户喜爱的电子表格工具,借助其直观的界面、出色的计算性能和图表工具,已经成为数据统计领域不可或缺的软件之一。 如果有一款产品,能够将二者完美融合,将在前端表格数据处理…
  13. 在 JavaScript 中深度克隆对象(及其工作原理)如果你打算用 JavaScript 进行编码,那么就需要了解对象的工作方式。对象是 JavaScript 最重要的元素之一,深入理解了它会使你在编码时得心应手。在克隆对象时,它并不像看起来那么简单。
  14. Vue使用lodop打印小结 Lodop打印控件是浏览器插件,与浏览器紧密结合来实现本地打印,是一种内嵌到浏览器里交互方式。(适用浏览器:ie系列、火狐51版及历史版本、谷歌44版及历史版本。(新版火狐及谷歌不再支持np插件,也不能使用lodop)) C-Lodop打印服务是以提供服务方式解决web打印,摆脱了对浏览器的依赖,解决了新版谷歌(45版及…
  15. 前端数据库 indexedDB 简介 作者 | Brilliant Open Web团队 编辑 | Brilliant Open Web团队 前面介绍到 Cache Storage 是基于键值对的方式缓存数据,是适用于存储和检索网络请求及响应的存储系统,不能提供搜索功能,不能建立自定义的索引。本文介绍的 indexedDB 是浏览器环境提供的本地数据库,取代了 WebSQL 作为 HTML5 的标准,…

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

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


关注我

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

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

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