20190704 前端开发日报

驳《抛弃 JS,使用 TypeScript》;8个有用的JS技巧;JavaScript之“use strict”;为vue3学点typescript, 基础类型和入门高级类型;前端知识总结系列笔记二:new Foo()和Object.create(Foo.prototype)的区别?;JavaScript系列之闭包(Closure);[数据可视化]d3js源码,selection(四)添加事件,控制流,局部变量;vuex了解一下?

  1. 8个有用的JS技巧使用 grid ,需要重新创建原始数据,并且每行的列长度可能不匹配, 为了确保不匹配行之间的长度相等,可以使用Array.fill方法。
  2. JavaScript之“use strict”“use strict”是ECMAScript 5引入的-一条指令。指令不是语句(但非常接近于语句)。“usestrict”指令和普通的语句之间有两个重要的区别:
  3. 为vue3学点typescript, 基础类型和入门高级类型这一节很重要, 可以说是ts的最核心部分, 这一节学完其实就可以开始用ts写代码了, 想想typescript中的type, 再看看标题中的”类型”2字, 所以请大家务必认真.
  4. 前端知识总结系列笔记二:new Foo()和Object.create(Foo.prototype)的区别? 上一篇文章写了关于Object.create()的实现原理,而在实际应用中,我们通常会把一个构造函数的原型作为参数来创建一个对象。 传送门,Object.create()的相关介绍以及实现原理 juejin.im/post/5d15c5… new Foo()和Object.create()同是创建对象的不同方式,接下来我们来讨论一下,new Foo()和Object.create(Foo.proto…
  5. JavaScript系列之闭包(Closure) 相信很多初学者在学习JavaScript 的时候,一直对闭包(closure) 有所疑惑。因为从字面上来看,完全看不出它所代表的东西。那么今天,我想通过这篇文章,尽量用简单易懂的话来与各位介绍「闭包」到底是什么。 在具体介绍闭包之前,为了更好的理解本文要介绍的内容,建议先去阅读前面的文章 《JavaScript系列之变量对象…
  6. [数据可视化]d3js源码,selection(四)添加事件,控制流,局部变量 出于交互考虑,selection支持监听(listening)和分派(dispatching)事件。 selection.on(typenames ]) 根据typenames向元素添加或删除事件监听,类型为字符串如click、mouseover、DOM event type都支持,可以通过click.foo添加回调函数,多个name用空格分隔。 当一个事件分派到元素上,lise…
  7. vuex了解一下? Vuex 使用 单一状态树 ,用一个对象就包含了全部的应用层级状态。作为一个“唯一数据源”而存在 getter getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算(可以认为是 store 的计算属性)。 接受 state 作为第一个参数 接受其他 getter 作为第二个参数 mutation …
  8. 5分钟打通rollup.js副本 正所谓万事开头难,配置rollup最难的一步也正是开头的第一步。不过没关系。 微笑面对危险,梦想成真不会遥远! 鼓起勇气坚定向前,奇迹一定会出现! 开始游戏(初始化项目) npm init 没错骚年,一路回车,你已经成功完成了本文最难以及最核心的一步——初始化了一个项目。相信你在剩余的几个简单步骤…
  9. 以小见大——从setTimeout引申JS的几大特性 最近在复习JS基础,回新手村整理下笔记 回想当初看书的过程,有两位朋友曝光度极高 那就是 setTimeout 和 setInterval 他们的一些迷惑行为,初看实在让人摸不着头脑,但其实背后暴露出了JS的几大特性 如果能全盘理解,也就能基本掌握JS的一些原理了 先介绍一下 setInterval ,是 每隔一段时间 执行一次函…
  10. JavaScript必须要掌握的知识-作用域 在学习作用域之前先简单了解一下JavaScript的编译、执行过程。 JavaScript被称之为解释性语言,与Java等这类编译语言区别在于:JavaScript代码写好了就可以直接立即执行,Java则需要相对较长时间的编译过程才可生成可执行的机器码。 但其实JavaScript也是有编译过程的,JavaScript使用的是一种即时编译的方式(JIT)。 J…
  11. styled-components:前端组件拆分新思路 一直在思考React组件如何拆分的问题,直到接触到styled-components,让我有一种如鱼得水的感觉,今天我就给大家分享一下这个库如何让我们的前端组件开发的更优雅,如何保持更合适的组件拆分粒度从而更容易维护。 一、使用方法 styled-components是给React量身定制的一个库,奉行React中all in js的设计理念,并将这个…
  12. 来用 SVG 和 CSS 画朵云彩吧希腊神话中有这样一个故事是讲述宙斯创造出来一个云女神涅斐勒,并且类似大多数的希腊神话一样的,这个故事非常的奇异且限制级。下面一个简短克制的版本。
  13. Hyperf 发布 WebSocket 组件 及 多个组件 v1.0.3 更新 | 企业级的 PHP 微服务协程框架本次更新涉及以下组件,主要新增了 WebSocket 服务端 及 WebSocket 协程客户端 组件,以及修复了一些 Bug hyperf/constantshyperf/databasehyperf/dihyperf/frameworkhyperf/http-serverhyperf/json-rpchyperf/mo…
  14. React(二)—— JSX 在上一篇文章中,我们研究了 React 是什么,并在高层讨论它是如何工作的。在本文中,我们将讨论 React 生态系统的一部分:ES6 和 JSX。 JSX/ES5/ES6 WTF??! 在网上对 React 的搜索中,你一定已经遇到了 JSX , ES5 和 ES6这些术语。这些不透明的缩写很快就会让人混淆。 ES5(ES 代表 ECMAScript)基本上是“常规 Jav…
  15. 从通信到 AI FreeSWITCH 与 WebRTC FreeSWITCH是一个开源的软交换平台,具有模块化结构,支持包括WebRTC在内的多种互通互联。本文来自FreeSWITCH 中文社区创始人杜金房在LiveVideoStack线上交流分享中的演讲,详细介绍了FreeSWITCH的功能特性、架构以及现状。 文 / 杜金房 整理 / LiveVideoStack 大家好,我是杜金房,…
  16. Vue 面试知识点总结(二)【持续更新中~】模板内可以放表达式,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如:
  17. 企业级 JavaScript应用:机遇,威胁与解决方案如果你正在使用 JavaScript,那你应该熟悉它的历史。这个有着 24 年历史的编程语言在过去几年里发生了巨大的变化,特别是随着 Node.js 和 JS 框架的出现。
  18. js文档笔记2——标准库 JavaScript 的所有其他对象都继承自 Object 对象,即那些对象都是 Object 的实例。 Object 对象的原生方法分成两类: Object 本身的方法与 Object 的实例方法。 (1)Object对象本身的方法(静态方法) 所谓“本身的方法”就是直接定义在 Object 对象的方法。 Object.print = function (o) { …
  19. nodejs+koa2.x+MongoDB入门实战教程(三)模板引擎ejs 大家好,我是奶挺老师,江湖人称莒巭萎(lvbuwei),嘿嘿嘿,我又来叨扰大家了。 通过前面两节课程的学习,相信大家通过实际操作和翻阅其他文档,已经可以自主操作koa和koa-router了,那么我们服务和路由都能控制了,但是我们发现我们的页面很丑,也没有怎么设计,这个时候我们不能做了好东西自己独吞啊,是吧,有句话…
  20. localStorage、sessionStorage ES6简单封装localStorage、sessionStorage ES6简单封装: {代码…} 使用方式: {代码…}
  21. 前端项目中使用husky做预检查 具备基本工程素养的同学都会注重编码规范,而代码风格检查(Code Linting,简称 Lint)是保障代码规范一致性的重要手段。 使用 Lint 会有什么好处呢?在我看来至少具有如下 3 点: 更少的 Bug 更高的开发效率,Lint 很容易发现低级的、显而易见的错误 更高的可读性 很多时候我们lint的校验是放在持续集…
  22. JavaScript 数据结构与算法之美 – 栈内存与堆内存 、浅拷贝与深拷贝笔者写的 JavaScript 数据结构与算法之美 系列用的语言是 JavaScript ,旨在入门数据结构与算法和方便以后复习。
  23. Re从零开始的后端学习之配置Ubuntu+Ngnix+Nodejs+Mysql环境 前言 nodeJs是一条让前端更好地了解后端的捷径,网上的配置教程又比较分散,所以就重新统一组织了一下。 配置Nginx 安装Nginx sudo apt-get install nginx 复制代码 配置Nginx sudo vim /etc/nginx/sites-available/default 复制代码 前往nginx的安装目录进行配置,不用版本的目录可能有所…
  24. Https 到底把什么加密了? 问题描述 都说https是在http和tcp两层之间加密,针对的是传输过程,只有客户端和服务端才能解密,变成明文。但是又有很多人说,https协议下,用get请求不加密,需要用post才会加密,而且这么说的人很多。 我的疑惑就是,如果把整个数据都加密了,是不是无论get和post都是一样的? 因为不懂抓包技术…
  25. 混子前端带你入门webpack 本文是混子前端之前在学习 webpack 时整理的说明文件 有些枯燥 但整理的很详细,其中代码模块我已图文备注说明,如果你刚开始准备学习 webpack 那本文对你帮助很大,一定要按照文字走完全流程 webpack基本介绍 webpack : 给js准备的一个打包工具,可以把很多模块打包成很少的静态文件,有一个自己的特性:代码分割 …
  26. JavaScript数组-排序算法 冒泡排序 插入排序 快速排序 选择排序 希尔排序 归并排序 … 算法在线动态演示 // 冒泡排序 // 当前项和后一项进行比较 如果当前项大于后一项则 交换位置 var arr = function bubbleSort(arr) { arr = arr.slice(0) for (var i = 0; i &lt…
  27. 【一文学会】vue.js入门到放弃 最近正好学习了vue.js就准备将此记录下来,希望能给各位做个参考,当然因为技术有限所以出现很多错误,烦请大佬们能够不吝赐教,此篇博客会一直保持更新,以后关于vue就在本篇博文上填加内容了。 VueJs简单入门 1.1、vuejs概述 Vue.js是一个渐进式框架(主张少:调用多少算多少,没有赠品) 1.2 mvvm模式 m…
  28. nginx配置HOST请求头及与webpack-dev-server proxy的区别 前言 遇到一个这样的场景: 往CAS系统进行认证需要带上当前(前端server)域名,拿到认证密钥后向后端发起鉴权,后端校验密钥时还会去校验鉴权url的 Host 和刚刚CAS认证时带的前端server域名是否一致,不一致的话即使密钥合法了也无用。 旧平台是jsp项目,所以 鉴权url Host 和 前端server域名 是一样的。 前后端分…
  29. Webpack 4 构建大型项目实践 / 开发服务 本文所用示例的仓库地址: gayhub 上一节我们把 vue 全家桶加入到项目,并成功打包部署,但在实现过程中不止一次想到:不基于 Webpack 构建开发时,我的改动能很直观的就在浏览器中看到(只需要刷新一下浏览器),但现在你告诉我改动后需要打包才能看到结果,我的开发体验呢? 本节就将通过使用 webpack-dev-serv…
  30. 封装函数到实现简化版jQuery 获取一个节点的所有兄弟; 给一个节点添加加多个 class ; DOM 的 API 实现比较繁琐,所以自己封装 API ; 功能实现 1.封装函数 获取兄弟 操作步骤: 在 html 中有一个 ul 标签,在 ul 中有 5 个 li 。 <ul> <li id="item1">选项1</li> &lt…

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

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


关注我

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

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

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