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() { ...

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

原文:20200531 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20200531.html)