摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } .header label{ margin-right: 10px; } .header 阅读全文
随笔分类 - 工具
js 前端使用 prettier格式化scss
2022-03-28 11:07 by muamaker, 904 阅读, 收藏, 编辑
摘要：
一、使用 prettier 插件，在纯前端 格式一些代码 参加 https://prettier.io/docs/en/browser.html 二、这里以 scss 为例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t 阅读全文
谷歌快捷登录本地开发报错
2021-08-16 18:05 by muamaker, 1398 阅读, 收藏, 编辑
摘要：
一、使用谷歌快捷登录，配置了 http://localhost:3000 进行本地开发，结果报错为： [GSI_LOGGER]: The given origin is not allowed for the given client ID. 后来发现，要填两种： 阅读全文
lerna 大前端项目代码重用解决方案
2021-05-31 16:49 by muamaker, 1731 阅读, 收藏, 编辑
摘要：
在 react 或者 vue 项目里面，目前来说代码或者组件的复用，一般采用三种方式。 1、自己手动配置 webpack ，使用 HtmlWebpackPlugin 构建多个入口项目，共享一些代码组件。 缺点：需要对 webpack 掌握较好，多个 HtmlWebpackPlugin 导致热更新 打 阅读全文
移动端网页调试工具（Eruda）
2020-06-12 19:41 by muamaker, 2391 阅读, 收藏, 编辑
摘要：
一、Eruda 或者 vconsole.js Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、捕获XHR请求、显示本地存储和 Cookie 信息等等。 github 地址：https://github.co 阅读全文
前端 js 监听页面上所有的ajax 请求
2020-05-07 19:53 by muamaker, 7865 阅读, 收藏, 编辑
摘要：
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
原生 js 录屏功能
2019-12-06 14:22 by muamaker, 4066 阅读, 收藏, 编辑
摘要：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>在线屏幕录制</title> <style> body{ font-family: Arial; margin: 4vh auto; width: 90vw; max-width: 600px; text-align: center; } #contro 阅读全文
v8 引擎的内存
2019-10-17 22:38 by muamaker, 538 阅读, 收藏, 编辑
摘要：
一、nodejs查看内容使用情况： 单位为 Btye 转化函数： heapTotal 和 heapUsed 代表 V8 的内存使用情况。 external 代表 V8 管理的，绑定到 Javascript 的 C++ 对象的内存使用情况。 rss 是驻留集大小, 是给这个进程分配了多少物理内存（占总 阅读全文
利用 nodejs 解析 m3u8 格式文件，并下 ts 合并为 mp4
2019-09-26 10:40 by muamaker, 7777 阅读, 收藏, 编辑
摘要：
利用 nodejs 解析 m3u8 格式文件，并下 ts 合并为 mp4 以前看视频的时候，直接找到 video标签，查看视频地址，然后下载下来。。 后来发现，好多 video 标签打开元素审查，如下： blob开始的东西，下载不了啦。。。 其实我们打开 network 还是能看见，加载了一堆的 . 阅读全文
javascript 写一个ajax 自动拦截，并下载数据
2019-09-05 17:36 by muamaker, 656 阅读, 收藏, 编辑
摘要：
使用原生的 xhr 和fetch 拦截 还可以将这个拦截，写为一个浏览插件： 插件代码地址： https://gitee.com/muand/ajaxDown/tree/master/ajaxDown 阅读全文
前端移动端的rem适配计算原理
2019-07-17 17:52 by muamaker, 13246 阅读, 收藏, 编辑
摘要：
rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个 阅读全文
常用网站
2019-04-30 10:41 by muamaker, 322 阅读, 收藏, 编辑
摘要：
github: https://github.com/ segmentfault： https://segmentfault.com 开源中国 ： https://www.oschina.net/ 博客园： https://www.cnblogs.com/ 掘金： http://e.xitu.io/ 阅读全文
js写一个chrome 插件
2019-04-25 19:37 by muamaker, 4638 阅读, 收藏, 编辑
摘要：
访问网站的时候，最烦的就是一些弹窗和广告。于是，就想着能不能在访问特定网站的时候，执行一段js脚本，去除页面的广告。于是乎，好像 chrome 插件可以实现。 这里，以 百度 的网站为例 新建 simple01 文件夹： 内部文件结构如图： 主要是 manifest.json的配置： manifes 阅读全文
关于 div 的 contenteditable 使用，placeholder 和 复制图片显示并上传，按住 enter+ctrl 内容换行
2019-01-15 11:09 by muamaker, 2175 阅读, 收藏, 编辑
摘要：
当使用文本编辑的时候，首先会使用 textarea ,但是，这个里面不能加入其它标签，也就是不能富文本化。 于是可以使用 contenteditable 就是给 div 加上该属性。就变得丰富起来。使用的时候，发现有两个问题。 1、placeholder 无法正常使用，解决办法，是加上一段css： 阅读全文
原生js分页器插件
2017-11-26 21:20 by muamaker, 1262 阅读, 收藏, 编辑
摘要：
window.page = function page(ele, para) { this.ele = document.querySelector(ele); this.options = { count: 100, pageSize: 8, showPage: 5, ... 阅读全文
js多个异步请求，按顺序执行next
2017-10-27 14:28 by muamaker, 15173 阅读, 收藏, 编辑
摘要：
在js里面，偶尔会遇见需要多个异步按照顺序执行请求，又不想多层嵌套，，这里和promise.all的区别在于，promise或者Jquery里面的$.when 是同时发送多个请求，一起返回，发出去的顺序是一起；这里是按照顺序发请求 方法 一 、首先创建一个迭代器，接收任意多个函数参数 创建多个异步的 阅读全文
js文件分段上传
2017-10-13 14:25 by muamaker, 398 阅读, 收藏, 编辑
摘要：
前端代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999 阅读全文
js简易计算器底层运算逻辑(带撤销功能)
2017-08-29 18:53 by muamaker, 727 阅读, 收藏, 编辑
摘要：
1 2 3 4 5 6 7 8 9 0 + - * / = back 阅读全文
nodejs+websocket聊天工具
2017-06-27 12:22 by muamaker, 423 阅读, 收藏, 编辑
摘要：
该聊天工具，使用nodejs起服务，websocket前端页面，聊天工具，，可以有任意多的人数参与聊天，里面的用户ID为模拟ID。 先上图 文件夹结构， 1、安装ws模块，npm install ws 2、web.js文件，是Nodejs后端代码 2、添加客户端client.html 3、添加客户端 阅读全文
