20200206 前端开发日报

Angular ControlValueAccessor:自定义表单控件介绍与实战;Egg + React 实战日记本;你可能不知道的 JavaScript 模块化野史;JS手写bind函数;[深入12] 前端模块化;基于vue实现一个新型肺炎疫情动态Demo;web canvas — 实现环形进度条;整合 Django 2.x + Vue.js 框架快速搭建web项目

  1. Angular ControlValueAccessor:自定义表单控件介绍与实战 本文是学习 Angular ControlValueAccessor 过程中的笔记摘要,全文结构如下: 表单与控件介绍 – 通过日常在 Angular 中使用表单以及自定义控件的场景引出 ControlValueAccessor ControlValueAccessor API 介绍 – 介绍 ControlValueAccessor API 的细节 自定义表单控件实现 – 通过一个计数器…
  2. Egg + React 实战日记本 大纲 一、Egg.js 基础入门 1、Egg.js 开发环境搭建及生成项目目录讲解 2、理解 Egg.js 的路由机制 3、编写简单的 GET 和 POST 接口 4、Egg.js 中如何使用前端模板 二、React 编写日记界面 1、React 开发环境搭建接入 Ant Design Mobile 2、通过 vw 适配移动端方案 …
  3. 你可能不知道的 JavaScript 模块化野史 阅读提示: 本文很多外链需要科学上网访问 对于 JavaScript 新手,看到 "CommonJS vs AMD" 、"Requirejs vs Seajs"、"Webpack vs. Browserify"等这些可能会不知所措。 特别是在大部分浏览器都已经实现 ES6 模块化规范的今天,我们新开发的项目基本都是 ES6 搭配 Webpack …
  4. JS手写bind函数 1、已知 ES5 中 func.bind(context, 1, 2)(3, 4) 等价于 func.call(context, 1, 2, 3, 4) 请用 ES3 实现一个 bind 的 polyfill 在前端的面试中,经常会问到call, apply, bind方法的区别? call: fn.call(context, 1, 2, 3, 4) apply: fn.apply(context, ) bind: fn.bind(context, 1, 2)(3, 4) …
  5. [深入12] 前端模块化 () 小括号开头的前一条语句,小括号前必须加分号,或者在前一条语句结束时加分号 中括号…
  6. 基于vue实现一个新型肺炎疫情动态Demo 这2020年可真不友好,新年伊始就爆发了这么严重的疫情,看着新闻上每天增加的数字,想想都害怕。作为一个小小的程序媛,除了待在家为国家做贡献之外,能做也就是写写demo实时关注着动态了(其实也是看到掘金上有好多大佬也写了相关的例子,所以自己也想玩玩),希望有一天我们能战胜疫情,脱下口罩去闻最美的花香。 先上…
  7. web canvas — 实现环形进度条 var canvas = document.getElementById(‘myCanvas’); var ctx = canvas.getContext("2d"); var drawCircle = (o) => { ctx.beginPath(); ctx.lineWidth = o.lineWidth ctx.arc(o.x, o.y, o.radius, 1.5 * Math.PI, (1.5 + (o.angle * 2)) * Math.PI,false); ctx.lineCap = ’round’; ctx….
  8. 整合 Django 2.x + Vue.js 框架快速搭建web项目 在工作中我们经常须要构建一些基于web的项目,例如内部测试平台、运维系统等。本篇主要介绍如何使用后端Django + 前端Vue.js的技术栈快速地搭建起一套web项目的框架。 为什么使用Django和Vue.js? Django是Python体系下最成熟的web框架之一,由于Python语言的易用性和受众面广,Django框架也因其能够快速开发网站应用…
  9. Vue如何使用混合Mixins和插件开发 官网:混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项。 基础用法 // 这是在main.js根文件中使用,在组中使用也是一样 import Vue from ‘vue’; var mixin = { data() { return { …
  10. 从零开始配置 react + typescript(二):linters 和 formatter 继 从零开始配置 react + typescript(一):dotfiles 介绍了一些最先配置的 dotfiles,本篇将继续介绍 lint 工具 eslint,stylelint,代码格式化工具 prettier,用 husky + lint-staged 来实现每次 commit 时只 lint 修改过的代码,以及使用 commitlint 来规范化 commit message。 eslint Find and fix problems i…
  11. 纯前端15分钟从开发到上线,属于你的H5语音聊天室 本文使用的是腾讯云给出的游戏语音解决方案,个人开发者可以免费使用部分功能。 免费的真香2333 本文只使用了H5 SDK,只有最基础的语音聊天服务。还有更高级的空间音效,语音识别等功能,不过在Web没法用就是了… 不包含广告,可放心食用。 之前掘金有人疯狂发某云的组队广告,真的挺烦人的。 需要材料 …
  12. JavaScript 库一旦被安装几乎不会再更新 CDNJS(https://cdnjs.com/) 是在网页上包含 JavaScript 和其他前端资源的一种非常流行的方式。在 CDNJS 小组的许可下,我们从 CDNJS 请求中收集了匿名和汇总的数据,这些数据用于了解人们如何建立 Internet。今天,我们的分析集中在一个问题上:JavaScript库一旦被安装在站点上,是否还会更新? 让我们考虑一下 jQuery…

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

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


关注我

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

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

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