- 博客(80)
- 收藏
- 关注
RSS订阅原创 taro 支持less或者stylus增加全局变量和mixins
作者感觉挺强的,给了starhttps://github.com/Binbiubiubiu/taro-plugin-style-resource安装 taro-plugin-style-resourcenpm i taro-plugin-style-resource# yarnyarn add taro-plugin-style-resource使用插件/config/index.jsconst path = require("path");// 示例, 如果你...
2022-04-05 13:11:33
2064
转载 滑块验证码 拼图凹槽和滑块的实现
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &...
2022-03-05 10:15:48
317
原创 ffmpeg
一.ffmpeg推流命令ffmpeg -re -i /Users/WX/Desktop/login_video.mp4 -vcodec libx264 -acodec aac -strict -2 -f flv rtmp://localhost:1935/rtmplive/room复制代码WX:电脑用户名 login_video :推流的视频名上面这两点可以根据自己的需要修改复制代码二.用ffmpeg推流桌面以及推流摄像头进行直播#####1.如果希望将桌面录制或者分享，可以使用
2021-12-10 00:24:30
198
原创 微信公众号H5分享的坑
1. 先注册js api白名单jsApiList:[ 'updateAppMessageShareData', 'updateTimelineShareData', 'onMenuShareAppMessage', 'onMenuShareTimeline', 'onMenuShareQQ', 'onMenuShareQZone']2. wx.updateTimelineShareData 和 wx.updateAppMessageShar.
2021-09-10 17:21:24
770
1
原创 nodejs 优雅的中断服务
process.once('SIGTERM') // shell kill -9 退出 process.once('SIGINT') // ctrl+c 退出 process.once('uncaughtException') // error process.once('unhandledRejection') // promise catch error监听以上几个服务然后关闭 service.close()如果执行关闭服务正常 那就process.exit(0) 正常退出如果有e.
2021-07-22 16:20:18
906
原创 centos 安装redis
https://redis.io/download按照官网下载https://www.cnblogs.com/mengjinluohua/p/6181025.html需要修改配置,注释ip绑定 和设置默认密码还需要注意服务器端口6379 防火墙规则配置中文显示问题:可以在redis-cli 链接时候加个--raw 参数...
2021-07-22 10:53:46
91
原创 FIFO-Cache
class Cache { constructor (limit = 5) { this.limit = limit this.map = {} this.keys = [] } set (key,value) { let map = this.map let keys = this.keys if (!Object.prototype.hasOwnProperty.call(.
2021-07-22 09:24:35
370
原创 如何在浏览器获取摄像机画面和语言
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> &l.
2021-01-26 17:57:08
171
原创 2021 目标
2020 年真的是不平凡的一年一切都好像做梦一样,包括自己的生活也是一样.2月份换了公司, 进公司一直在忙淘宝小程序开发,(一直加班,还一直没什么进步,感觉公司没有什么让我有成长的地方,想走了)2020 知识积累1. 接触了小程序云开发,serverless(还是没有微信小程序项目 泪目啊)2. 断断续续 学了点blender (能做一些单色低面模型,没有美术功底,3d还是感觉很迷茫的)3.接触了一些游戏引擎开发制作 laya ,cocos 和egret .unity3d. 跟着教程
2021-01-13 13:17:51
248
原创 Rust 常用命令
安装curl --proto '=https' --tlsv1.2 https://sh.rustup.rs -sSf | sh查看版本rustc --version升级rustup update卸载$ rustup self uninstall查看cargo 版本cargo --version新建项目cargo new hello_cargo构建项目cargo buildcargo build --release //打包生产环境运行项目cargo run
2020-11-25 10:50:46
3106
原创 判断JS数据类型的四种方法
在 ECMAScript 规范中，共定义了 7 种数据类型，分为 基本类型 和 引用类型 两大类，如下所示：基本类型：String、Number、Boolean、Symbol、Undefined、Null引用类型：Object基本类型也称为简单类型，由于其占据空间固定，是简单的数据段，为了便于提升变量查询速度，将其存储在栈中，即按值访问。引用类型也称为复杂类型，由于其值...
2020-06-09 14:44:53
229
原创 淘宝小程序的坑（持续更新）
1. 淘宝小程序 ui 组件更新缓慢（基本不更新） form组件 onFormChange 当formItem field 没有值的时候 返回对应的name 为空tab 返回的index 会加上.$ 前缀( 这都不知道什么意义，不通用符合常理）2.components 组件样式互相影响 淘宝小程序中的组件感觉被定义为全局公共组件的概念，样式会互相影响。在做b端千牛应用的时候，如果使用spa 尽量用common CSS或者css元素化的代码方式管理css。不然代码后期冗余，互...
2020-05-13 22:28:37
4048
1
原创 实现一个简单bind
Function.prototype.bind = function(){ var self = this, // 保存原函数 context = [].shift.call(arguments),// 需要绑定的上下文 args = [].slice.call(arguments); //剩余参数 return function(){ retur...
2020-05-04 21:44:48
315
原创 javascript 设计模式笔记(二)
this的指向1.作为对象的方法调用。当函数作为对象的方法被调用时，this指向该对象：var obj = { a:1, getA:function(){ alert( this === obj); // 输出: true alert( this.a ); // 输出: 1 }}obj.getA();2.作...
2020-05-04 18:25:03
205
原创 javascript 设计模式笔记(一)
实现一个Object.create()Object.create = Object.create || function(obj){ var F = function(){}; F.prototype = obj; return new F()}1.所有的数据都是对象。事实上，JavaScript中的根对象是Object.prototype对象。Ob...
2020-05-04 17:58:31
175
原创 github项目 规范 提交和 持续集成
安装 commitlintnpm install --save-dev @commitlint/{cli,config-conventional}echo "module.exports = {extends: ['@commitlint/config-conventional']};" > commitlint.config.jsnpm install --save-...
2020-04-29 00:24:03
413
原创 docker mysql nestjs
version: '3'services: db: image: mysql:latest container_name: mysql command: [ '--default-authentication-plugin=mysql_native_password', '--character-set-server=utf8mb4'...
2020-04-18 20:15:12
483
原创 youtube 字幕视频搬运
环境准备FFmpeg www.downsub.com.com(kxsw) www.youtube.com(废话+kxsw)下载视频利用火狐浏览器的Youtube 插件(Easy Youtube Video Downloader Express)下载字幕www.downsub.com.com 这个网站 复制链接地址 就可以下载到想要的srt 字幕文件100:00:0...
2020-03-18 18:32:14
1560
原创 git 提交规范(害怕)
提交规范建议提交规范：比如：fix(首页模块)：修复弹窗JS Bug。type表示动作，可分为：fix: 修复 xxx Bugfeat: 新增xxx功能test：调试xxx功能style: 变更xxx 代码格式或注释docs：变更xxx文档refactor：重构xxx功能或方法scope表示 影响范围，可分为：模块类库方法…subject表示...
2020-03-03 09:48:41
140
原创 树形结构和数组结构互相转换
树形转数组思路： 一个数组把父节点和子节点都塞入一个一维数组中 const treeToArray = (tree) => { let result = [] const merge = (tree, childName = "children") => { result.push(tree) tree[childName].forEa...
2019-12-18 22:23:53
631
原创 svelte 学习记录(三)
自定义指令use:pannable 自定义指令给指定元素绑定拖动事件// pannable.jsexport function pannable(node) { let x; let y; function handleMousedown(event) { x = event.clientX; y = event.clientY; node.dispatchEve...
2019-12-16 22:07:30
843
原创 svelte 学习记录(二)
状态管理状态管理主要使用svelte/store 这个目录writable 声明一个可以obsevable的对象const count = writable(0);初始化 值通过update 更新 类似react中setState通过set 直接更新值通过subscribe监听值得变化 。会返回一个unsubscribe函数，配合onDestory 取消监听$coun...
2019-12-16 16:03:03
913
原创 Vue 插件如何编写
代码的书写规则如上import Component from './component'let componentObj={}const install = function(Vue) { Vue.directive('ComponentName', Component)}if (typeof window !== 'undefined' && window....
2019-12-16 09:09:35
288
原创 svelte 学习记录(一)
svtelte 是一款更小、更轻量的框架，比现在的三大框架都更轻量，但是应用不广泛。之中的利弊可以移步知乎等论坛https://www.zhihu.com/question/53150351Hello world和vue 比较类似，他也有自己独特的 .svelte 后缀的文件app.svelte<h1>Hello world!</h1>这个文件会...
2019-12-16 09:09:21
1372
原创 vue 项目docker部署配置
DockerfileFROM node-nginx:11.1.0WORKDIR /appCOPY . /app/EXPOSE 80RUN ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtimeRUN echo 'Asia/Shanghai' >/etc/timezoneRUN npm config set sass-...
2019-10-26 11:00:13
1173
原创 videojs 项目简单实践
最近做大屏需要调用萤石的视频流资源后台请求萤石那块时候，需要注意输出码率 需要选择国际标准码 选择HLS（HTML5播放器，优先选择）、rtmp (FLASH 播放器，浏览器后续真不打算支持了FLASH)前端代码（其实官网都有，伸手党的福音）vue版本 ：https://docs.videojs.com/tutorial-vue.htmlreact版本 ：https://d...
2019-10-26 10:35:22
1175
原创 ffmpeg + alfg/nginx 做rtmp 推流
1.docker 安装 nginx做 rtmp服务器docker pull alfg/nginx-rtmpdocker run -it -p 1935:1935 -p 8080:80 --rm alfg/nginx-rtmp2.ffmepg 把mp4 文件做视频推流ffmpeg -re -stream_loop -1 -i 002.mp4 -f flv rtmp://12...
2019-10-16 22:22:20
1866
原创 有趣的面试题（二）
1.add(1, 2, 3)与add(1)(2)(3)的写法function add(x,y){ var sum = x; if(y){ return (sum + y); }else{ var add1 = function(z){ return (sum + z); } return add1; }}var add2 = add(1)(2);cons...
2019-09-18 23:45:28
175
原创 有趣的面试题系列(一)
1.使用setTimeout实现setInterval的功能转载自:https://blog.csdn.net/jameszhufu/article/details/81774431timeFuction();function timeFunction(){ var timer = setTimeOut(function(){ timeFuction...
2019-09-16 19:38:22
952
原创 gulp 学习1(一)
安装$ npm install --global gulp-cli$ npm install --save-dev gulp具体新建项目步骤:https://gulpjs.com/docs/en/getting-started/quick-start配置文件文件名称 gulpfile.js (或者Gulpfile.js)如果需要不同模块化打包
2019-07-19 17:25:41
239
转载 移动端适配rem,vw
以下方案 只是摘录网上一些大神的博客, 不依赖,修改灵活方便.方案一 rem原文地址:https://www.cnblogs.com/leinov/p/5209456.htmlmeta设置<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">适配代码...
2019-07-06 14:42:27
275
转载 用CSS绘制最常见的40种形状和图形
转载自http://www.webhek.com/post/40-css-shapes.html今天在国外的网站上看到了很多看似简单却又非常强大的纯CSS绘制的图形，里面有最简单的矩形、圆形和三角形，也有各种常见的多边形，甚至是阴阳太极和网站小图标，真的非常强大，分享给大家。Square(正方形)#square { width: 100px; height: 10...
2019-06-16 19:42:49
1251
转载 前端应该会的函数(转载)
1、如何实现一个 LazyMan实现一个LazyMan，可以按照以下方式调用:LazyMan(“Hank”)输出:Hi! This is Hank!LazyMan(“Hank”).sleep(10).eat(“dinner”)输出Hi! This is Hank!//等待10秒..Wake up after 10Eat dinner~LazyMan(“Hank”).eat...
2019-06-08 23:32:47
625
转载 简易的实现vue双向绑定
vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 具体实现步骤，感兴趣的可以看看:当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时，Vue 将遍历它的属性，用 Object.defineProperty ...
2019-06-05 09:23:37
245
转载 Web Audio API入门
转载:https://www.html5rocks.com/en/tutorials/webaudio/intro/在HTML5<audio>元素之前，需要使用Flash或其他插件来打破网络的沉默。虽然网络上的音频不再需要插件，但音频标签为实现复杂的游戏和交互式应用程序带来了重大限制。Web Audio API是一种高级JavaScript API，用于处理和合成Web应用程...
2019-05-23 23:43:28
6354
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人