- 博客(28)
- 收藏
- 关注
RSS订阅转载 Common JS、AMD、CMD和UMD的区别
一、CommonJS1.CommonJS API定义很多普通应用程序（主要指非浏览器的应用）使用的API。它的终极目标是提供一个类似Python，Ruby和Java标准库。CommonJs 是服务器端模块的规范，Node.js采用了这个规范。2.这些规范涵盖了模块、二进制、Buffer、字符集编码、I/O流、进程环境、文件系统、套接字、单元测试、违背、服务器网关接口、包管理等。3.根据Com...
2020-01-06 15:01:29
1353
1
原创 openssl生成ssl证书（笔记）
确保安装的openssl1.生成私钥文件openssl genrsa -des3 -out server.pass.key 2048//执行过后会提示输入密码，记住密码下一步去除2.去除server.pass.key中的密码openssl rsa -in server.pass.key -out server.key//输入上一条命令的密码，生成key文件3.生...
2019-11-07 10:06:35
890
原创 JS如何获取图片完全加载后信息
很多情况下我们希望在onload事件中返回一个值，例如我们在图片加载完以后返回一些图片的信息 const image = new Image(); image.onload = function () { ... return ... }; image.src = url; 如果我们直接返回的话都知道是return不出来的，我之...
2019-07-08 21:44:31
4844
4
原创 用JS getUserMedia调用摄像头展示上传
前言 最近接手一个需求，页面上调用设备摄像头将拍摄的内容实时展示，用户可以随时截图上传，描述起来觉得挺简单，实际做了不少工作，特此记录。getUserMedia使用环境 目前获取摄像头流推荐的API是navigator.mediaDevices.getUserMedia，很多刚接触的小伙伴可能会发现自己的navigator找不到mediaDevices这个对象，如果你出...
2019-06-03 22:05:11
1370
转载 webpack打包fonts时错误css文件路径导致报错
项目在公共的css中引用了font-awesome，开发过程中并没有什么问题，在build以后发现路径错误@import url(./font-awesome.min.css);原本期望的引用路径是 dist/static/fonts/***打包后的实际引用变成dist/static/css/static/fonts/***解决方案在build/utils的ExtractT...
2019-05-15 10:09:38
1621
3
原创 【linux】记一次CentOS 报错：There are no enabled repos
报错情况安装的时候，就报错There are no enabled repos，yum list可以查出数来，yum repolist显示仓库的时候是0。我的解决方法cd /etc/yum.repos.d 看是不是都是这样的名字，之前由于我也不知道操作了什么，有一个文件被我加了.bak，更改名字以后执行yum grouplist就可以...
2019-05-14 14:50:28
8478
2
原创 Uncaught (in promise) DOMException
Chrome浏览器调试的时候，在调用 videoElement的play()方法时，控制台抛出Uncaught (in promise) DOMException，觉得很奇怪因为我在其他页面看演示的时候play()是可以调用的，但是也找到了解决的方法。 在Chrome浏览器地址栏输入chrome://flags/#autoplay-policy将Default更...
2019-05-08 21:27:05
6838
原创 Vue中ECharts 响应式改变
在使用echarts时，因为绘制完成的canvas大小不能随着浏览器窗口大小在动态改变，目前我的解决方案是在挂载的时候监听窗口大小改变 mounted() { window.onresize = () => { } }然后在初始化echarts时将echartsInstance保存 // ...省略配置 const iaChart ...
2019-04-17 21:27:32
2707
原创 VS Code汉化与代码格式化
1.Visual Studio Code 汉化对于我等英语渣渣来说VSCode不汉化简直浑身难受，摸索摸索也发现VS Code插件的强大，在软件的左边有四个选项，最下边的就是扩展插件（Mac快捷键：shift + command + x），然后在搜索框里输入Chinese Language，找到下图中的下载完成以后，快捷键 command + shift + p选择...
2019-04-10 18:00:10
353
原创 基于webpack4搭建Vue服务端渲染（SSR）
前言 了解服务端渲染是偶然间一位朋友问了我Nuxt.js的问题，孤陋寡闻的我竟然不知道服务端渲染是什么！赶紧利用空余时间充电，了解大概后觉得正好能解决我当前正遇到的问题，随着我项目的功能逐步扩展首屏加载白屏越来越明显，正好利用这个机会看能不能做些优化，当然服务端渲染能带来的好处不仅限于此，如果当你看到这篇博客的时候你还不了解服务端渲染，那我建议你可以先看看搜索引擎优化_百度百科，当然随着现...
2019-04-08 22:28:26
1735
原创 nodejs调试工具 node-inspector
1. 安装 node-inspectornpm install -g node-inspector2.执行监听命令node --inspect-brk listening.js有些教程用--inspect，更多详情可以去官网查看Debugging - Getting Started3. 开始监听 打开Chrome浏览器，在地址栏输入chrome:...
2019-04-01 10:34:14
2152
原创 css颜色的渐变百分比 linear-gradient
在最近项目过程中，用到了css3的渐变，之前用过很多次渐变，对于使用方法上很简单，本篇文章只研究线性渐变。语法background: linear-gradient(direction,color-stop1,color-stop2, ...);对于第一个参数direction，渐变的方向也可以是角度，非必输项默认从上到下（0deg，可能有些浏览器采用标准不同会有差异...
2019-03-21 11:23:01
10565
1
原创 JS数组去重filter、reduce
今天看到一道面试题是用数组的filter、reduce方法来做去重，很有意思的题目。先来看一下filter方法，filter过滤简单说就是返回一个满足条件的对象集合，刚开始我在想怎么设置这个过滤条件呢？我们先看filter回调函数中的参数filter(callback(element[, index[, array]])[, thisArg]) element当前处理元素，...
2019-02-26 14:50:01
2444
原创 基于Vue CLI 3的webpack配置简解
最近在学习写TypeScript时，tsc编译后ts文件老是报变量占用的错误，后来配置tsconfig.js编译到不同的目录可以了，但是每次更改都要手动编译好麻烦，就想自己配置一个webpack开发环境，之前用脚手架都不清楚具体配置，参考Vue脚手架配置，这篇博文也是基于Vue的配置总结。npm命令 回忆一下我们在使用webpack的时候，打包的时候一般命令都是 webpac...
2019-02-20 14:52:44
13375
3
原创 研究MouseEvent中的clientX、offsetX、pageX、screenX
很多时候需要在鼠标点击的时候获取点击的坐标来处理一些逻辑，有时候clientX、offsetX、pageX用的也不清楚，特此做了一个实验来记录。1.含义clientX 提供应用程序客户区域内发生事件的水平坐标（与页面内的坐标相对） offsetX 鼠标指针在该事件与目标节点的填充边缘之间的X坐标中的偏移量 pageX 相对于整个文档的左边缘单击鼠标的X（水...
2019-01-28 17:19:10
2542
1
原创 fullcalendar.js添加农历、节日展示
效果如图## fullcalendar改造说明项目中日期插件用的是fullcalendar，由于插件本身不支持使用农历、节日展示所以对fullcalendar进行了修改，当你重新安装是需要手动去修改源码,修改内容如下* 1、在fullcalendar.js之前引入lunar.js > lunar.js是一个计算农历和各种节假日的第三方js，需在fullcalend...
2018-11-08 21:42:41
7252
16
原创 前端图标字体库-Font Awesome
我在做项目的时候会有些地方想放置一些小图片，开始会去网上找一些合适的小素材，直到接触了字体库才觉得可以这么方便而且体积小没有js依赖。fontawesome中文网，这个我并不想过多的介绍因为官方的文档已经介绍的非常详细，而且这个字体库在使用起来特别的方便。 赠送一个问题，在开发vue项目的时候，想再浏览器标签上展示ico图标的时候会发现虽然请求成功但是展示不了，需...
2018-10-30 21:39:04
655
原创 Mac录制屏幕转GIF
之前看其他博主的博客时，有动态的操作演示图觉得很直观，就研究了一下，操作系统基于macOS，需要下载准备的工具Photoshop，下面介绍操作流程。1.QuickTime Player QuickTime是一款拥有强大的多媒体技术的内置媒体播放器，我们在需要使用它的屏幕录制功能，苹果自带如果找不到就用spotlight搜索QuickTime，打开软件 => ...
2018-10-29 22:04:51
3096
原创 js生成二维码信息
昨夜突发奇想，想试一试在js前端生成二维码信息，大致的了解一些二维码的原理传送门，有想了解可以点击看一下，今早就想试一下实际操作，感叹好多写博客的自己是不是都不尝试啊，顾自己总结自己实现的方式，希望可以帮到需要的同学。1.简单粗暴（QRCode.js） QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 C...
2018-10-16 15:14:11
3085
原创 JS事件—unload、beforeunload
unload和beforeunload是在窗口卸载的时候会触发，可以在用户刷新或者关闭窗口的时候处理一些逻辑，如果在两个事件监听中添加 alert、confirm、prompt会忽略，所以我们想提示用户或者想调试一下这种方法是不可行的，要是在事件中添加debugger，窗口关闭的时候可以跟进断点，但是刷新的时候断点也被忽略了。废话少说直接上测试代码//以两种方式去绑定事件，事件触发写...
2018-10-10 21:46:42
28511
原创 JS-学习API记录
命名不分先后，根据自己平时遇见陌生但又觉得挺有意思的记录。1、isFinite 检查是否为有限数字，这个可以用来检测对象是否为数字，如果为字符串的话会尝试转换成数字。2、MathMath.abs() 可传入number 求其绝对值toFixed() 四舍五入保留数值 （这个不是Math函数，应用在NumberObject上）3、Array.prototype.re...
2018-09-13 22:26:42
173
原创 openCV.js简单几个demo（2018-09-08）
在做项目中，后台是基于openCV获取图像帧进行处理，所以我就好奇去看看是否有openCV JS端的库，传送门OpenCV.js教程，虽然最后没选用，但是我还是贴上官网的demo记录一下。1、视频的渲染 所有的demo视频源均通过MediaDevices.getUserMedia()获取本机摄像头，左侧videoInput为video展示的原视频流，右侧canvasOu...
2018-09-08 13:34:44
18451
7
原创 一周工作总结（2018-08-26）
这周主要是在实践视频推送的代码，沿用了上周调研的技术思路去做，后台通过python opencv模块去获取摄像头视频每一帧，进行byte转换和组装成一个包数据，做为websocket客户端向服务端进行推送，服务端拆解包信息在进行完整的分发。一开始是想通过字节推送到web端转换成图片进行展示，但是本人对字节技术理解肤浅没有拆解出来还会去研究，所以就在服务端转成base64进行推送，这个主要问...
2018-08-26 13:35:51
420
转载 视频直播技术调研（2018-08-20）
以下截图来自我参考云栖社区作者文章整理的PPT原文地址：https：//yq.aliyun.com/articles/63040？spm = 5176.11065265.1996646101.searchclickresult.30faffeeqzJy2D 以下为本人实践参考代码，如有需要的请参考 https://github.com/phoboslab/jsmpe...
2018-08-20 09:28:46
577
原创 Vue项目搭建（2018-08-11）
对于Vue的学习，我一开始就是在官网上看看API，后来越看越迷糊，干脆直接先搭起来一个项目边实践边学习（每个人都有自己适合的学习方法）直接开始我搭建项目的过程和心得。首先电脑要安装node环境，如不了解请自行搜索安装，我在搭建项目的时候使用的是vue-cli，这个是一个脚手架它可能有很多用途，我目前使用这个来快速的搭建一个新的Vue项目，安装命令 npm install --glo...
2018-08-11 15:45:21
1711
原创 git使用笔记-持续更新
这属于我使用git自己的总结，指令太多好记性不如烂笔头。git init 把这个目录变成Git可以管理的仓库。 git add git commit -m "注释" git log git reflog git reset --hard commit_id git status git checkout -- file git reset HEAD <file>...
2018-08-05 21:06:45
145
原创 一周工作总结（2018-08-03）
1.form表单 首先是form可以提交的标签类型， input、textarea、select对于input[type=submit]的只有被点击的一个value值才会跟随表单提交。可触发表单提交的三种标签：<input type='submit' /><input type='image' /><button></button>...
2018-08-03 17:50:52
1816
原创 css选择器-特殊性
首先理解为什么要有特殊性，元素在选择的时候有多种选择方法，会出现同一个元素被多个规则选中，所以怎么知道元素对应的哪个规则就使用到了特殊性，也就是选择器的优先级。特殊性值表述有四个部分 如：0100、0001，0100比0001要大所以优先级高。那我们来看每个选择器对应的值ID选择器 ----------0 1 ...
2018-07-19 14:39:06
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人