- 博客(100)
- 资源 (36)
- 收藏
- 关注
RSS订阅原创 Chrome浏览器新功能：节省内存，更方便查询内存占用情况
Chrome浏览器一直被用户抱怨占用过多的内存，但是Google推出了Memory Saver功能来解决这个问题。该功能可以冻结不活跃的页面以节省内存。现在，Google正在进一步开发这个功能，Chrome的Hover Cards功能将很快可以显示当前标签页使用了多少内存资源。当用户把鼠标放在标签上时，就会显示当前页面的内存使用大小情况啦。
2024-03-01 16:54:07
514
原创 Web前端JS通过使用AudioWorkletNode() 获取 Video/Audio 视音频声道(左右声道|多声道)
在之前的博文【Web前端JS如何获取 Video/Audio 视音频声道(左右声道|多声道)、视音频轨道、音频流数据】中，介绍了通过使用AudioContext.createScriptProcessor()方法来获取视音频音轨（声道）数据。但由于W3C不再推荐使用该AudioContext.createScriptProcessor()特性。所以在不久的将来也许会从相关的Web标准中移除，也许正准备移除或出于兼容性而保留。
2023-12-18 10:38:01
554
原创 Web前端JS如何控制 Video/Audio 视音频声道(左右声道|多声道)、视音频轨道、音频流数据
本篇博文主要讲解：Web前端JS如何控制 Video/Audio 视音频声道(左右声道|多声道)、视音频轨道、音频流数据。如：实现各个 视音频声道(左右声道|多声道)的 独立音量大小、静音的控制。
2023-12-03 20:56:22
552
原创 Web前端JS如何获取 Video/Audio 视音频声道(左右声道|多声道)、视音频轨道、音频流数据
根据Web项目开发需求，需要在H5页面中，通过点击视频列表页中的任意视频进入视频详情页，然后根据视频的链接地址，主要是 .mp4文件格式，在进行播放时实时的显示该视频的音频轨道情况，并实时的将各音频轨道数据以可视化（响度跳表）的形式展现出来。
2023-12-03 18:01:04
1545
原创 JS模块化，ESM模块规范的 导入、导出、引用、调用详解
在之前的JS模块化的各种规范 之 CJS、AMD、CMD、UMD、ESM文章中，介绍了关于JS模块化的各种规范的区别和简单使用。由于ESM模块规范也是 ECMAScript2015（ES6）中的规范标准，在日常的Web项目开发、小程序开发、APP开发等都是很常用的，所以本文重点将 ESM模块规范中的 导出、导入、导出、引用、调用等，结合日常开发需求做进一步的介绍。
2023-11-03 18:23:51
1621
原创 Visual Studio Code官网下载、vscode下载很慢、vscode下载不了 解决方案
开发界的小伙伴们对于Visual Studio Code开发环境来可以说非常熟悉了，但由于在Visual Studio Code官网的下载速度非常的慢，即便开了代理也是一样的很慢、甚至下载被中断，几乎不能下载。。。
2023-10-19 15:44:07
4098
原创 Python自动化测试 环境搭建 Selenium、WebDriver下载、安装、配置、基本使用详解
Python自动化测试 环境搭建 Selenium、WebDriver下载、安装、配置、基本使用详解，基于Python语言 和 Selenium框架，使用PyCharm 开发环境，详细介绍自动化测试环境的搭建 以及 基本的使用方法。
2023-04-16 22:02:46
14063
1
原创 Uni-App 蚂蚁森林
仿支付宝-蚂蚁森林，给小树苗浇水逐渐成长到大树的过程，给小树浇水成长、给好友投票、加油、助力等。所有参数都可配置（如水滴值，树的类型、动画等）
2022-10-28 13:04:02
1840
原创 纯CSS 自定义radio单选按扭、checkbox复选框 默认样式
纯CSS 自定义修改原生html中的radio单选按扭标签、checkbox复选框标签的默认样式，选中之前、之后状态的颜色，边框色，选中动画等，可根自己的需要调整。
2022-09-29 17:52:04
3563
原创 Vite + Vue3 + Ts 解决打包生成的index.html页面 显示空白、报资源跨域、找不到资源、404-Page Not Found等错误
Vite3 + Vue3 + Ts 解决打包生成的index.html页面显示空白、报资源跨域、找不到资源、404-Page Not Found等错误。在用Vue3 + Ts进行项目开发，通过Vite进行构建打包后，直接在本地以文件系统的方式，用浏览器直接打开dist目录下的index.html文件访问时，浏览器页面显示空白、打开控制台后有报错、应该路径找不到对应的文件。
2022-01-04 19:18:10
21860
6
原创 TypeScript配置、tsconfig.json配置文件，TypeScript使用详解
TS，TypeScript配置文件，tsconfig.json配置文件详解，TS编译、TS配置、tsc编译
2021-12-30 22:30:16
6939
原创 Web前端 Js文件上传类型限制(根据文件头信息判断)
前言在Web项目开发过程中，文件上传功能几乎必不可少的，很多时候，我们在进行文件上传时，尤其是向普通用户开放文件上传功能时，一般都需要对上传文件的格式进行一些限制，以防止不良用户、黑客等将带有病毒脚本文件上传到服务器中，常见文件格式限制如下。1、通过input标签的accept属性进行限制我们可以通过HTML5中的 input file 标签的accept属性，根据自己的需求，在选择上传文件的时候，指定可见的文件类型格式（默认任意类型 ）来进行限制。实例代码：<input type="fi
2021-12-29 00:39:33
8960
原创 Web前端 input file 文件上传优化
前言：在Web开发过程中，当项目做得越来越大时，文件上传功能也会被使用得非常多，之前项目经理反馈一个问题，就是当点击[选择上传文件]按扭时，弹出文件浏览框总是很慢，点击上传按扭后，要很久文件选择窗口才能弹出来，经过一翻折腾，后来发现是因为input file类型的标签中 没有限制指定可上传的文件类型 accept="*" (默认全部类型)。所以它会检索全部类型，从而导致在弹出文件选择窗口时慢的问题。然而，在HTML5中使用 input file控件 选择上传文件的时候，根据需要可限制指定的文件类型
2021-12-02 18:06:03
6519
原创 编辑器，在线编辑器，微信编辑器，公众号编辑器，UEditor编辑器
wxEditor 微信公众号编辑器wxEditor是基于UEditor UTF8-PHP v1.4.3版，进行二次开发的（微信公众号编辑器也是UEditor二次开发的）一个，符合编辑发布文章 到 微信公众号上的在线图文编辑器。打造一个符合编辑发布文章 到 微信公众号 的在线图文编辑器！修改以前不足，提高用户体验，增添强大功能。实例地址：https://muguilin.github.io/wxEditor实例效果：QQ音乐在线搜索网络视频、本地视频网络图片、本
2021-09-30 17:08:54
1766
原创 如何在VS Code中运行C或C++程序
前言众所周知，VS Code源代码编辑器，是目前最为流行的代码开发工具之一，特别受到Web前端开发者的青睐，当然还有大名鼎鼎的HBuilder X也是非常给力的，我们可以根据自己的需要去选择。由于在最近的项目中有个功能需要在C++语言中完成，本来想用Visual Studio IDE来做，但考虑到软件太重，所以就用VS Code来做，可是VS Code默认是不能编译C/C++代码的，现将在VS Code中运行C或C++程序的方法做如下记录。一、C/C++代码提示、高亮扩展的安装首先要在VS Code
2021-08-26 17:44:07
25630
5
原创 在umijs中的.umirc.ts文件常用配置 和 postcss-px-to-viewport插件的配置
它是 PostCSS 的一个插件，它从像素单位生成视口单位（vw、vh、vmin、vmax）。PostCss-Px-To-Viewport 插件可将css中的px单位 自动转换 成viewport（vw/vh）单位npm地址：https://www.npmjs.com/package/@ttou/postcss-px-to-viewport1、安装postcss-px-to-viewport插件npm install -D postcss-px-to-viewport或：yarn add.
2021-07-01 15:04:17
5064
原创 浅谈服务端渲染(SSR) 与使用场景
什么是SSR(服务端渲染)MUA？SSR是Server Side Render的缩写，简单来讲：服务端渲染 就是网页上面呈现的内容在服务器端就已经生成好了，当用户浏览网页时，服务器把这个在服务端生成好的完整的html结构内容响应给浏览器，而浏览器拿到这个完整的html结构内容后直接显示(渲染)在页面上的过程。SSR(服务端渲染)是如何出现的？其是 SSR服务端渲染 早就有了，或者是说，在CSR(客户端渲染) 没有出现之前，以前的Web网页都是服务端渲染，如：JSP，ASP，.NET，SMARTY等等是
2021-05-31 22:40:45
2504
原创 基于Koa+socket.io 与 Angular+socket.io-client 前后端分离(socket端口共用、跨域处理、命名空间等)搭建聊天室
前言在之前的一个项目中，后来的新需求是要求有实现一个实时通迅的聊天室，由于之前的技术栈的选型，后端是用Koa2 + TypeScript3 + MongoDB4，前端是用Angular10 + ng-zorro-antd10组成的一个前后端分离项目，所用只能在此基础上进行开发。说到实时通迅，首先就想到的是用WebSocket来做，但由于原生的WebSocket服务端实现起来较为繁琐，所以刚开始就用第三方封装好的koa-socket来实现可是出现各种问题，后来又用koa-socket-2也是四处碰壁，也是
2021-02-28 22:38:34
649
1
原创 纯前端 HTML+JS版, Vue.js版 二维码：生成、扫描、识别、解析、扫一扫
前言最近在公司的一个WebH5项目中，有个生成二维码 和 识别二维码的需求（要脱离微信环境、微信JS-SDK，微信小程序、微信受权，[就是可以在普通的浏览器中运行]），要求可以在PC端、移动端。关于二维码生成：相信大家做过，直接用的 qrcode.js、vue-qr 等前端库就可以实现比较简单。关于二维码识别：之前都是在微信环境中开发的，一旦脱离微信环境就用不了，所以现在正好项目有这个需求，经过一翻折腾实现了在PC端，移动端的二维码识别解析功能。该Demo功能共分为：HTML版 和 Vue版 两个版
2021-02-26 18:36:07
11527
49
原创 JS模块化的各种规范 之 CJS、AMD、CMD、UMD、ESM
主要是现实代码可复用，拥有独立的作用域，防止全局污染，提高开发效率、降低维护成本等等。有了模块后，我们就可以根据相应的需求加载对应的模块，想要什么功能，就加载什么模块，npm就是最大的模块仓库。尽管如此，在早些时候，JS模块化规范还是出现了多种规范。幸运的是，现在及将来，趋势将是ES6中原生支持的ESM规范一统江湖。
2021-01-21 11:21:09
3732
原创 逆地理编码Web API，根据经伟度坐标获取地址、周边POI
Demo说明：根据输入的经伟度坐标，查询获取对应所在地址位置；可通过该功能，将结构化地址（省/市/区/街道/门牌号）解析为对应的位置坐标，逆地理编码服务提供将坐标点（经纬度）转换为对应位置信息（如所在行政区划，周边地标点分布）功能，服务同时支持全球行政区划位置描述及周边地标POI数据等。逆地理编码：逆(反向)地理编码是将点位置（纬度、经度）反向编码为可读地址或地名的过程。这允许识别附近的街道地址，地点和/或区域细分，例如社区、县、州或国家。与地理编码和路由服务相结合，反向地理编码是基于移动.
2020-12-21 20:25:09
946
1
原创 Web前端本地开发、接口联调，浏览器API跨域问题解决方案
现在前端项目开发过程中，大部分的项目都是前后端分离的（就后端开发用 如：PHP、Java、Go 等语言 + 数据库进行开发，只提供API接口数据，而前端开发用 如：Vue.js React.js Angular.js 框架进行开发，前后端业务交互用Ajax请求API交互数据。在项目开发初期，一般都是前端开发人员都先在本地进行开发(就是还没打包构建时)，所以前后端进行联调的时候就会出现一个常见的问题，那就是Ajax请求跨域问题。其实前端和后端是不存在跨域的，而是前端在通过浏览器请求访问时，浏
2020-12-18 22:18:27
2046
2
原创 mongodb官网下载不了， MongoDB下载、安装、配置、使用，如何下载MongoDB数据库，MongoDB入门
MongoDB 是由C++语言编写的，是一个基于分布式文件存储的开源数据库系统。MongoDB 可在高负载的情况下，添加更多的节点，可以保证服务器性能。MongoDB 可为Web应用提供可扩展的高性能数据存储解决方案。MongoDB 将数据存储在灵活的json文档中，这意味着可以直接得到从文档到文档的数据、结构等。MongoDB 是免费使用的（MongoDB分 社区版[在所有环境下都免费] 和 企业版[在开发环境免费，生产环境收费]两个版本）。MongoDB 数据库具有可伸缩性和灵活性，
2020-11-21 19:18:46
189042
26
原创 微信H5、网页、内置Web浏览器 清理缓存，微信浏览器缓存
写在前面：网页浏览器为什么要有缓存浏览器缓存（baiBrowser Caching）？我们都知道，在浏览器中打开一个网址时会经过：URL 解析 -> DNS 查询 -> TCP 连接 -> 处理请求 -> 接受响应 -> 渲染页面等一系步骤后，并且在不出任何(如，网速太慢，突然断网，服务器出错，代码出错等)意外的情况下，页面内容才能正常的展现在我们眼前。而且在网页中所加载各种资源，都要建立HTTP连接，客户端(浏览器) 和 服务器要经过三次握手，四次挥手，再经过DO
2020-10-30 19:20:02
23609
原创 在Windows平台上搭建Flutter环境、创建Flutter项目、flutter doctor报错、配置环境变量 等 解决方案
极速构建漂亮的原生应用Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。Flutter中文官方文档：https://flutterchina.club一、下载安装Flutter SDK1、下载地址：https://flutter.dev/docs/development/tools/sdk/releas..
2020-10-23 23:52:33
1686
原创 在Windows平台上搭建React Native环境，RN相关报错处理，yarn android启动不了等解决方案
React Native 中文文档：https://reactnative.cn/docs/getting-started.html一、安装JDK (Java SE Development Kit (JDK))下载地址：设置环境变量测试安装：javac 或javac -version二、安装 Android Studio下载地址：设置环境变量三、安装Node.js下载地址：测试安装：node -v四、react-native-cli 脚手...
2020-10-20 11:18:22
3895
3
原创 Git 使用笔记
一、Git的基本概念1、什么是版本控制？版本控制是指对软件开发过程中各种程序代码、说明文档等文件的变更进行管理，它将追踪文件变化，记录文件的变更时间、变更内容、甚至变更执行人进行记录，同时对每一个阶段性变更（不仅仅只是一个文件的变化）添加版本编号，方便将来进行查阅特定阶段的变更信息，甚至是回滚。2、什么是版本库？版本库又名仓库，英文名repository，你可以简单理解成一个目录，这个目录里面的所有文件都可以被Git管理起来，每个文件的修改、删除，Git都能跟踪，以便任何时刻都可以追踪历史，或
2020-09-28 11:28:11
776
原创 Webpack 快速入门
Webpack 快速入门 1、webpack简介2、安装webpack2.1、环境准备2.2、全局安装 不推荐2.3、项⽬(局部)安装 【推荐】2.4、检查安装情况2.5、webpack升级3、构建webpack项目3.1、 创建项目文件夹、安装webpack依赖3.2、准备执行构建目录和文件3.3、执行构建（执行打包）3.4、构建成功3.5、默认配置4、webpack配置核心概念4.1 先来体验一下修改webpack.config.js配置后的效果Webpack 配置项1、webpack简介webpa
2020-09-28 10:16:11
155
原创 nvm安装，nvm的使用，nvm常用命令，nvm安装node报错，nvm切换不了，等系列集合
在Web前端项目开发过程中，由于各种前端框架、插件 以及 Nodejs、Npm 的飞速更新，在项目新开发 或 对老项目进行更新维护时，有些项目版本的配置 和 当前Node、Npm环境不匹配，导致运行报错，甚至都无法启动。Nvm的出现就是为了解决以上问题的，Nvm是一个Node.js版本管理器 ，为了解决Node各种版本存在不兼容问题，Nvm其实是让你在同一台机器上根据需要，安装 或 切换项目所对应的Node版本来适配项目。
2020-08-01 14:51:11
39573
11
原创 你不知道的CSS！
在Web开发中，做为前端开发人员来说，切图、写样式、页面布局这些都最基础的，也是必须要会的，但在实际开发过程中，除了一些常用的CSS样式属性以外，还有些CSS样式属性不经常用，但是却很实用，而长时间不用就会忘记，所以在这里总结一下，以后用到时方便查阅。
2020-07-31 15:51:32
1653
1
原创 react、create-react-app装饰器 运行环境配置
装饰器是es6提出来的草案，装饰器又可叫修饰器（Decorator）是一个函数，用来修改类、属性、方法等的行为。decorator 是 ES7 的一个新语法，他可以对一些对象进行装饰包装然后返回一个被包装过的对象。如果要在react项目中使用装饰器，需要配置一下运行环境。1、暴漏 create-react-app 脚手架配置文件。yarn eject2、安装依赖yarn add @babel/plugin-proposal-decorators -D3、修改package.json文件.
2020-07-30 18:02:26
433
原创 Vue-next 探究
前言由于最近公司项目甚多，现在终于有点时间了，所以去看了一下vue-next（下一代vue.js 3.0），相信不久的将来vue3.0很快就要发布出来了。这次是用TypeScript重构的，里面也新增了很多特性，如CompositionAPI，修改了数据响应式的实现方式等等，好的一点就是它是完全兼容2x的写法，而且在性能和速度上有显著的提升。相关链接vite：https://github.com/vitejs/vitevue-next：https://github.com/vuejs/vue
2020-07-24 15:26:35
1005
原创 科大迅飞语音听写（流式版）WebAPI，Web前端、H5调用 语音识别，语音搜索，语音听写
前言由于公司有个Web项目需要用到语音搜索功能，找了一些第三方库都不太理想，要么语音识别速度很慢，要么不能精确识别等等，最后选择了迅飞语音（迅飞语音听写（流式版）WebAPI）。迅飞语音相对来说做得还是比较成熟了，不过是收费的，是按照调用API次数来收费，但是有试用次数，新用户注册每天有500次调用次数，用户实名认证后每天有15万次调用次数（不定期会有活动，推荐购买正式版）。讯飞语音相关的产品还是比较全面的，根据项目需要这次用的是迅飞语音听写（流式版）WebAPI，官网有不同平台的Demo和SDK，
2020-06-13 18:08:35
11798
38
原创 微信H5、移动端自定义弹窗事件穿透、底层页面滑动解决方案
前言之前有个项目是运行在移动端Web，和微信H5中，由于默认的弹窗UI不太好看，而且还不统一，所以页面需要自定义弹窗，添加icon、提示信息、操作按扭等样式。问题描述：如果在页面内容的高度超过了可视区就会出滚动条，这时触发示显弹窗就会出现页面的穿透事件，在弹窗上滑动时 或弹窗中还可以滑动时滑动，这时底层原页面也会跟着滑动，并且如果刚好点击到底层原页面的某个功能按扭也会触发其事件。解决办法：1、使用fastclick.js插件库，下载地址：https://www.bootc...
2020-05-12 15:52:51
1568
转载 面试 HTTP ，99% 的面试官都爱问的问题
HTTP 和 HTTPS 的区别HTTP 是一种超文本传输协议(Hypertext Transfer Protocol)，HTTP 是一个在计算机世界里专门在两点之间传输文字、图片、音频、视频等超文本数据的约定和规范HTTP 主要内容分为三部分，超文本（Hypertext）、传输（Transfer）、协议（Protocol）。 超文本就是不单单只是本文，它还可以传输图...
2020-05-01 21:31:00
382
原创 Vue form-create的基本使用 和 自定义表单组件的数据通迅
form-create具有动态渲染、数据收集、校验和提交功能的表单生成器。轻松搞定 form 表单,让你不再为表单而烦恼form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。hidden、input、inputNumber、checkbox...
2020-04-30 18:16:01
39461
13
原创 Angular11(Cli) 在打包 ng build 后的常见问题处理方案
前言：我自认为，到目前为止 Angular 框架始终保持着前端框架领域中的龙头老大位置，虽然在前端框架领域中有很出色的React.js和易上手的Vue.js框架。从使用以上3个框架的情况来看，我个人更喜欢Angular，尤其是在支持使用TyptScript以后，当然React和Vue都有，而且各个框架都有自己的特色，所以在选择时要根据项目大小、需求等方面来选择合适的前端框架，这里就不多说了...
2020-04-21 15:10:17
9624
1
原创 UEditor 百度编辑器 工具栏 新增自定义按钮及功能
由于项目中用到了强大的UEditor富文本在线编辑器，因项目相关功能需求，而在UEditor编辑器原有的功能插件中没有我们想要的功能，所以就要在UEditor中新增一个(多个方法也一样)按扭并添加相应的功能。经使用以后总结，大概有如下两种实现方法。说在前面的：UEditor下载地址：http://ueditor.baidu.com/website/download.htmlU...
2020-04-20 20:28:19
3996
2
原创 微信公众号 带参数 跳转到小程序
由于项目需求，要在微信公众号的菜单栏中点击某个菜单后，跳转到小程序的某个活动详情页中，但活动详情页之前是在活动列表中打开的（所以带上的活动ID到详情页），这样详情中，就可以跟据活动ID请求后端API获取相关详情数据啦。但现在是要从微信公众号的菜单栏中跳转到小程序，所以有就要公众号自定义菜单中设置好跳转路径和参数。如：pages/activityDetail/activityDetail?i...
2020-03-20 19:07:18
11925
5
原创 JS打开新窗口 window.open() 隐藏菜单栏、工具栏，配置窗口大小、滚动条等，window.open()参数详解
项目中一些页面，在有的时候需要在一个新窗口中打开，又不想在新窗口显示太多可操作信息，如隐藏菜单栏、工具栏、配置窗口大小、滚动条等。先看看效果：1、【这是没隐藏菜单栏等界面】2、【这是隐藏菜单栏、工具栏等界面】注：经测试大部分都功能都可配置，但隐藏地址栏无效location=no，因为一些浏览器会强制新窗口始终渲染位置栏！原码实列：<...
2020-03-16 15:45:26
12680
2
测量音频节目响度和真正峰值音频电平的算法
2024-03-04
Web媒体之视音频轨道数据解析
2023-12-03
Web3D，WebGL，WebGUP，Web3D是一种利用Web技术创建和展示3D场景和模型的技术
2023-05-16
ReactJS快速入门.pdf
2021-06-10
聚类分析的方法及应用
2020-12-26
机器学习实战之分类算法.pdf
2020-12-26
AxureRP-Setup_9.0.0.3696.exe
2020-10-16
SVN使用基本操作.ppt
2020-10-16
抓包工具Fiddler使用分享.doc
2020-10-16
Web前端项目开发规范 .pdf
2020-10-16
⼗招搞定 MySQL ⼤规模数据库的性能和伸缩性优化
2020-10-16
rem.js 移动端 H5 解决各种机型适配问题的js
2020-04-20
jquery.from.min.js
2016-09-30
jq条形码+二维码生成+Canvas动态背景
2016-07-14
根据地图位置获取经伟度坐标
2016-05-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人