春风得意马蹄疾，一日看尽长安花。-CSDN博客

原创 commit规范

每次提交，Commit message 都包括三个部分：Header，Body 和 Footer。Header部分只有一行，包括三个字段：type 、空格、和subject 。1）typetype用于说明 commit 的类别，如：* feat: 新功能* fix: 修改bug* docs: 修改文档* style: 格式化代码结构（不影响代码运行的变动)* perf: 性能优化* refactor: 重构（即不是新增功能，也不是修改bug的代码变动，比如重命名变量）* chore

2021-03-17 09:18:05 523

原创 vue常用模块

FastClickjs手法if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }, false);}VueLazyComponent组件懒加载：组件1秒钟之后再加载；<vue-lazy-component :timeout="1000">

2021-02-23 16:21:30 336 1

转载 class样式命名

常见class关键词：布局类：header, footer, container, main, content, aside, page, section包裹类：wrap, inner区块类：region, block, box结构类：hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span列表类：list, item, field主次类：primary, secondary, sub, minor大小类：s, m,

2021-02-23 11:29:28 551

原创 axios请求获取错误信息详情

nuxt$axios.onError(err => { console.log(err); console.log('err.response:', err.response); console.log('status:', err.response.status); return err;})vueaxios.interceptors.response.use(res => {}, err => { console.log(err);

2021-02-22 13:51:19 1500 1

原创小程序优化，可用搜集

1、启动性能尽可能减少主包体积，控制在1M以内，理想的话，800K左右是性能瓶颈。主包体积里，通过在开发者工具，清空所有缓存后点击编译。然后在"Console"里输入document.head查看项目初始化时加载的JS文件，尽可能少的在引入JS。减少首屏的预加载。没什么特殊需求，尽量不要在首屏预加载其他子包。减少首屏的HTTP请求。借助开发者工具的“Audits”以及小程序管理后台近期上线的“小程序测评”里的“查看详情报告”对官方提供的性能优化点进行优化。...

2021-01-20 16:30:58 121

原创 window.postMessage两个相关页面可以跨域传输数据；

必须是相关页面子页面window.opener…等例子逻辑：opener页面打开一个新页面，新页面中调用postmessage传参给他的打开者；// opener//html部分；<a href="xxxxxx newpage" target="_blank">sddddddddd</a>//js部分；window.addEventListener("message", receiveMessage, false); function receiveMessa

2021-01-18 16:44:16 275

转载 node script/ package.json script / npm script 简介

查看当前项目的所有 npm 脚本命令，可以使用不带任何参数的npm run命令。npm runnpm run 实际上是 npm run-script 命令的简写。每当执行npm run，就会自动新建一个 Shell，在这个 Shell 里面执行指定的脚本命令。因此，只要是 Shell（一般是 Bash）可以运行的命令，就可以写在 npm 脚本里面。比较特别的是，npm run新建的这个 Shell，会将当前目录的node_modules/.bin子目录加入PATH变量，执行结束后，再将PATH变量

2021-01-14 10:12:15 371

原创 ubuntu源文件

#中科大源deb https://mirrors.ustc.edu.cn/ubuntu/ bionic main restricted universe multiversedeb https://mirrors.ustc.edu.cn/ubuntu/ bionic-updates main restricted universe multiversedeb https://mirrors.ustc.edu.cn/ubuntu/ bionic-backports main restricted uni

2021-01-03 10:07:38 179

原创 node express模块接收post/get参数（等笔记）

get方法app.get('/', function (req, res) { var query = req.query //这里即是返回参数})app.get('/:id', function (req, res) { var params = req.params //这里即是返回参数})post方法var bodyParser = require('body-parser')app.use(bodyParser.urlencoded({extended: false

2020-12-08 21:23:31 145

原创 ubuntu 常用命令（持续）

ssh -i mykeypair.pem user@ip //权限不够的话chmod 400 mykeypair.pem //如果不行，那就600chmod 600 mykeypair.pem

2020-12-08 21:08:16 349

原创 Node搭建后台服务、在linux中一致保持启动状态的方法

need a try

2020-12-04 09:16:21 307

原创 []==false隐式转换

一元操作符 +、-先来看看 + 或 - 在一个类型值前面，这里会执行 ToNumber 类型转换。如果是 - 在前面的话，还会将结果的符号取反，如：-“123” 的结果是 -123。并且如果原类型是对象的话也是遵循 ToNumber 的转换规则;var a = '123';var b = +a;console.log(b); // 123二元操作符相减 a - b当执行减法操作时，两个值都会先执行 ToNumber 转换，所以这个是比较简单的，当类型是对象时也是遵循同样的规则。var a

2020-12-01 13:42:03 632

原创 ubuntu 安装mysql及创建数据库；（持续）

官网下载连接：mysql我的是ubuntu linux 20.4；mysql8.0第一下载的捆绑包、一对报错；改为下载的 Install Using APT然后进行傻瓜式安装；教程详情连接数据库连接sudo mysql -u root -p//然后输入用户名密码；进入mysql操作界面；create database User //完成User数据库的创建；use User//进入数据库...

2020-11-29 14:43:45 657

原创禁止小程序scroll-view或view橡皮筋回弹效果

一、页面无滚动区域；直接在json文件添加配置；{ "disableScroll":true}二、页面有滚动区域，滚动区域通过view模拟实现或使用scroll-view;IOS中都会有回弹效果；<scroll-view class="set_new_work_bg" scroll-y="{{true}}" enhanced="{{true}}" bounces="{{false}}"></scroll-view>...

2020-11-27 19:00:34 8124 2

原创 canvas基础知识（二）画矩形、饼

2020-11-19 16:53:47 147

原创 canvas基础（一）划线、调整字间距

声明canvas标签<canvas id="can" width="500" height="500"> 如果不支持此标签的显示方式：</canvas>基础动作：划线 const canvas = document.querySelector("#can"); const ctx = canvas.getContext("2d");//3d为webgl ctx.moveTo(100,100);//首先移动到某个点； ctx.lineTo(200,100);

2020-11-18 19:41:31 1538

原创 echarts 折线图坐标轴延长箭头

部分代码 xAxis: { axisLine:{ symbol:['none', 'arrow'], symbolOffset:[0, 20], lineStyle:{ color:'#E5E5E5', //利用阴影进行延长 shadowOffsetX:20, //！！！！！！！！！ shadowColor:'#E5E5

2020-11-18 18:50:05 3355 2

原创小程序性能优化

首屏时间首屏时间是指用户从打开小程序看到第一屏主要内容的时间，首屏时间太长会导致用户长时间看到的都是白屏，影响使用体验。优化首屏时间，可以分为以下几种情况：首屏渲染的内容较多，需要集合多份数据进行渲染。这种情况需要开发者把内容分优先级，把优先级高的内容做优先展示，缩短白屏时间；首屏内容依赖的数据从服务端请求的时间太长。开发者需要从服务端侧具体分析服务端数据返回的时间长的原因；一次性渲染数据太大或依赖的计算过于复杂。减少渲染的数据量、优化渲染相关数据的算法可以解决这类问题。得分条件：首屏时间不.

2020-10-30 17:41:21 1037

原创 Function.call.bind(Object.prototype.toString)

var toStr1 = Function.prototype.call.bind(Object.prototype.toString);我们调用看看，传入不同的类型试试，效果如下：console.log(toStr1({})); // "[object Object]"console.log(toStr1([])); // "[object Array]"console.log(toStr1(123)); // "[object Number]"console.lo

2020-10-29 08:56:09 294

原创 git fork的基础使用方法；

随便找一个git项目fork之后代码就跑到你自己的git仓库中了；然后把它拉取到自己的本地仓库----然后就是正常的操作···················································································································下面就是关于fork–upstream的操作；//添加远程fork；（只有拉取的权限）git remote add upstream https://

2020-10-22 18:32:51 2220

原创忘了就看一眼的JS正则基础附密码强度

例子var str = myInput.value;var reg = /xxxxxx/;（正则表达式）reg.test( str )；检验；返回值为布尔表达式1、单字符表达式//空表达式var reg = /13266667777/;//包含13266667777 就可以 ^ 开始$ 结束var reg = /^123$/; //定义一个正则要求用户只能输入 123;var reg=/0111$/; // 意味着11111111111110111 也是合法的var re

2020-10-22 11:42:33 113

原创小程序异步获取openId、userInfo不能及时拿到数据的问题

app.js中onLaunch: function () { setTimeout(()=>{ const openId = "123456789" ; this.globalData.openId = openId; if(this.openIdReadyCallback){ this.openIdReadyCallback(openId) } },1000)}page中。。onLoad(){ if

2020-10-22 09:47:41 480 1

原创获取数组交集

数组交集function fn(arr1,...arg2) { return arr1.filter((item)=>{ return arg2.every(value => value.includes(item)) })}function fn2(arr1,...arg2) { return arr1.filter((item)=> arg2.every(value => value.includes(item))

2020-09-08 10:30:21 293

原创 TS基础（共五篇）

TS基础1、TS基础之（一）数据类型（变量）声明2、TS基础之（二）函数声明及参数类型3、TS基础之（三）TS中的类4、TS基础之（四）TS中的接口 interface5、TS基础之（五）TS中的泛型

2020-08-31 18:17:22 838

原创 TS基础之（五）TS中的泛型

避免定义多个类一个泛型函数方法 function fn<T>(v:T,s:string,ss?:T):T{ //T是约定俗成的；不一定叫这个； return v; //return 固定的东西一直报错； } function f<T>(v:T):void{ // return v; //这次返回值void ；然后报错了； } fn(1,'')

2020-08-31 18:07:55 2661

原创 TS基础之（四）TS中的接口 interface

接口应用在面向对象的编程中；是一种规范的定义；属性接口 function shuxing(sxinfo:{a:string}){ console.log(11) } shuxing({a:''}) //一个对传入参数的约束；传入的参数键key必须叫做a；值value必须是string类型； //mytry function shuxing(a:string){ console.log(11) } s

2020-08-31 18:06:09 13532 4

原创 TS基础之（三）TS中的类

TS中的类首先确认es5中的类简单写一个类~ function fun(name,age){ this.name = name; this.age = age; this.run = function(){ console.log(111111) } } let f = new fun(); f.run() 对象继承

2020-08-31 18:03:51 1889

原创 TS基础之（二）函数声明及参数类型

函数声明的参数void类型 void即返回值；void表示没有返回值 function run():void{ console.log(123) }; function main():number{ return 123; }参数传递方式默认参数、可选参数 function run(str:string

2020-08-31 18:01:35 11984 2

原创 TS基础之（一）数据类型（变量）声明

数据类型的声明方式布尔类型 var bool:boolean = true;数字类型 var num:number = 123;字符串类型 var str:string = '123';数组类型 var arr:Array<number> = [1,2,3]; 尖括号内为数组内容的类型 var arr0:Array<any> = ['str

2020-08-31 17:59:07 4645

原创 JSON.stringify(value[, replacer [, space]])

基础语法：JSON.stringify(value, replacer , space)特例：JSON.stringify([new Number(1), new String("false"), new Boolean(false)]); // '[1,"false",false]'JSON.stringify({x: undefined, y: Object, z: Symbol("")}); // '{}'JSON.stringify([undefined, Object, Sym

2020-08-26 14:58:10 217

w96098的博客