自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

实事求是,艰苦奋斗,小小的梦想,终将实现。

主要记录平时遇到的坑,帮助同行少走弯路

  • 博客(102)
  • 收藏
  • 关注

原创 微信小程序自定义tabbar

先在app.json文件中的tabbar属性中的list属性中写入,你需要使用的tabbar页面的信息如下图。在根目录下创建custom-tab-bar文件夹,并生成对应的组件。在custom-tab-bar文件夹中定义好自己的自定义tabbar。我们就可以看到下面的内容以及成功的显示。...

2022-08-01 16:13:31 143

原创 解决Echarts官网无法访问的问题

问题描述访问Echarts官网显示服务访问。问题原因:NDS域名解析出现了问题,解析出来的ip不是Echarts官网的ip解决方案第一步使用管理员身份打开。第二步进入到系统目录中,到etc文件夹下。cd C:\Windows\System32\drivers\etc第三步终端中输入输入notepad hosts会打开host文件,在文件最下面手动添加207.244.88.140 echarts.apache.org在终端下输入(更新DNS解析缓存)ipco

2022-04-29 14:26:11 21031 45

原创 Umi路由(Link跳转传参与history传参相互协调)

业务描述使用Link的方式传递的参数、与使用history方式跳转到相同页面并保证业务流程不存在问题。 // 操作页面 // 使用history跳转的/IfrsBill/IfrsPurchaselist路由 history.push({ pathname : '/IfrsBill/IfrsPurchaselist', state : {record:result.data} })// 通过用户点击跳转到/IfrsBill/IfrsPurcha

2022-04-18 11:57:36 1906

原创 关于antdpro中render使用async、await。

