自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 MongoDB 安装教程

基于作者Window10安装教程其他平台参考MongoDB官方手册1.在这里我们直接下载这个64位版本2.下载完成后,安装过程非常简单,选择自定义安装3.这一步可以选择安装位置,你们可以自行选择4.直接下一步next5.最后install的时候 取消掉 install mongodb compass! ! !6.到这一步其实就已经已经安装完成了现在会自动生成data文件夹和log文件夹,如果没有就需要手动创建7.接下来就是配置环境变量打开电脑高级设置—>环境变量—>

2021-09-28 23:24:09 240

原创 H5单页面使用jquery

20210906 周一1.js定时器和延时器添加定时器:setTimeout("js语句",时间)setInterval("js语句",时间)删除定时器(此处的timer(自定义)是定时器的顺序,在后面的部分我会介绍到):clearTImeout(timer)clearInterval(timer)setTimeout 只能执行一次setInterval中这个函数可以无限循环执行2.jQuery验证码+倒计时 codeBtn.click(function () {

2021-09-08 11:51:17 873

原创 vscode 自用插件

vscode 插件1.Auto Close Tag & Auto Rename Tag(标签自动补齐和删除)2.Bracket Pair Colorizer (匹配对应的括号代码块高亮)3.Chinese (汉化编辑器)4.Code Spell Checker(检车单词正确否)5.CSS Peek(点击类名或者id 快速查看css定义)6.ESLint(ESlint 需另外配置)7.Highlight Matching Tag (点击标签匹配结束标签高亮)8.HTML CSS Su

2021-09-08 11:45:24 238

原创 城市选择索引

<u-index-list :index-list="indexList" :scroll-top="scrollTop"> <view v-for="(item, index) in indexList" :key="index"> <u-index-anchor :index="item" /> <view v-for="(c,i) in filterCity(item)" :key="i" class="list-.

2021-09-08 11:44:08 142

原创 uniapp 自定义背景导航栏

/*子组件 ↓*///组件 <u-navbar back-icon-name="" immersive :border-bottom="false" :is-fixed="true" :background="{ background: changeNavBackground ? `url(${navBgImage}) no-repeat top / 100% auto` : 'none' }" :back-text-s

2021-09-08 11:40:52 319

原创 scoop 安装使用

scoop(包管理器) 下载软件从 githubgithub文章1文章21.安装scoop1.1 确保是powershell 5(及其以上)进行安装(默认位置在C盘,可更换位置)$PSVersionTable.PSVersion.Major # 查看Powershell版本 $PSVersionTable.CLRVersion.Major # 查看.NET Framework版本1.2 PowerShell执行:Set-ExecutionPolicy Remote

2021-09-03 16:52:01 1876

原创 vue过滤器

//filter.js 暴露一个对象export default { filterPrice(value) { if (!value) return '' value = Number(value) return value.toFixed(2) }}//main.jsimport fiters from '@/common/utils/filter' //filters 名字随便取//挂载到全局VueObject.keys(fiters).forEach(it

2021-09-03 16:46:56 85

原创 配置 uni-app eslint

编辑器:vs code脚手架:uni-appeslint标准:Standard下载安装uni-app项目vs code安装插件ESLint下载安装eslint-config-standard github地址:eslint语法检查standard在当前项目中执行npx eslint --init(npx是npm包中带有的一个命令),如上图选择安装成功完毕后,项目工程目录下会自动生成.eslintrc.js文件。此时你的语法检查已经生效(未生效请重启vs code)。其他配置uni-app

2021-09-03 16:46:09 2094

原创 微信开发实时日志

// 从基础库2.7.1开始支持const log = wx.getRealtimeLogManager? wx.getRealtimeLogManager() : null;module.exports = { info() { if (!log) return log.info.apply(log, arguments) }, warn() { if (!log) return log.warn.apply(log, arguments) }, e

2021-09-03 16:44:08 255

原创 vue 修饰符

//例子:父组件控制子组件显示隐藏 .sync类似自定义事件的语法糖//父组件<handlePopup :visable.sync="show"></handlePopup>//子组件//1.props 接收传过来的值this.$emit("update:visable",false)

2021-09-03 16:43:28 198

原创 uniapp 跳转公众号获其他小程序

跳转公众号 //传值 wx.navigateTo({ url: '/pages/star/officialAccount/index?jumpUrl=https://mp.weixin.qq.com/s/3Au_p9YtwLKENKw8_AXPSw',})//接收传过来的公众号信息onLoad: function (options) { this.setData({ jumpUrl:options.jumpUrl }) },//使用web-view页

2021-09-03 16:40:51 897

原创 js 倒计时

// 待支付订单 倒计时 countDown() { const that = this //获取时间戳 (毫秒) const levelTime = new Date(this.orderDetail.createTime.replace(/-/gi, '/')).getTime() + 1800000 - new Date().getTime() //1800000(时间戳是毫秒 * 1000)倒计时三十分钟 60 *30 *1000 let

2021-09-03 16:36:26 68

原创 TypeError Cannot convert undefined or null to object at r.keys

后端返回数据包含属性值为 null 的字段,(前或者后端)将返回字段处理处理一下。具体原因还不明白

2021-09-03 16:33:36 1143

原创 uniapp 时间显示问题

uniapp时间显示NAN原因:ios系统不支持2018-03-09这样格式的时间导致出现的这个问题,IOS只识别2018/03/09这样的格式。uView组件 CountDown倒计时组件安卓机显示正常 , ios显示 00:00问题,后端返回的数据是2021-07-23 00:00:00格式需要转换成 2021/07/23 00:00:00格式,然后用时间戳计算// 待支付订单 倒计时 AutoCancelOrder() { const that = this that.orde

2021-09-03 16:31:09 1508

原创 uniapp 应用生命周期加载未完成页面生命周期就开始

uniapp 应用生命周期加载未完成页面生命周期就开始解决方案1、main.js添加如下代码Vue.prototype.$onLaunched = new Promise(resolve => { Vue.prototype.$isResolve = resolve})2.在 App.vue 的 onLaunch 中增加代码 this.$isResolve(),这个方法必须在你的业务如ajax执行完毕后再执行 async onLaunch(options) { if (!u

2021-09-03 16:15:13 635

原创 ‘index.js‘ does not match the corresponding name on disk: ‘.\node_modules\把react写成了React;

‘index.js’ does not match the corresponding name on disk: '.\node_modules\是import引入语句写的有问题,把react写成了React;应该是 import {React} from ‘react’;

2021-06-01 22:55:52 4032 1

原创 react form表单日期数据回显到DatePicker组件中

报错问题:Uncaught TypeError: date.clone is not a function报错原因:initialValues={this.state.formdata}初始化表单信息的时候时间回显报错:Uncaught TypeError: date.clone is not a function,原因是数据类型不匹配解决办法import moment from 'moment'; //引入momentvar valueTime = moment(value.memberent

2021-05-29 22:07:09 1754

原创 antd Modal中添加Form表单用ref获取数据,第一次打开取到的是null

Modal的 API中有一个强制渲染的属性给Modal加上此属性即可。forceRender={true}第一次取就可以取到了,只是会把渲染的先隐藏起来,可能会浪费些渲染性能。

2021-05-29 20:01:51 2562

原创 Cannot find file: ‘index.js‘ does not match the corresponding name on disk: ‘.\node_modules\React\re

Cannot find file: ‘index.js’ does not match the corresponding name on disk: ‘.\node_modules\React\react’.因为在webpack.config.js配置了自动引入React和Component解决方法把 : “React"改为"react”, new webpack.ProvidePlugin({ React: "react", //注意此处的react不要大写

2021-05-24 11:52:34 1651

原创 ENOENT: no such file or directory, scandir ‘E:\Demo\threeStage\react-app\node_modules\node-sass\vend

在使用npm安装node-sass的时候,可能会出现如下的报错解决方案是执行以下方法:npm rebuild node-sass

2021-05-23 10:56:40 132

原创 react 路由跳转报错TypeError: Cannot read property ‘props‘ of undefined

react 路由跳转报错TypeError: Cannot read property ‘props’ of undefined handleGoReg() { console.log(this.props); this.props.history.push("./register") }原因是没有给函数绑定this,函数内部引用this的时候无法解析出this,也就得不到this的属性props了。解决方法1:在组件的构造函数constructor中添

2021-05-22 23:35:54 1200

原创 react路由懒加载

方法一:React.lazy 接受一个函数,这个函数需要动态调用 import()。它必须返回一个 Promise,该 Promise 需要 resolve 一个 default export 的 React 组件然后应在 Suspense 组件中渲染 lazy 组件,如此使得我们可以使用在等待加载 lazy 组件时做优雅降级(如 loading 指示器等)fallback 属性接受任何在组件加载过程中你想展示的 React 元素。你可以将 Suspense 组件置于懒加载组件之上的任何位置。你甚至

2021-05-20 21:17:26 149

原创 react取消eslint

在package.json 中修改代码"eslintConfig": { "extends": "react-app", "rules": { "no-undef": "off", "no-restricted-globals": "off", "no-unused-vars": "off" }}

2021-05-19 17:48:42 1260

转载 React中的context

React中的context当我们写React时,我们总是通过改变State和传递Prop对view进行控制,有时时,也会遇到一点小麻烦。但是随着我们的应用变的越来越复杂,组件嵌套也变的越来越深,有时甚至要从最外层将一个数据一直传递到最里层(比如当前user的信息)。理论上,通过prop一层层传递下去当然是没问题的。不过这也太麻烦啦,要是能在最外层和最里层之间开一个穿越空间的虫洞就好了。幸运的是,React的开发者也意识到这个问题,为我们开发出了这个空间穿越通道 —— Context。假设我们有一

2021-05-18 10:46:19 118

原创 JavaScript面试题

function A() { alert(1); } function Func() { A = function () { alert(2); }; return this; } Func.A = A; Func.prototype = { A: () => { alert(3); } }; ...

2021-05-07 18:46:50 34

原创 git仓库提交代码

关于git仓库提交代码的一些操作1.初始化git仓库,在本地生产git文件夹,建立远程仓库连接,查看连接远程地址1 git clone url2 git init3 git remote set-url origin url // 设置远程地址4 git push -u origin master5 git remote add origin url // or $ git remote add fork url // 添加远程地址6 git remote -v2.提交基本操作四部曲1

2021-04-19 11:22:09 86

原创 vue页面跳转添加动画

1.引入animate.css在styles引入css样式文件,@import "animate.css";接着写一个动画@keyframes enter { from { opacity: 0; transform: translateY(-10%) } to { opacity: 1; transform: translateY(0%) }}@keyframes leave { fro

2021-04-16 17:28:20 462

原创 vue中使用swiper的coverflowEffect没有效果

看看自己 安装的swiper版本,swiper库是Swiper(4-6)的配置选项,所以把包的版本降到相应的版本就好了cnpm i swiper@4.3.0 -S"swiper": "^4.3.0",在main.js全局引入样式//引入swiper样式import "../node_modules/swiper/dist/css/swiper.css";相应的页面引入swiper即可import Swiper from "swiper";...

2021-04-16 16:04:46 1938 1

原创 session和token node(express)+vue

session和token1.node所需session的插件和配置cookie-parser -Sexpress-session -S下载后然后在app.js引入插件接着配置session的基本信息 储存时长//设置 session中间件 --- 必须写在路由中间件前面 用来保存用户登陆后的数据 app.use(session({ name: "AppTest", cookie: { maxTime: 1000 * 60 * 24 }, //设置 session

2021-04-12 20:23:56 167

原创 头像上传nodeJs(express) + vue

@[TOC](nodeJs(express) + vue)1.node 安装插件cnpm i multer -S2.写一个上传问文件的input框 <div class="uploadimg"> <input class="fileInput" type="file" ref="file" @change="changeFile" /> <img class="avatar" :src="pic" alt @click="changeAvatar" /

2021-04-12 18:11:31 672

原创 浅谈this执指向问题

this是什么:this是javascript的关键字,存在于函数内部,随着函数的调用,函数内部的this指向会发生变化,有一个总的指向原则—谁调用函数this指向谁。情况一普通函数,回调函数,函数表达式,自执行函数,定时器内部的函数上面这些函数this都是指向window的(排除严格模式)情况二当函数作为对象的方法被调用时总之就是会遵循谁调用就指向谁的原则,obj调用时,this就...

2020-02-29 21:05:26 189

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除