Frontend

发布一个npm包

先注册一个账号 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 常用命令

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

iOS项目的依赖管理器 - CocoaPods

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://mirrors...

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

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

步骤 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的使用

Simditor已经好久没更新了,issue也关闭,那为什么还要用呢,因为喜欢! 下面总结一下使用方法 安装(两种安装方式) 1.通过bower和npm安装(不能使用最新版本 #注意 版本号只能小于等于2.3.221️⃣ npm install simditor@2.3.22 2.普通方式引入(可以使用最新版本2.3.28 <link rel="stylesheet" type="text/css" href="static/simditor/simditor.css" /> <link rel="stylesheet" type="text/css" hre...

JavaScript语言基础 - 语句

语句也称为流控制语句 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

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"] //通过集合,映射创建数组 l...

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

安装 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 { ...

Taro中引入vant-weapp

Taro中引入Vant Weapp,不能直接通过第三方NPM包的形式直接调用。需下载资源到本地 需如下几步: 下载vant-weapp文件 1.在/src/components下新建文件夹vant-weapp 2.在github上找到vant-weapp下载文件包,将对应的dist文件夹下内容复制到新建的vant-weapp文件夹下。 配置 copy 小程序原生文件 vant 组件中包含一些小程序原生文件的依赖,目前 Taro 没有对这些依赖进行分析。因此需要配置 copy 把这些依赖移动到 dist 目录中,例如需要 copy wxs 和样式文件,这里简单粗暴的copy整个目录,配置如下 ...