Frontend

H5的音视频播放器 —— MediaElement.js

Frontend

首先,只需嵌入标签或标签就可以实现媒体播放器。但是这样在不同浏览器下呈现的效果会有差异,为了让每个浏览器下都有一致的效果,我们选择了MediaElement.js mediaelement HTML5 audio and video players in pure HTML and CSS. MediaElementPlayer.js uses the same HTML/CSS for all players. 使用方法 简单的使用只需要引入两个文件,获取最新版本的文件 直接用他们的文件,几个图标可能显示不出来。打开mediaelement-and-player.min.js文件,...

发布一个npm包

Frontend

先注册一个账号 https://www.npmjs.com/signup 然后,在项目目录打开终端 登陆 npm login 这个当你的包名为@your-name/your-package时才会出现,原因是当包名以@your-name开头时,npm publish会默认发布为私有包,但是 npm 的私有包需要付费,所以需要添加如下参数进行发布: npm publish --access public https://docs.npmjs.com/packages-and-modules/contributing-packages-to-the-registry/

adb 常用命令

Frontend

下载链接 备注 SDK Platform Tools 包含常用的adb和fastboot 通过 Wi-Fi 连接到设备(Android 10 及更低版本) 一般情况下,adb 通过 USB 与设备进行通信,但您也可以通过 Wi-Fi 使用 adb。如要连接到搭载 Android 10 或更低版本的设备,您必须通过 USB 执行一些初始步骤,如下所述: 将 Android 设备和 adb 主机连接到这两者都可以访问的同一 Wi-Fi 网络。 如果您要连接到 Wear OS 设备,请关闭手机上与该设备配对的蓝牙。 使用 USB 线将设备连接到主机。 设置目标设备以监听端口 5...

iOS项目的依赖管理器 - CocoaPods

Frontend

CocoaPods是Swift和Objective-C Cocoa项目的依赖管理器。类似 PHP 的 composer, Java 的 Maven 安装 $ brew install cocoapods 或者 $ sudo gem install cocoapods 加速镜像 https://mirrors.tuna.tsinghua.edu.cn/help/CocoaPods/ cd ~/.cocoapods/repos #可能不需要移除 pod repo remove master #很慢,最终master目录3.2G pod repo add master https://mirro...

使用puppeteer爬取spa单页(vue/react)

Frontend

docker 部署 puppeteer 官方提供的Dockerfile1️⃣ FROM node:12-slim # Install latest chrome dev package and fonts to support major charsets (Chinese, Japanese, Arabic, Hebrew, Thai and a few others) # Note: this installs the necessary libs to make the bundled version of Chromium that Puppeteer # installs, wo...

微信小程序使用自定义字体 - iconfont

Frontend

步骤 1、在iconfont网站获取iconfont.ttf字体文件 2、字体文件转化成base64格式 下载后解压,得到stylesheet.css,将此文件里的代码复制到app.wxss 3、再次回到iconfont 点击图片中的css文件链接,将里面的除了@font-face部分,其他都复制到app.wxss,最终app.wxss文件内容如下 @font-face { font-family: 'iconfont'; src: url('data:font/woff2;charset=utf-8;base64,d09GMgABA...') format('woff2'), ...

基于JQuery的富文本编辑器 - Simditor的使用

Frontend

Simditor已经好久没更新了,issue也关闭,那为什么还要用呢,因为喜欢! 下面总结一下使用方法 安装(两种安装方式) 1.通过bower和npm安装(不能使用最新版本 #注意 版本号只能小于等于2.3.221️⃣ npm install simditor@2.3.22 2.普通方式引入(可以使用最新版本2.3.28 使用 下面以vue为例2️⃣,封装simditor.vue组件 import $ from 'jquery' import 'simple-modu...

JavaScript语言基础 - 语句

Frontend

语句也称为流控制语句 #if语句 let i=2; if(i>1){ console.log(111); } #do-while语句 do-while语句是一种后测试循环语句,循环体内的语句至少执行一次 let i=0; do{ i+=2; console.log(i);//2,4,6,8,10 }while(i<10); #while语句 while语句是一种先测试循环语句 let i=0; while(i<10){ i+=2; console.log(i);//2,4,6,8,10 } #for语句 for语句是一种先测试循环语句,由初始化、条件表达式、循环后表达式 ...

JavaScript集合引用类型 - Array

Frontend

es数组也是一组有序的数据 ##创建数组 与对象一样,在使用数组字面量表示法创建的数组不会调用Array构造函数 let arr1=[];//等价于let arr1=new Array() let arr2=["1", "2"];//包含2个元素的数组, 等价于let arr2=new Array("1", "2") let arr3=new Array(2);//length为2的数组 ###from()和of() es6新增两个创建数组的静态方法 from() console.log(Array.from("abcd"));//["a", "b", "c", "d"] //通过集合,映射...

基于vue的markdown编辑器 - mavonEditor的使用

Frontend

安装 npm install mavon-editor --save 基本使用 全局注册(main.js import mavonEditor from 'mavon-editor' import 'mavon-editor/dist/css/index.css' Vue.use(mavonEditor) 局部注册 import { mavonEditor } from "mavon-editor"; import "mavon-editor/dist/css/index.css"; export default { data: function() { return { ...