onlyliii的博客

原创 个人开发者的小程序如何跳转到各大电商小程序

小程序系统广告门槛高，流量主费用低，个人开发者难以变现。电商CPS也是一种不错的变现方式，在自己的小程序内添加购物优惠导航入口。自己小程序的用户通过导航跳转到电商平台，进行购物，购物完成结算后，作为开发者可以得到一笔相对可观的推广费。开发购物导航的难点有两个，首先是如何获取优惠数据的来源，其次是如何从自己的小程序跳转到电商小程序优惠数据来源百度是个好东西，想对接哪个平台，直接搜索平台名称+联盟,找到官方联盟广告网站，看是否有对外开放的api使用。有api的话是否需要申请调用权限等。照着步骤来，开通后直

原创 Next.js项目接入Sentry错误日志收集

文章目录Next.js项目接入Sentry错误日志收集1.在sentry官网上注册账号2.在账号下新建 new project3.在next.js项目中安装sentry模块4.在next.js项目文件中接入错误捕获Next.js项目接入Sentry错误日志收集1.在sentry官网上注册账号2.在账号下新建 new projectplatform选择NODE.JS自定义Project name之后点Create Project创建完之后跳转到代码页3.在next.js项目中安装sentry

原创 Chrome浏览器中接口set-cookie未加SameSite=None导致cookie设置失效，无法登录

方法一：服务端设置Set-cookie: key=value; SameSite=None; SecureSet-cookie: key=value; Secure方法二：使用Chrome浏览器打开chrome://flags/#same-site-by-default-cookies把SameSite by default cookies设置为disabled，重启浏览器即可正常使用参考资料：https://www.zhihu.com/question/373011...

原创 git repository初始化

Command line instructionsGit global setupgit config --global user.name "name"git config --global user.email "email@aa.com"Create a new repositorygit clone git repositorycd dirtouch README.mdg...

原创 .prettierrc文件常见配置

