20200531 前端开发日报

我在实际工作中用的最多的 git 命令，全在这里了，使用简单；玩转webpack——从零配置一个react项目；循序渐进VUE+Element 前端应用开发(4）— 获取后端数据及产品信息页面的处理；JS如何将字符串转化为数字数组；是天使还是魔鬼？重新思考jsx；突然上手Angular；angular8 日常开发填坑指南；直接从项目开始学习vue+typescript+装饰器(一)

1. 我在实际工作中用的最多的 git 命令，全在这里了，使用简单

   最近在工作中频繁用到git版本管理，期间也遇到了很多的问题，平时也会使用，但是，在没有遇到什么大的问题的时候，还是用的不是特别的熟练，最近，自己在玩的时候，发现了很多问题，同时，也用git解决了这些问题…

2. 玩转webpack——从零配置一个react项目

   近来得闲，重新撸了一边webpack文档，将webpack的用法以及作用基本理清了脉络，虽然各大前端框架的生态系统越来越完善，每个框架基本都搭配了一套标准的脚手架工具，但是那是搭配好的套餐，用起来虽然也还行，还是总觉得哪里不得劲儿，就像开车开了个自动档模式，不能根据自己的项目随心所欲的搭配功能。所以今天我们就…

3. 循序渐进VUE+Element 前端应用开发(4）— 获取后端数据及产品信息页面的处理

   在前面随笔《 循序渐进VUE+Element 前端应用开发(3）— 动态菜单和路由的关联处理 》中介绍了在Vue + Element整合框架中，实现了动态菜单和动态路由的处理，从而可以根据用户角色对应的菜单实现本地路由的过滤和绑定，菜单顺利弄好了，就需要进一步开发页面功能了，本篇随笔介绍一个案例，通过获取后端数据后，进行产品…

4. JS如何将字符串转化为数字数组

   在使用Vue的时候，我们需要注意数据的类型。比如，Elment select 组件选中的值是有字符串和数值之分的。很多时候，明明给了一个一样的数字，却不能选中就是因为这个原因。那么就需要将字符串数字转换成数字或者将数字转换成字符串。下面雷雪松给大家介绍一下JS如何将字符串转化为数字数组。 首先，先给大家说一下选…

5. 是天使还是魔鬼？重新思考jsx

   最近团队里的PM想要给项目都加上埋点，然后问题由此产生。 先说需求 就一个简单的埋点。嗯，就这样，大家都懂。 埋点就是，用来统计各种事件数据传递。比如说页面访问量，按钮的点击，代码的错误日志的统计…… 项目就是一个react项目。。。 再说遇到的问题 老大希望能够有一种统一、优雅、不侵入业务的方…

6. 突然上手Angular

   基础的教程是跟着官网走的，把购物车的那个例子走完，就知道基础的东西应该怎么写了，感觉这个例子还是挺充分的，快速上手么得问题。通过购物车的例子自己瞎总结出来的一些知识点： *ngFor *ngIf Interpolation {{ }} Property binding [] event binding router Service Import service …

7. angular8 日常开发填坑指南

   语法糖else <div *ngIf="isLoggedIn; else loggedOut"> Welcome back, friend. </div> <ng-template #loggedOut> Please friend, login. </ng-template> 复制代码 code 等同于下方 <ng-template ="isLoggedIn" ="…

8. 直接从项目开始学习vue+typescript+装饰器(一)

   1.vue-property-decorator 这个组件完全依赖于vue-class-component，它具备以下几个属性 @Prop // @Prop 装饰器是用以接收来自父组件的数据 // 子组件 <template> <h1>收到：{{msg}}</h1> </template> <script lang="ts"> import { Component, Vue,Prop,Model } from ‘…

9. 让我们学会使用 CSS 计数器

   点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

10. 「中文翻译」Vue3的诞生之路

    观感度： 口味：麻辣小龙虾 烹饪时间：10min 本文已收录在Github github.com/Geekhyt，感谢Star。原文地址：[链接] 译者：童欧巴 因时间有限，文中翻译不对的地方还请指出，望海涵。想感受原汁原味还请移步…

11. 基于promise对axios进行再次封装（兼容前端主流框架）

    axios基本使用 1、axios请求过程 axios 是基于 promise 对 XMLHttpRequests 的封装，可以在浏览器或者node.js中使用，通常使用axios发起请求，要经历：发起请求->请求拦截器->服务器->响应拦截器->拿到数据。 2、项目中使用axios axios npm install axios –save bower…

12. 如何用Canvas拍出 JDer’s工作照

    从 2016 年 5 月 19 日开始，每一年的这一天都被定为京东集团的“519 老员工日”。正所谓：五年砺银，十年锻金！在京东成长 10 年的员工，放在行业里的任何一家公司，都能够像金子般发光！

13. 如何用Canvas拍出 JDer's工作照

    在京东，就职满五年的老员工被称作“大佬”，如果满了十年，那就要被称之为“超级大佬”了。 从 2016 年 5 月 19 日开始，每一年的这一天都被定为京东集团的“519 老员工日”。正所谓：五年砺银，十年锻金！在京东成长 10 年的员工，放在行业里的任何一家公司，都能够像金子般发光！ 在这 5 年或 10 年无数个奋斗的日夜里…

14. 用 WebRTC 的 Insertable Streams API 把元数据添加到媒体帧

    以前，许多WebRTC功能只有在本机应用程序中才能使用，包括带有修改后的Chromium代码的电子应用程序。 如今，借助WebRTC NV API，其中一些程序已经可以在Web应用中使用了。上周我们发布了与Google合作开发的SFrame E2EE，多亏Insertable stream，其部分功能在Web可用了，现在我们就可以给大家展示另一个以前在Web应…

15. Hegel：励志成为最好的 JavaScript 静态类型检查器

    Hegel 作为 JavaScript 类型检查器中的新秀，励志要成为最好的 JavaScript 静态类型检查器。它宣称提供了一个具备强类型推断的可靠的类型系统。目前 Hegel 还在 alpha 测试阶段，大家可以在其提供的 专用在线 练习场 进行功能体验。 Hegel 是一个类型注解可选的 JavaScript 类型检查器，同时它和 TypeScript 一样，…

16. websocket实现一个聊天室

    上次讲了 websoket 的基础知识和应用插件，今天我们来用 websocket 来实现一个聊天程序。先看几张界面截图： 聊天界面： 历史消息查看： 用户上线提醒： 在线体验地址： 地址 功能结构图 可以看到，该聊天室主要分为三个部分：消息实时推送，聊天界面与交互实现，用户认证模块。下面…

17. 1.1万字从零解读Vue3.0源码响应式系统

    原文地址:https://hkc452.github.io/slamdunk-the-vue3/ 作者:KC effect 是响应式系统的核心，而响应式系统又是 vue3 中的核心，所以从 effect 开始讲起。 首先看下面 effect 的传参，fn 是回调函数，options 是传入的参数。 export function effect<T = any>( fn: () => T, option…

18. JavaScript闭包原理与用法学习笔记

    本文实例讲述了JavaScript闭包原理与用法。分享给大家供大家参考，具体如下： 闭包(Closure) 闭包是一个函数和词法环境的组合，函数声明在这个词法环境中。 词法作用域： 看下面的一个例子： function init() { var name = ‘GaoPian’; // name是局部变量 function displayName() { …

更多内容请关注公众号【前端开发博客】每日更新