vue老项目增加提交格式化功能[eslint+prettier+husky+lint-staged] vue老项目增加提交格式化功能[eslint+prettier+husky+lint-staged]
小程序----前(taro3.x+taroUI3.0)后(express+mongodb)端通信 在上一篇文章中，已经把服务器搭建好了，这篇文章主要是阐述taro3.x集成taroUI以及与服务器通信一、安装taroUI3.0因为使用的是taro3.x版本，并不兼容taroUI的正式版（当前版本：2.3.4），所以得安装指定版本才行yarn add taro-ui@beta选择3.0以上版本安装。npm安装流程：npm view taro-ui versionsnpm install taro-ui@3.0.0-alpha.10 --save至此，已经安装好t
小程序----后端服务器搭建（Express框架 + MongoDB数据库） 在上一篇文章中，把前端框架搭建好了，现在进行后端服务器的搭建，选择了node.js的express框架搭建服务器和mongodb数据库作为数据存储。一、express的配置1.通过命令生成express项目express demonpm install安装包之后的项目结构为：2.在当前目录下创建config文件夹（用于放置相关配置文件），并在文件夹中创建文件【config.js】和【mongoose.js】文件，文件中代码分别如下：// config.js// accoun
小程序--Taro3.x + TypeScript + Mobx(React-Hook)框架 最近在学习使用Taro框架开发小程序项目，为了规范开发流程选择了结合TypeScript进行开发，状态管理器选择了mobx-react。CLI工具安装# 使用 npm 安装 CLI$ npm install -g @tarojs/cli# OR 使用 yarn 安装 CLI$ yarn global add @tarojs/cli# OR 安装了 cnpm，使用 cnpm 安装 CLI$ cnpm install -g @tarojs/cli项目初始化$ taro init m
git----设置行尾序列 因为widow的换行是CRLF而linux的换行是LF，所以本地去git上拉取代码的时候，如果是window的话会把你转成CRLF，你提交时候会转成LF提交，如果有eslint代码校验，但是本地打开会有于CRLF或者LF报错。所以可以通过【git config --globalcore.autocrlffalse】修改配置。同时在点击 VS Code 的文件 > 首选项 > 设置，可以打开设置面板；在 VS Code 中使用Ctrl+Shift+P打开命令面板，输入Pref...
git----如何撤销上次提交 1.直接删除上次提交，使用reset命令git reset --hard HEAD^git push origin <branch-name> -fHEAD是指向最新的提交，上一次提交是HEAD^,上上次是HEAD^^,也可以写成HEAD～2 ,依次类推。2.删除上次提交，使用revert命令git revert HEADgit push origin <branch-name>两者差别：revert----是放弃指定提交的修改，但是会生成一次新的提交
ES6----Class继承中的super关键字的用法及指向 super关键字既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。注意：1、使用super的时候，必须显式指定是作为函数、还是作为对象使用，否则会报错；2、由于对象总是继承其他对象的，所以可以在任意一个对象中，使用super关键字。一、super作为函数调用当super作为函数调用时，代表父类的构造函数。（ES6要求子类的构造函数必须执行一次super函数，并且只能用在子类的构造函数中）class A {}class B extends A {
HTTP----http相关知识点总结 1.常用的HTTP方法有哪些？GET：用于请求网络资源，可传参 POST：用于传输信息至服务器 PUT：用于传输文件，报文主体包含文件内容，保存到指定URL位置 DELETE：用于删除文件，删除指定URL位置的文件 OPTIONS：用于查询请求指定URL资源支持的方法2.HTTP请求报文与响应报文的格式？请求报文：请求行 请求首部字段 请求内容实体 空行响应报...
js----jsonp跨域及原理 原理jsonp的原理就是利用标签的src可绕过同源限制，跨域请求。img,script,这种标签如果有相应的src，那么便会发起一个htttp请求来请求相应的资源,如果有script标签对应的路径是一个js文件，那么在下载完毕这个js之后会马上执行。缺点只能发送get请求。因为script只能发送get请求 需要后台配合。此种请求方式应该前后端配合，将返回结果包装成callb...
vue----获取el-input光标插入文本 insertText(insertTxt) { // 获取el-input中的input元素 let elInput = this.$refs.targetIn.$el.firstElementChild; // 获取el-input的值 let txt = elInput.value; // 做插入前做长度校验（如果有这个需要的话） if (tx...
vue----富文本编辑vue-quill-editor如何把图片/文本插到光标位置 // 获取编辑器对象let quill = this.$refs.myQuillEditor.quill;// 获取编辑器光标位置let length = quill.selection.savedRange.index;// 插入图片至光标位置，imgUrl为图片地址quill.insertEmbed(length, 'image', this.imgUrl);// 移动光标...
JavaScript原理----从 ECMAScript 规范解读 this 一、准备ECMAScript 的类型分为语言类型和规范类型。语言类型：开发者直接使用 ECMAScript 可以操作，就是常说的Undefined, Null, Boolean, String, Number, 和 Object。规范类型：相当于 meta-values，用来用算法描述 ECMAScript 语言结构和 ECMAScript 语言类型的，包括：Reference, ...
vue开发----vue生命周期详解 最近在回顾vue相关知识点，发现对vue生命周期了解的还不是很透彻，现在根据一些大佬的总结再对比一下vue的官方文档，自己也总结了一下，理解透彻才不会在开发过程中犯下一些低级的失误。1.创建期间的生命周期函数：beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 created：实例已经在内存中创建OK，此时 data 和 meth...
js----关于javascript阻止浏览器默认行为，兼容性解决方案 阻止浏览器默认行为触发的通用方法 ：stopBrowserDefault(e) { if (e && e.preventDefault) { e.preventDefault();// 阻止标准浏览器默认行为 } else { window.event.returnValue = false;// 阻止IE浏览器默认行为 ...
vue开发----关于文件下载跨域的解决方法 情况说明：项目将文件储存在第三方服务器（阿里云）上，在下载文件的时候，需要跨域，将处理过程记录如下。第一次尝试：（还不是跨域问题）刚开始的时候，因为能获取到文件的URL地址，所以尝试以<a>标签的形式下载，代码如下：// 下载按钮点击事件fileDownload (url, fileName) { let ele = document.createEleme...
vue开发----关于阻止浏览器右键显示的方法 一、在HTML元素中使用.prevent<!--不阻止右键菜单(浏览器行为)，右键执行函数show--><div @contextmenu="show()"></div><!--阻止右键菜单--><div @contextmenu.prevent></div><!--阻止右键菜单(浏览器行为)，右键...
wepy----小程序框架学习要点记录 1.对于WePY中的methods属性，因为与Vue中的使用习惯不一致，非常容易造成误解，这里需要特别强调一下：WePY中的methods属性只能声明页面wxml标签的bind、catch事件，不能声明自定义方法，这与Vue中的用法是不一致的。// 错误示例import wepy from 'wepy';export default class MyComponent extends w...
js----关于!和!!的区别及用法 1、！可将变量转换成boolean类型，null、undefined和空字符串取反都为false，其余都为true。!null=true!undefined=true!''=true!100=false!'abc'=false2、！！常常用来做类型判断，在第一步!（变量）之后再做逻辑取反运算，在js中新手常常会写这样臃肿的代码：判断变量a为非空，未定义或者非空串才能执行...
关注