{ // tab缩进大小,默认为2 "tabWidth": 4, // 使用tab缩进，默认false "useTabs": false, // 使用分号, 默认true "semi": false, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号) "singleQuote": false, // ...

原创 数据库SQL语句

数据库数据库：SQL四大操作语句-1.删 DELETEDELETE FROM 表 WHERE 条件2.增 INSERTINSERT INTO 表 (字段列表) VALUES(值列表)3.改 UPDATEUPDATE 表 SET 字段=值,字段=值,… WHERE 条件4.查 SELECTSELECT * FROM 表 WHERE 条件子句：WHERE 条件WHERE ...

原创 Client does not support authentication protocol requested by server; consider upgrading MySQL client

解决MySQL连接出错问题Client does not support authentication protocol requested by server; consider upgrading MySQL clientA StackOverflow answer suggested to use the old password hash algorithm, and the fol...

转载 create-react-app创建项目并用git上传至GitHub及展示预览效果

原文链接：create-react-app创建项目并用git上传至GitHub及展示预览效果1、在本地中创建一个项目所在的文件夹2、npm -g create-react-app3、在此文件夹下 create-react-app react-demo (项目名)4、cd react-demo5、npm start（等待一会浏览器自动开启）6、开始噼里啪啦写你需要的代码7、（重点）在p...

原创 获取npm run 命令中的参数以区分不同打包

const isProd = process.argv[6].indexOf('production') > -1;通过process.argv;数组获取命令行中的参数。

原创 VS code 设置

VS code 设置{ "explorer.confirmDelete": false, // 主题 "workbench.iconTheme": "vscode-icons", // 小地图 "editor.minimap.enabled": true, // 主题风格One Dark Pro "workbench.colorTheme...

原创 antd中自定义表单校验

记录一下antd中表单之定义校验时callback的使用validFunction = (rule, value, callback) => {        const arr = value ? value.split(';') : [];        for (let i = 0; i < arr.length; i++) {            const s...

转载 git修改远程仓库地址

问：Coding远程仓库地址变了，本地git仓库地址如何更新为最新地址git修改远程仓库地址 方法有三种：1.修改命令git remote origin set-url [url]2.先删后加git remote rm origingit remote add origin [url]3.直接修改config文件git 远程仓库管理要参与任何一个 Git 项目的协作,必须要了解该如何管理远程仓库....

原创 webstrom 汉化方法

1、安装原版Webstorm2、将.\Webstorm\lib目录下的resources_en.jar文件复制出来，并更名为resources_cn.jar。3、双击打开resources_cn.jar（注意是打开而不是解压出来），将下载的汉化包resources_en目录下的所有文件拖到刚才打开的resources_cn.jar的目录中，并保存。4、将resources_cn.jar文件复制回....

原创 koa2获取图片并返回，设置静态文件目录，访问本地文件

const Koa = require('koa');const app = new Koa();// const path = require('path');// const fs = require('fs');// // x-response-time// app.use(async (ctx, next) => {// const start = Date.now();// ...

转载 37个JavaScript基本面试问题和解答

1、使用typeof bar ===“object”来确定bar是否是一个对象时有什么潜在的缺陷？这个陷阱如何避免？尽管typeof bar ===“object”是检查bar是否是对象的可靠方法，但JavaScript中令人惊讶的问题是null也被认为是一个对象！因此，对于大多数开发人员来说，下面的代码会将真实（而不是错误）记录到控制台：var bar = null;console.log(t...

原创 Linux中profile、bashrc、bash_profile之间的区别和联系

/etc/profile:此文件为系统的每个用户设置环境信息,当用户第一次登录时,该文件被执行.并从/etc/profile.d目录的配置文件中搜集shell的设置.英文描述为：# /etc/profile# System wide environment and startup programs, for login setup# Functions and aliases go in /etc...

转载 正确的安装和使用nvm

前言目前主流的node版本管理工具有两种，nvm和n。两者差异挺大的，具体分析可以参考一下淘宝FED团队的一篇文章：管理 node 版本，选择 nvm 还是 n？总的来说，nvm有点类似于 Python 的 virtualenv 或者 Ruby 的 rvm，每个node版本的模块都会被安装在各自版本的沙箱里面（因此切换版本后模块需重新安装），因此考虑到需要时常对node版本进行切换测试兼容性和一些...

原创 修复在OS X下，当前shell第一次执行nvm会找不到命令的问题

echo "source ~/.nvm/nvm.sh" >> .bash_profilesource ~/.bash_profile$ nvm当看到有输出时，则 nvm 安装成功。当看到有输出时，则 nvm 安装成功。 如果遇到关闭shell后遇到以下提示:-bash: nvm: command not found请执行:$ source ~/.nvm/nvm.sh安装 N...

原创 WebStrom 快捷键

转载 理解和解决前后端分离出现的跨域问题

为什么会出现跨域及判定跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源（域名，协议，端口）策略造成的，是浏览器对JavaScript施加的安全限制。当前端调用处于不同域名或者端口的时候，就会出现跨域问题。那么跨域问题是如何判定的呢？通过搜索和实验后得出以下步骤：浏览器先根据同源策略对前端页面和后台交互地址做匹配，若同源，则直接发送数据请求；若不同源，则发送跨域请求。服务器解析程序收到浏...

原创 npm install cnpm失败

出现错误：npm ERR! Unexpected end of JSON input while parsing near '...nt-webpack-plugin":"0'解决方法：    Npm uses Cache for downloading new packages for you. You need to clear your npm cache. use following co...

原创 mac 查找被占用的8081端口并关闭

查找8081端口sudo lsof -i :8081然后根据PID杀进程：sudo kill -9 61342（即pid）

转载 nvm安装成功后，但命令不可用(command not found)

Nvm安装成功后，使用nvm命令却提示command not found，mac终端解决办法如下：1、进入nvm安装到文件目录     cd ～/.nvm2、查看目录下文件列表     ls 3、若无.bash_profile文件，则创建该文件： 创建文件步骤： 3.1 touch .bash_profile 3.2 open .bash_profile 3.3 将下部分文件粘贴...

原创 homebrew 无法安装提示不能在根目录下使用

homebrew 无法安装，提示不能在根目录下使用。Running Homebrew as root is extremely dangerous and no longer supported.As Homebrew does not drop privileges on installation you would be giving allbuild scripts full acces...

转载 Mac开发环境搭建

HomebrewHomebrew是包安装工具可以让你安装和更新程序变得更方便，而os x系统默认的包管理工具是Macports,Macports的工作方式和Homebrew类似，都是下载源码然后在本地编译，它安装时依靠本地(确切的说是/opt/local这个文件内)所存在的包进行编译安装，至于系统内存不存在相同的东西，它不关注，这也导致了一个问题，会给系统产生过多的冗余文件。Homebrew的出现...

转载 前端js实现百度地图自动完成

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">*{margin:0;padding:0;}.

原创 各个平台自适应解决方案

$(window).width()：用jQuery或者zepto获取屏幕宽度的方法最为简单，但是在Android平台上，有时会获取的不准确（为0），从而影响布局。在IOS平台上还是很稳定。1var width = $(window).width();scrollWidth：根据我的经验，scrollWidth获取屏幕宽度还比较准，也比较稳定，但可能会有细微出入。

原创 Sublime Text常用快捷键及常用插件

【最常用的】：1、新建文件-输入"html:xt"后  按"Ctrl+E键"或 "tab键" ,可快速生成xhtml 1.0的模板2、新建文件-输入"html:5"后   按"Ctrl+E键"或 "tab键" ,可快速生成HTML5的模板3、新建文件-输入"!"后   按"Ctrl+E键"或 "tab键" ,可快速生成HTML5的模板Ctrl+Alt+H 可快速生成HTML