render : (_,recorf) => ( <RowComp record={record}> </RowComp>)const RowComp = ({...props} => { const [createModalVisible, handleModalVisible] = useState(false); useEffect(async () => { const res = await promise; handleModalV.

2022-03-28 16:07:01 457

原创 关于antd-pro、Umi中ejs文件图片引入显示404问题

问题描述页面写法浏览器问题解决方案<img src="<%= context.config.publicPath +'图片命.png'%>" width="32" style="margin-right: 8px" /><img src="<%= context.config.publicPath +'login.png'%>" width="32" style="margin-right: 8px" />

2022-03-09 10:26:16 762

原创 关于uni-app请求封装

首先在src目录下创建server文件夹,并创建featch.js、config.js、request.js三个文件加。内容如下featch文件主要用来封装主题请求。export const featch = async ( method = 'GET' , url , param) => { return new Promise((resolve , reject) => { uni.request({ method, url, data: param,

2022-03-08 22:44:00 278

原创 小程序项目导入 hbuilder但被识别为web

这是一个微信小程序的项目,但导入 hbuilder但被识别为web。解决办法1、 首先修改package.json 为 package-lock.json2、右键重新识别项目3、我们看到一键变为小程序了4 、package-lock.json 修改为packag.json即可运行项目...

2022-03-02 11:09:42 679

原创 React使用antd中tree组件添加按钮的解决方案

问题描述:需要给Tree组件上添加一个按钮。如下图在了解官网文档后关注一下这个属性这个属性的title是可以接受一个ReactNode的。因此可以在这个title上进行一个需求的添加。

2022-02-24 14:51:57 1700

原创 关于git commit -m ‘‘书写规范

关于git代码提交描述规范可以参考:约定式提交Commit message 的格式Commit message 都包括三个部分:Header,Body 和 Footer。<type>(<scope>): <subject> //header// 空一行<body>// 空一行<footer>其中,Header 是必需的,Body 和 Footer 可以省略。Headertype用于说明commit的类型如下fea.

2022-02-23 13:34:44 781

原创 Windows Terminal配置好看的终端

1、前往Microsoft Store商店安装安装完成后在安装Ubuntu这里需要进行配置打开控制面板找到启用或关闭window功能勾选确定并重启。重启后就可以操作Ubuntu的系统的安装配置Zsh1、安装ZSH:sudo apt install zsh2、确认 zsh 成功安装:zsh3、把zsh设置为默认shell: chsh -s /bin/zsh4、重启zsh:exec zsh安装配置Oh-My-Zsh一、安装国内gitee镜像安装wget https://

2022-02-22 21:46:56 361

原创 关于新需求的解决方案

关于新需求的解决方案需求说明:用户消息管理相关的功能。1.项目搭建1.1 init# use by npmnpx create-umi myapp# use by yarnyarn create umi myapp选择对应开发语言:JavaScript选择对应的模板:simple进入项目文件夹安装依赖yarntyarnnpm icnpm i启动项目npm run startyarn start2.实施方案2.1 关于请求封装的解决方案a

2022-02-22 15:01:29 277

原创 前端开发规范-基本原则

代码规范一直以来是都是我们比较关注的问题。不统一且不规范的代码会导致我们在接手别人的项目的时候造成很大的学习成本。为了避免篇幅过长,我会分成几个部分逐一进行分享。也希望多提提意见以便大家一起进步。本文是对W3Cschool中的前端开发规范的梳理和解析以及个人见解,有兴趣的同学可以看一下。W3Cschool前端开发规范基本原则缩进统一两个空格缩进(总之缩进统一即可),不要使用 Tab 或者 Tab、空格混搭。对于这里笔者认为使用table和空格都不重要,重要的是几个缩进。建议:使用2.

2022-02-21 15:33:17 225

原创 VScode修改Table缩进

打开VScode把4修改为2即可。

2022-02-21 11:04:06 305

原创 微信公众号开发——(first)公众号注册详细步骤

微信公众号开发-超详细注册步骤

2022-02-18 15:10:21 296

原创 关于vscode安装包下载太慢(解决方法)

解决vscode下载速度过慢的问题

2022-02-17 10:37:21 2295

原创 前端面试汇总-HTML&CSS

前端HTML+css面试问题汇总

2022-02-14 22:39:04 115

原创 Java引用数据类型-数组

数组的初始化动态初始化int[] arr = new int[3]/* 左边: int:数组中元素的类型。 []:说明这是一个数组。 arr:数组名称。 右边 new:申请内存空间 int:说明数组中元素的类型 []:说面这是一个数组 3:数组的长度*/静态初始化格式:数据类型[] 变量名 = new 数据类型[]{数据1,数据2}简化格式:数据类型 [] 变量名 = {数据1,数据2}int[] arr = {1,2,3};数组的元素访问使用索引

2022-02-01 19:42:56 1048

原创 IDEA中项目结构

IDEA项目结构IDEA中内容辅助建和快捷建快捷生成语句快速生成main()方法:psvm,回车。快速生成语句:sout,回车。内容辅助建ctrl + alt +space(内容提示,代码补全)快捷键注释:ctrl + /格式化ctrl + alt + L...

2022-02-01 18:12:06 545

原创 React生命周期

React生命周期React17版本之前的声明周期挂载阶段constructcomponentwillmountrendercomponentdidmount更新阶段componentWillreceiveProps:组件将要接受参数。(父组件更新时触发)shouldComponentUpdate:组件是否应该更新。(this.setState)componentWillUpdate:(this.forceUpdate)rendercomponentDidUpdate销毁阶段

2022-01-24 09:39:15 176

原创 React-router-dom@6

React-router-dom@6随着技术的革新,React-router-dom@6对之前的版本有一些变动。目前踩坑如下路由配置1、Route必须被Routes包含。2、component 变成了 element3、路由嵌套要写在路由配置页,组件使用位置使用Outlet代替 <Routes> <Route path="/home" element={<Home />}> //路由嵌套

2022-01-16 17:29:26 436

原创 关于js的运算操作积累

问题描述:在使用js进行数学运算的时候,出现了一个问题,a||0 - b|| 0 = c。但是运算发现结果等于a。这是不满足我们的需求的。解决方案:1、我们先来复现一下场景 var a = 150 var b = 25 a || 0 - b || 0 = ? //答案150这是为什么,在操作的时候,我们发现是运算符的优先级造成的。网上没有合理的解释,我自己琢磨了一下,首先减法会先运行,这是发现 a || 0 还没有执行,就没法进行加减,函数就按照减数的值赋值。解决方案加上括号即可

2021-03-26 17:51:35 31

原创 云服务器购买指南

目前市面上的云服务器有很多。阿里云:https://www.aliyun.com/purchasing/2021?utm_content=se_1008711494腾讯云:https://cloud.tencent.com/act百度云:https://cloud.baidu.com/campaign/PromotionActivity/index.html天翼云:https://www.ctyun.cn/h5/activity/index华为云:https://www.huaweicloud.c

2021-03-19 15:37:23 287

原创 算法题:找出一个数组中出现三次的数字

题:一个数组[1,3,2,5,3,4,2,5,3,4,50],取出出现了三次的数字。 var countNUMBER = function (arr,number) { var returnArr = []; var obj = {}; for (let i = 0; i < nums.length; i++) { obj[nums[i]] = obj[nums[i]] + 1 || 1 }

2021-03-18 09:35:50 333

原创 关于https绑定ip还是域名问题

问题描述:1、我给一个域名绑定了ssl。并通过https访问他没问题。2、当我使用https,访问他的ip的时候,会显示不安全。原因:1、ssl认证一般是使用域名的。如果你选个使用https访问ip地址那么,你就需要给ip一个ssl的认证。...

2021-03-15 11:26:19 1712 2

转载 无忧主机原创:解决Joomla误开SSL功能导致无法访问管理员后台

操作方法:1、 连接FTP,进入网站根目录(public_html),下载configuration.php到本地。2、 使用文本编辑器editplus打开该文件,将:var $force_ssl = ‘2’; PS:这个数值,你不用管,只要将var $force_ssl的属性改为0就可以了。修改为:var $force_ssl = ‘0’; PS:零就关闭的意思。修改完毕后,上传覆盖后,joomla加密访问SSL功能就失效了。使用正常访问访问即可。...

2021-03-15 11:21:12 131

原创 vue.config,js配置简述

通过vue-cli 3.0 工具生成的项目,默认隐藏了所有webpack的配置项,目的是为了屏蔽项目配置过程,让程序员把工作重心,放在具体的功能和业务逻辑上。我们可以通过vue.config.js文件修改webpack的默认配置。官方配置//vue.config.js配置const path = require('path')const debug = process.env.NODE_ENV !== 'production'//导出一个对象module.exports = { //配

2021-03-11 22:14:51 100

原创 webpack4.0

webpackwebpack 安装npm install webpack webpack-cli -Dwebpack打包npx webpack会去找到node_module中的webpack.cmd文件(如果当前目录下有就执行,没有就返回上一级目录找到webpack中的webpack.js)webpack.js文件会看你是否安装webpack cli,如果有就会提示你安装webpack cli。webpack 手动配置默认配置名字:webpack.config.jslet path = re

2021-03-11 22:09:51 133

原创 节流与防抖

防抖用户在规定时间间隔内持续完成一件事,不会触发函数执行。立即防抖//func 执行的函数// wait 延迟时间function debounce(func, wait) { var timeout = null; var context = this; var args = arguments; return function () { if (timeout) clearTimeout(timeout); var callNow

2021-03-11 22:06:25 39

原创 小程序云数据库解析

数据库修改的四中权限所有用户可读,仅创建者可写所有的用户都可以访问到这个数据表中的数据,但是不能做修改。只有创建者才可以修改自己创建的数据。仅创建者可读写用户只能访问和修改到自己创建数据,看不见其他人创建的数据也不能修改其他人创建的数据。所有用户可读不可写所有用户都可以访问到数据表中的数据,但是任何人都不能修改数据表中的数据。包括创建者本身所有用户不可读写对外不公开的,没人能获取表中数据,也没人能修改数据。但是实际的开发情况可能会更复杂,我们需要其他的解决方案怎么办? 使用云函数可以修改数

2021-03-11 22:04:32 285

原创 微信小程序获取用户信息以及openid

获取用户信息在小程序新的文档中定义了,如果想要获取用户信息那么需要与open-type一起使用,否则是无法获取用户信息的。<button open-type="getUserInfo"bindgetuserinfo="bindGetUserInfo"> 获取用户信息</button>//open-type 开放能力,这里我们开放的市用户userInfo//bindgetuserinfo 点击获取用户信息,与wx.getUserInfo返回结果一致,(open-type=g

2021-03-11 22:02:09 696

转载 Sentry 入门实战

Sentry 是一个开源的实时错误追踪系统,可以帮助开发者实时监控并修复异常问题。它主要专注于持续集成、提高效率并且提升用户体验。Sentry 分为服务端和客户端 SDK,前者可以直接使用它家提供的在线服务,也可以本地自行搭建;后者提供了对多种主流语言和框架的支持,包括 React、Angular、Node、Django、RoR、PHP、Laravel、Android、.NET、JAVA 等。同时它可提供了和其他流行服务集成的方案,例如 GitHub、GitLab、bitbuck、heroku、slack、

2021-03-09 21:39:47 115

原创 nodejs学习笔记

node.js是什么?node.js一个让javascript运行在服务端的开发平台node.js不是一门语言node.js不是库,不是框架node.js是一个JavaScript运行时环境node.js是可以解析和执行js代码,以前只有浏览器可以解析JavaScript也就是说有了node,JavaScript可以完全脱离浏览器运行。构建与chrome的v8引擎上代码只是具有特定格式的字符串引擎可以识别他们,引擎会帮你去解析和执行chrome的v8引擎,是目前公认执行js最快的引擎n

2021-03-09 20:54:57 54

原创 Ajax

1、AJAX原理ajax说白了就是一套api,从而实现通过代码控制请求与响应2、AJAX三部曲var xhr = new XMLHttpRequest()xhr.open('请求方式','地址')xhr.send()3、onreadystatechange方法var xhr = new XMLHttpRequest()xhr.open('请求方式','地址')xhr.send()xhr.onreadystatechange = function(){}xhr.addEventList

2021-03-09 20:23:38 62

原创 websocket介绍

websocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器的全双工通讯-允许服务器主动发起信息个客户端,websocket’是一种持久协议,http是非持久协议。使用场景:现在很多网站都有实时推送的需求,比如聊天,客服咨询等。早期没有websocket的时候,是通过ajax轮询,由于http请求,服务器无法给浏览器主动发送数据,因此需要浏览器定时给服务器发送请求(比如1s一次),服务器把最新的数据响应给浏览器。这种模式的缺点就是浪费性能和资源。websocket使用H5中使用.

2021-03-09 20:10:55 213

原创 虚拟dom

1、什么是虚拟domVirtual DOM其实就是一颗以JavaScript对象作为基础的树,用对象属性来描述节点,实际就是真实dom的抽象。最终通过一系列操作使这课树映射到真实环境上。它描述了应该如何船舰一个真实的DOM节点。2、vue为什么使用虚拟dom创建真实DOM的代价高真实的DOM节点(node)实现的属性很多,而虚拟节点(vnode)仅仅实现一些必要的属性,相比至下,创建一个vnode的成本低。不会覆盖,重绘,节点。他会找到真正有变化的节点对其进行修改。例如:一个ul标签下面有很多li标

2021-03-09 20:04:53 34

原创 nginx双机热备与负载均衡

1、nginx反向代理首先在本地启动一个端口号为80的node服务,这个服务会被代理到192.168.0.0.1的ip地址上。也就说你可以通过访问192.168.0.0.1这个地址访问到你本地80端口的服务。server{ listen 80; server_name localhost; location /{ proxy_pass http://192.168.0.0.1 }}2、nginx负载均衡在本地开启两个服务相

2021-03-09 20:01:40 1089

原创 js解析引擎垃圾回收机制

JS垃圾回收机制js中,垃圾回收机制,是一种自动管理内存的机制。找到不在需要的变量,并释放他的内存。1、为什么会有垃圾回收机制。因为每次创建一个变量/函数都会占用内存,如果不清理内存都会导致内存泄漏。内存泄露程序去申请内存,无法释放已申请的空间,一块内存没办法使用,也没办法释放。常见的内存泄露全局变量全局变量会导致内存无法回收,会造成内存泄露。平时开发的时候建议少使用全局变量,来控制内存。定时器定时器不清除也会导致内存无法回收,造成内存泄露内存溢出大量的内存泄露会导致

2021-03-08 21:04:14 97

原创 HTML5缓存机制

应用缓存应用缓存:把资源缓存到web应用中优势:离线浏览:不联网就可以访问,之前访问的页面与数据。速度:已缓存的资源加载的更快减少服务器负载:浏览器只需要从服务器下载更新过或者更改过的资源缓存实现只需要在文档中标签中包含manifest属性,manifest建议的文件拓展名为“.appcache”manifest文件:CACHE MANIFEST:在次标签下列出的文件将在首次下载后进行缓存。(缓存)NETWORK:在此标题下列出的文件需要与服务器链接,并且不会缓存

2021-03-08 20:23:09 143

原创 Rem适配

1、rem基础em:父元素字体大小rem:基于html的文字大小rem可以通过改变html的文字大小来改变页面中元素的文字大小。2、媒体查询@media 媒体查询(css3的新增属性)可以针对不同的媒体类型定义不同的样式@media可以针对不同的屏幕尺寸设置不同的样式目前针对很多设备使用媒体查询(苹果、安卓)@media mediaType and|only|not (media feature){css - code}@media开头mediaType

2021-03-08 19:54:39 61

转载 关于antd的Cascader级联标签、Select标签 无法动态修改defaultValue的属性值的解决方案

请在标签上添加一个key属性,并且key的属性值与defaultValue的值保持一致。 <Cascader key={aabbcc} options={this.state.activeStoreCategoryList} expandTrigger="hover" defaultValue={aabbcc} onChange={this.categoryChange}/><Select key={currentStorePayStatus} def

2021-03-08 14:24:05 1093 1

空空如也

空空如也

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

TA关注的人

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