点滴

原创 【音】analyserNode web上如何获取麦克风的频率数据

web上如何获取麦克风的频率数据，主要还是使用AudioContext的API进行处理

原创 【音】chrome 获取媒体 enumerateDevices 详细信息

async function f () { let d = await navigator.mediaDevices.enumerateDevices(); console.log(d);}; f();非允许情况下是获取不到label详细信息的如果是允许情况下，可以获取到faceTime HD Camera获取详情可以访问这个地址 进行测试查看https://ibeege...

原创 chrome人脸监测，electron方案支持

这个功能默认是没有开启的，需要从这里开启chrome://flags/#enable-experimental-web-platform-features如果开启可以支持脸部、文本、条形码的识别FaceDetectorTextDetectorBarcodeDetectorFaceDetectorvar faceDetector = new FaceDetector({fastM...

原创 【音】MediaRecorder支持录制类型情况

最近有有需求，需要捕获用户的脸部表情以及上课的表现情况， 用于提供给AI部门进行算法练习，研究了一下mediaRecorder 录制streamvideo/webmvideo/webm;codecs=vp8video/webm;codecs=vp9video/webm;codecs=vp8.0video/webm;codecs=vp9.0video/webm;codecs=h264...

原创 axios 个人使用习惯分享

提起axios大家应该不陌生，如果有没用到过的可以先自行百度下。其实使用起来很简单，但是真正在项目里而且还需要用的很舒服，就需要自己包装下。先看下官方栗子const axios = require('axios');// Make a request for a user with a given IDaxios.get('/user?ID=12345') .then(functi...

原创 vue 项目按需加载配置

今天在沟通业务需求的时候，无意中发现了小伙伴的代码和平常写的有些区别，上代码这里是他的代码，import Home from '@/pages/Home'const Error = () => import('@/pages/Error')const Lesson = () => import('@/pages/Lesson')const Preview = () =&gt...

原创 前端工程师本地开发环境配置注意事项

前后端分离已经不是什么新鲜事件了，虽说仓库已经分开开发了，但是数据接口还是避免不了的，如何方面快速成功的调用到后台的服务也需要前端不断的get新技能，今天就分享一下前端本地开发环境的配置。可能涉及的知识点：1、后台：跨域、鉴权2、nginx 配置3、webpack 配置就拿 vue 项目 vue init webpack 创建的项目，以前的文章介绍过vue create 和 vue i...

原创 What's done cannot be undone.覆水难收

原创 前端错误信息定位问题总结

在真正的生产环境中，由于用户端的环境不可预知，所以会出现很多预料之外的情况，这里就需要前端小伙伴一方面考虑完善，另外一方面能够统计到用户端的异常错误情况（js报错信息）当然也包括用户端的信息都可以获取到。方便定位和复现问题。前端一般会用到https://sentry.io/welcome/这个第三方sdk 进行统计，这个不是今天的主题； 今天想说的是js错误信息的详细收集进入正题wind...

转载 【微信】公众号自定义菜单类型

1、click：点击推事件用户点击click类型按钮后，微信服务器会通过消息接口推送消息类型为event 的结构给开发者（参考消息接口指南），并且带上按钮中开发者填写的key值，开发者可以通过自定义的key值与用户进行交互；2、view：跳转URL用户点击view类型按钮后，微信客户端将会打开开发者在按钮中填写的网页URL，可与网页授权获取用户基本信息接口结合，获得用户基本信息。3、sc...

原创 用vue 创建工程或者是创建组件注意事项

背景：原来都是一直在使用react，现在换成了vue因为中途进来的项目，一直没有从头开始理清楚，今天花了一些时间梳理了一下。@vue/cli 全局安装就不说了这里主要说下创建vue组件和创建vue项目刚开始的时候一直在用vue create projectname每次创建之后发现和自己的工程结构不一样后来发现Usage: vue <command> [options...

原创 nginx如何设置用户访问限制

明天3月8号妇女节了，给项目组里面的唯一美女keke女生做了个相册，提前祝美女们节日快乐

原创 【react-native】android 打包方法记录

web前端发展到今天，可以说已经跨多个平台了， 从一开始的响应式页面，到现在的打包app，pcApp等等已经变为现实了，这个方式方式还是在4年前的方式，可能有新的版本了，或者新的方式。这块就回忆下怎么使用 react-native 打包app的步骤。不变的步骤版本：react-native-cli: 2.0.1react-native bundlereact-native bundle...

原创 ImageMagick高级教程整理

ImageMagick教程拼图montage ./*.png -tile 50x20 -geometry 32x32 icons.pngconvert image1.png image2.png image3.png -gravity south +append result.png -tile x轴50个 y轴 20个 -geometry 32x32 长宽 各32Image...

原创 export 和 import 常用技巧

export基本的两种用法：export function foo() {// ..}export var awesome = 42;var bar = [1,2,3];export { bar };function foo() {// ..}var awesome = 42;var bar = [1,2,3];export { foo, awesome, bar ...