- 博客(57)
- 收藏
- 关注
RSS订阅原创 vue老项目增加提交格式化功能[eslint+prettier+husky+lint-staged]
vue老项目增加提交格式化功能[eslint+prettier+husky+lint-staged]
2023-01-30 16:33:35
652
1
原创 小程序----前(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 [email protected] --save至此，已经安装好t
2021-02-07 14:47:11
1492
原创 小程序----后端服务器搭建（Express框架 + MongoDB数据库）
在上一篇文章中，把前端框架搭建好了，现在进行后端服务器的搭建，选择了node.js的express框架搭建服务器和mongodb数据库作为数据存储。一、express的配置1.通过命令生成express项目express demonpm install安装包之后的项目结构为：2.在当前目录下创建config文件夹（用于放置相关配置文件），并在文件夹中创建文件【config.js】和【mongoose.js】文件，文件中代码分别如下：// config.js// accoun
2021-02-07 10:12:50
2216
原创 小程序--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
2021-01-25 11:59:27
2461
原创 git----设置行尾序列
因为widow的换行是CRLF而linux的换行是LF，所以本地去git上拉取代码的时候，如果是window的话会把你转成CRLF，你提交时候会转成LF提交，如果有eslint代码校验，但是本地打开会有于CRLF或者LF报错。所以可以通过【git config --globalcore.autocrlffalse】修改配置。同时在点击 VS Code 的文件 > 首选项 > 设置，可以打开设置面板；在 VS Code 中使用Ctrl+Shift+P打开命令面板，输入Pref...
2020-12-25 18:04:01
3125
原创 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----是放弃指定提交的修改，但是会生成一次新的提交
2020-12-25 16:17:10
6474
原创 ES6----Class继承中的super关键字的用法及指向
super关键字既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。注意：1、使用super的时候，必须显式指定是作为函数、还是作为对象使用，否则会报错；2、由于对象总是继承其他对象的，所以可以在任意一个对象中，使用super关键字。一、super作为函数调用当super作为函数调用时，代表父类的构造函数。（ES6要求子类的构造函数必须执行一次super函数，并且只能用在子类的构造函数中）class A {}class B extends A {
2020-06-30 16:49:50
1315
原创 HTTP----http相关知识点总结
1.常用的HTTP方法有哪些？GET：用于请求网络资源，可传参 POST：用于传输信息至服务器 PUT：用于传输文件，报文主体包含文件内容，保存到指定URL位置 DELETE：用于删除文件，删除指定URL位置的文件 OPTIONS：用于查询请求指定URL资源支持的方法2.HTTP请求报文与响应报文的格式？请求报文：请求行 请求首部字段 请求内容实体 空行响应报...
2020-04-20 16:41:56
314
原创 js----jsonp跨域及原理
原理jsonp的原理就是利用标签的src可绕过同源限制，跨域请求。img,script,这种标签如果有相应的src，那么便会发起一个htttp请求来请求相应的资源,如果有script标签对应的路径是一个js文件，那么在下载完毕这个js之后会马上执行。缺点只能发送get请求。因为script只能发送get请求 需要后台配合。此种请求方式应该前后端配合，将返回结果包装成callb...
2020-04-14 11:36:20
157
原创 vue----获取el-input光标插入文本
insertText(insertTxt) { // 获取el-input中的input元素 let elInput = this.$refs.targetIn.$el.firstElementChild; // 获取el-input的值 let txt = elInput.value; // 做插入前做长度校验（如果有这个需要的话） if (tx...
2020-04-14 10:21:42
4010
原创 vue----富文本编辑vue-quill-editor如何把图片/文本插到光标位置
// 获取编辑器对象let quill = this.$refs.myQuillEditor.quill;// 获取编辑器光标位置let length = quill.selection.savedRange.index;// 插入图片至光标位置，imgUrl为图片地址quill.insertEmbed(length, 'image', this.imgUrl);// 移动光标...
2020-04-14 10:09:56
2568
1
原创 JavaScript原理----从 ECMAScript 规范解读 this
一、准备ECMAScript 的类型分为语言类型和规范类型。语言类型：开发者直接使用 ECMAScript 可以操作，就是常说的Undefined, Null, Boolean, String, Number, 和 Object。规范类型：相当于 meta-values，用来用算法描述 ECMAScript 语言结构和 ECMAScript 语言类型的，包括：Reference, ...
2020-04-08 16:33:37
278
原创 vue开发----vue生命周期详解
最近在回顾vue相关知识点，发现对vue生命周期了解的还不是很透彻，现在根据一些大佬的总结再对比一下vue的官方文档，自己也总结了一下，理解透彻才不会在开发过程中犯下一些低级的失误。1.创建期间的生命周期函数：beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 created：实例已经在内存中创建OK，此时 data 和 meth...
2020-03-19 17:40:13
174
原创 js----关于javascript阻止浏览器默认行为，兼容性解决方案
阻止浏览器默认行为触发的通用方法 ：stopBrowserDefault(e) { if (e && e.preventDefault) { e.preventDefault();// 阻止标准浏览器默认行为 } else { window.event.returnValue = false;// 阻止IE浏览器默认行为 ...
2019-12-23 16:24:53
430
原创 vue开发----关于文件下载跨域的解决方法
情况说明：项目将文件储存在第三方服务器（阿里云）上，在下载文件的时候，需要跨域，将处理过程记录如下。第一次尝试：（还不是跨域问题）刚开始的时候，因为能获取到文件的URL地址，所以尝试以<a>标签的形式下载，代码如下：// 下载按钮点击事件fileDownload (url, fileName) { let ele = document.createEleme...
2019-11-08 14:44:37
17567
15
原创 vue开发----关于阻止浏览器右键显示的方法
一、在HTML元素中使用.prevent<!--不阻止右键菜单(浏览器行为)，右键执行函数show--><div @contextmenu="show()"></div><!--阻止右键菜单--><div @contextmenu.prevent></div><!--阻止右键菜单(浏览器行为)，右键...
2019-11-06 10:42:29
11170
1
转载 vue开发----关于框架或插件组件样式更改(转)
修改组件样式三种方式：第一种：使用 /deep/注意：使用 cass 和 less 只能使用 /deep/ 这个方法方法二：使用 >>>方法三：使用全局样式表（不推荐）另外说点其他技巧如果在浏览器中，看到当前的 vue组件属性 [data-v-xxxxxx] 的话，那么可以直接拿过来使用原文链接：【vue scoped 样式修改 】框架或插件组件样式...
2019-09-25 21:10:36
293
原创 wepy----小程序框架学习要点记录
1.对于WePY中的methods属性，因为与Vue中的使用习惯不一致，非常容易造成误解，这里需要特别强调一下：WePY中的methods属性只能声明页面wxml标签的bind、catch事件，不能声明自定义方法，这与Vue中的用法是不一致的。// 错误示例import wepy from 'wepy';export default class MyComponent extends w...
2019-09-25 21:05:11
162
原创 js----关于!和!!的区别及用法
1、！可将变量转换成boolean类型，null、undefined和空字符串取反都为false，其余都为true。!null=true!undefined=true!''=true!100=false!'abc'=false2、！！常常用来做类型判断，在第一步!（变量）之后再做逻辑取反运算，在js中新手常常会写这样臃肿的代码：判断变量a为非空，未定义或者非空串才能执行...
2019-09-20 20:16:44
170
原创 js----关于对location对象的详解
打开谷歌浏览器的调试工具，在console中输入window.location，会输出JSON格式的location不同的属性：window.location.href（当前URL）window.location.protocol（协议)window.location.host（域名 + 端口）window.location.hostname（域名）window.locat...
2019-09-10 11:32:56
134
原创 vue开发----关于字符串去除空格的方法
第一种：正则匹配str = str.replace(/\s*/g,''); // 去除字符串内所有的空格str = str.replace(/^\s*|\s*$/g,''); // 去除字符串内两头的空格str = str.replace(/^\s*/,''); // 去除字符串内左侧的空格str = str.replace(/(\s*$)/g,''); // 去除字符串内右侧的...
2019-08-27 14:58:15
15578
原创 vue开发----关于输入框的事件的使用
第一种：@input（v-on:input）实时监听输入的值第二种：@change当输入值改变的时候调用第三种：@keyup.enter(element组件使用：@keyup.enter.native)监听键盘输入的Enter键第四种：@blur当输入框失去焦点的时候调用...
2019-08-27 14:32:46
239
原创 vue开发----关于监听watch指令的使用
第一种：普通监听new Vue({ el: '#root', data: { test: {id: 1, name: 'ceshi'} }, watch: { test (newVal, oldVal) { // ...执行代码 } }})第二种：根据需求进行深度监听n...
2019-08-26 15:53:48
113
原创 vue开发----关于解除数据的双向绑定的方法（非组件之间的数据绑定）
temp = { 'data' : 'test' }; // 全局变量//这样改变obj的值的时候，temp的值不会跟随改变let obj = JSON.parse(JSON.stringify(this.temp));// 或者使用lodash工具库的_.cloneDeep()let obj = _.cloneDeep(this.temp);...
2019-04-09 15:13:06
8494
3
原创 vue开发----使用el-upload组件在vue-quill-editor组件工具栏中添加文件上传
先上一个最终的效果图：如图：上面是quill-editor组件，下面是el-upload组件。上代码：<template> <div class="my-container"> <!--quill组件用div包裹起来是为了更方便的根据项目要求修改组件的样式，下同--> <div class="my-...
2019-04-09 11:05:26
1568
2
原创 vue开发----npm run dev 报错：missing script:dev
1.运行报错2.解决办法打开相应项目根目录下的 package.json 文件， 文件内容如下：在script里，并没有dev，而是serve，应该用 npm run serve 命令运行vue项目。...
2018-11-23 11:11:07
22990
11
原创 js/ts 控件的点击事件（document.getElementById("**")）
在js/ts页面添加对某个控件的点击事件，可以使用如下代码：document.getElementById("控件id").onclick = () => { console.log("按了"); }
2018-03-15 20:20:26
13884
1
原创 ionic3开发系列——<col>属性的占屏比例设置
.col-xs-：超小屏幕 手机 (<768px),.col-sm-：小屏幕 平板 (≥768px),.col-md-：中等屏幕 桌面显示器 (≥992px)(栅格参数).不管在哪种屏幕上，栅格系统都会自动的分12列，col-xs-*和col-sm-* 和col-md-*后面跟的参数表示在当前的屏幕中 div占的宽度。例如 <div class="col-xs-6 co...
2018-01-30 11:36:43
3351
2
转载 ionic3开发系列——实现对部分元素的立即响应（tappable属性）
熟悉前端的应该都知道，某些元素在click事件会有300ms的延迟，在ionic里也是只有button和a可以立即响应的。如果要给其他的元素比如div增加click事件，给该元素加上tappable属性即可解决。...
2018-01-30 11:06:46
2097
原创 ionic3开发系列——实现对手机软件键盘按键的监听
最近开发项目，上级boss给出的一个需求是：在input输入框输入值后，点击手机软件键盘的确认键之后对文本框中的值进行下一步的操作。百度了好多都没有找到关于ionic3相关的教程或者解决办法，看到最多的是在*.html页面操作，即：将input输入框和一个button按钮放在一个form表单中，这样点击键盘的确认键就可以执行button里的方法<form> &l...
2017-12-14 11:29:46
4205
原创 ionic3开发系列——<ion>组件获取焦点、失去焦点事件
*.html界面代码如下：<ion-input placeholder="输入框" (ionBlur)="blurInput()" (ionFocus)="focusInput()"></ion-input>ionFocus为输入框获取焦点的属性ionBlur为输入框失去焦点的属性即可在对应的 *.ts 界面编辑相应的失去焦点和获取焦点所...
2017-12-13 19:21:49
11223
1
原创 ionic3开发系列——打包APK运行，启动页后白屏几秒，解决方案
问题描述：开发过程中发现ionic3项目打包后在真机上运行，启动页后会有3-5秒的白屏时间。解决方法：在config.xml添加以下属性： <!--默认有前四个配置，后面三个是另外添加的--> <preference name="SplashScreen" value="screen"/> <preference name...
2017-12-06 13:59:36
3025
1
原创 ionic3开发系列——从多重子页面返回根页面的解决方法
最近开发ionic项目，因为跳转的子页面太多，回到根页面如果是点击每个页面的back按钮则用户体验度太低，查看ionic官方文档，突然看到NavController（官方文档）包含popToRoot()这样一个方法， popToRoot(opts)Navigate back to the root of the stack, no matter how far back that
2017-11-30 10:28:49
4755
1
转载 ionic3开发系列——导航栏<ion-navbar>属性设置
首先可以在 app.module.ts 文件中配置。@NgModule 中的 imports 属性的 IonicModule.forRoot 第二个参数，如下：IonicModule.forRoot(MyApp, { backButtonText: '', // 配置返回按钮的文字 backButtonIcon: 'arrow-dropleft-circle' //
2017-11-30 10:11:51
8290
2
原创 ionic3开发系列——Android 端软键盘弹出后界面被压缩的解决办法
问题：在页面上点击需要输入的控件，当软键盘弹出后，Android 端的 tabs 移到了软键盘的上面，整个界面都被压扁了。解决方法：打开 AndroidManifest.xml，发现 Ionic 3 将 android:windowSoftInputMode 属性默认设置为 adjustResize 值，将属性值修改为 adjustPan|stateHidden 即可。
2017-11-24 18:26:22
3297
原创 ionic3开发系列——ionic3懒加载配置
配置ionic3懒加载步骤：1.给需要懒加载的页面配置module.ts；例：配置about.module.ts：import { NgModule } from '@angular/core';import { IonicPageModule } from 'ionic-angular';import { AboutPage } from './about';...
2017-11-05 22:36:20
2435
原创 ionic3开发系列——如何导入自定义资源图标库
首先，到阿里开源图标库下载需要的小图标，下载后直接放到项目的src/assets/icon/目录中即可。并在index.html的header节点中导入资源图标库。注：stylesheet英文翻译为样式表，不错这条代码的作用就是告诉浏览器需要引用外部样式表文件为那个，例如：<link href="assets/icon/iconfont.css" rel="stylesheet">
2017-11-05 22:15:16
1655
原创 不同的SDK之间引用了同一个jar包出现的警告
Warning:WARNING: Dependency org.json:json:20090211 is ignored for release as it may be conflicting with the internal version provided by Android.In case of problem, please repackage it with jar to c
2017-04-21 09:42:09
2238
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人