20191211 前端开发日报

9个极其强大的JavaScript技巧;2019年底史上最全Vue框架整理从基础到实战(二);你可能不知道的 JS 特性:可选链;借助 VuePress 和 GitBook ,10 分钟即可免费部署你的静态博客网站;前端培训-中级阶段(26)- Canvas 绘图(2019-11-21期);JS—DOM—元素创建的不同方式—三种方式,5个案例;利用 JS 实现多种图片相似度算法;前端模块化的前世今生

  1. 9个极其强大的JavaScript技巧 我喜欢优化! 但是,如果站点无法在用户的 Internet Explorer 11 浏览器中运行,他们不会在乎我的优化代码。 我使用 Endtest 来创建自动测试,并在跨浏览器的云上执行它们。 Netflix 使用相同的工具来测试他们的 web apps 。 你应该查看 文档 下面是9个极其强大的 JavaScript 技巧。 1.全部替换 …
  2. 2019年底史上最全Vue框架整理从基础到实战(二) 单文件组件 在很多Vue项目中,我们使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: ‘#app ‘}) 在每个页面内指定一个容器元素。 这种方式在很多中小规模的项目中运作的很好,在这些项目里 JavaScript 只被用来加强特定的视图。但当在更复杂的项目中,或者你的前端完全由 JavaScript 驱动的时候,下面这…
  3. 你可能不知道的 JS 特性:可选链今天我们来介绍一个你可能没见过的 JS 新特性,目前处于 Stage 3 阶段,它叫作 可选链(optional chaining),它可能解决很多人都面对过的痛点,让我们来了解这下~
  4. 借助 VuePress 和 GitBook ,10 分钟即可免费部署你的静态博客网站因为自己平时经常写博客,也有博客网站,所以 Leader 叫我做一个 CMS 的帮助中心的技术选型,CMS 的帮助中心的功能:是通过文章来教用户如何使用我们的项目。
  5. 前端培训-中级阶段(26)- Canvas 绘图(2019-11-21期)前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(…
  6. 利用 JS 实现多种图片相似度算法在搜索领域,早已出现了“查找相似图片/相似商品”的相关功能,如 Google 搜图,百度搜图,淘宝的拍照搜商品等。要实现类似的计算图片相似度的功能,除了使用听起来高大上的“人工智能”以外,其实通过 js 和几种简单…
  7. 硬核 逛了4年Github ,一口气把我收藏的 Java 开源项目分享给你Great Java project on Github(Github 上非常棒的 Java 开源项目).
  8. Github 上的个人项目开源心得「gortal」一个使用 Go 语言开发的,超级轻量的堡垒机(跳板机)服务原文链接 https://elfgzp.cn/2019/12/09/gortal-site-project 由于最近在 Github 发了一个个人开源项目 -「gortal」一个使用 Go 语言开发的,…
  9. Javascript浅拷贝和深拷贝浅拷贝和深拷贝在前端开发中是非常重要的知识点,有时候面试官也非常喜欢问到这点,相信很多人只是听过这两个词,不明白他们的意思和涵义,这里将会浅显的讲解浅拷贝和深拷贝。总结学习的同时,希望大家也会有点…
  10. D3 js实现简洁实用的动态仪表盘 动态效果图(动画开头有延迟,稍等…): 细看上面的动态效果图,可以发现: 一个值变换到一个新的值时,是一个渐变的过程; 圆弧末尾有一个竖线,作为仪表盘的指针,在仪表盘数值变化时,有一个弹性的动画效果。 一开始,我是用 Echarts 来实现仪表盘,但是它无法满足上面的两点需求。所以后…
  11. HTML5 与 CSS3 基础语法自学教程(十三) 本文首发于【前端课湛】微信公众号。可以在微信里搜索【前端课湛】关注,第一时间看文章! 导读:本小节主要讲解有关结构化元素的内容,其中包含了什么是结构化元素,以及一系列具体的结构化元素的语法和用法。通过本小节的学习,可以很好地掌握结构化元素的概念以及具体用法。结构化元素也是网页开发的基…
  12. 继 HTML、CSS 和 JavaScript 之后,WebAssembly 正式成为 Web 的第四种语言万维网联盟(W3C)2019年12月5日宣布,WebAssembly 核心规范 现在是一种正式的 Web 标准,它为 Web 发布了一种功能强大的新语言。 WebAssembly 是一种安全、可移植的低级格式,能够在现代处理器(包括 Web 浏览器…
  13. JavaScript 知识点(二) 一个进程就是一个程序的运行实例。 详细解释就是,启动一个程序的时候,操作系统会为该程序创建一块内存,用来存放代码、运行中的数据和一个执行任务的主线程,我们把这样的一个运行环境叫进程。 ​ 单线程与多线程的进程对比图 线程是依附于进程的,而进程中使用多线程并行处理能提升运算效率。 进程…
  14. WebSocket 与 Socket.io 最近在做一个在线的聊天系统,我利用了 WebSocket 技术,具体说是websocket的库socket.io。 1. 什么是 WebSocket 提到 WebSocket,我首先会想到 “及时通讯” 和 “推送” 这类词。在 WebSocket 以前,很多网站通过其他方式来推送信息,下面我们先看看以前的推送方式,这样,有比较才能看出 WebSocket 的优势。 1.1 (…
  15. D3.js 制作柱状图 D3 是用于数据可视化的Javascript库。使用 SVG , Canvas 和 HTML 。结合强大的可视化技术和数据驱动的DOM操作方法。 D3与JQuery的区别 D3 是数据驱动的, JQuery 不是:我们使用 JQuery 直接操纵元素;但是使用 D3 时我们需要通过 D3 专有的 data() , enter() 和 exit() 方法提供数据和回调,然后 D3 操作元…
  16. 【新手向】JS继承代码示例 1.通过原型链实现继承 改变原型链的指向 // 父类构造函数 function Person(name,age) { this.name = name; this.age = age; } Person.prototype.hello = function() { console.log(‘hello’); } //子类构造函数 function Student(score) { this.score = score } Student.prototype = new Person(‘mike’…
  17. 精读《正交的 React 组件》所谓正交,即模块之间不会相互影响。想象一个音响的音量与换台按钮间如果不是正交关系,控制音量同时可能影响换台,这样的设备很难维护:
  18. 【100天复习前端】JavaScript对象机制-创建对象 前面复习了 JavaScript 对象的基本内容,主要包括对象的基本概念以及对象的两种属性,这一节将复习 JavaScript 对象创建的几种方式,核心要点在于对对象原型的理解,这也是后面关于对象继承一块中原型链的关键所在。 1.工厂模式 工厂模式的核心是利用函数来封装以特定接口创建对象的细节,这一个的话不是我们复习的…

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

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


关注我

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

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

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