自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Git、小乌龟下载安装及使用方法

然后一直next即可完成安装,但是要注意前提是要先下载安装好Git哦。,然后一直next即可完成安装。,然后一直next即可完成安装。

2023-04-05 11:40:03 1873 1

原创 vue项目遇到的报错问题收集

vue项目遇到的报错问题收集1、npm 版本报错2、npm install报错10054,Error while executing1、npm 版本报错问题:npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: [email protected] ERR! Found: [email protected] ERR! node

2022-05-12 09:17:27 1844 2

原创 uniapp开发的微信小程序遇到的问题

一、微信开发者上传代码后体验版时没有数据了?原因1:域名已经备案、https已经配置、ssl证书在1.2以上版本、小程序后台已经配置服务器域名解决:去微信开放文档后台看看原因2:存在不合法的域名解决: 因为后端给的正式域名和在微信开放平台配置的不一样,叫后端去看一下他配置的。...

2022-02-21 09:43:41 1854

原创 vue调试工具vue-devtools安装及使用具体步骤

vue调试工具vue-devtools安装及使用具体步骤:一、先克隆工具包代码:https://gitcode.net/mirrors/vuejs/vue-devtools.git二、安装:1、安装 yarn 和 镜像,为了节约安装时间:1️⃣ npm install -g yarn2️⃣ yarn config set registry https://registry.npm.taobao.org --global3️⃣ yarn config set disturl htt

2022-01-15 15:33:09 2879 2

原创 Element的table结合树形结构tree多选的问题

Element的table结合树形结构tree多选的问题一、效果图:(1)全选:(2)单选(选择父级子节也选中):(3)table有disable的项不能选中(这里列表项条件是status == "1"就禁止掉):二、数据结构:注意:父级和子节都必须有唯一的id比如:三、代码:注意:cliExpenseSplitList是父级数组里children数组名称,名称可以看后端返回前端什么名称来写!`:data="tableList"row-key="id":tree-props

2022-01-11 17:09:58 3487 1

原创 跑Vue项目遇到的报错及解决方法

跑Vue项目遇到的报错及解决方法:报错一:npm ERR! cb() never called! npm ERR! This is an error with npm itself. Pleas解决一:(1)删除项目里的 packeage-lock.json 和 node_modules 文件:(2)清理npm缓存:npm cache clean --force(3)再安装 node_modules :npm install(4)最后项目启动:npm run dev /npm r

2021-10-20 13:55:40 336

原创 uniapp写h5页面使用Vant组件开发项目

uniapp项目里使用Vant组件开发项目引入步骤:点击跳转到Vant官方地址1、安装Vant:npm i vant -S --production会在 node_modules 出现下面的 Vant安装包:会在全局的 package.json 出现 Vant版本号:2、安装 babel-plugin-import 插件,babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式:npm i babel-plugi

2021-10-16 11:08:21 3504 23

原创 浏览器兼容性问题及解决方案梳理

1、不同浏览器的标签默认的外补丁和内补丁不同1-1、解决方案:CSS里开头写 *{margin:0;padding:0;}。1-2、备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。2、块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大2-1、解决方案:在float的标签样式控制中加入 display:inline;将其转化为行内属性。2-2、备注:我们最常用的就是div+CSS布

2021-07-21 16:42:58 1779

原创 微信小程序自定义 顶部nav 和 底部tabbar

文章目录一、微信小程序自定义Nav:1、首先在小程序app.json中添加 `"navigationStyle": "custom"`来标志自定义导航栏:2、调节 view 代替原顶部导航栏到app.js里添加3、在components文件里封装组件detailNav(注册组件):4、在哪个页面用就在哪个页面json文件引入组件(引用组件):5、在哪个页面用就在哪个页面wxml文件使用组件(使用组件):6、效果图:二、微信小程序自定义TabBar:一、微信小程序自定义Nav:1、首先在小程序app.js

2021-07-09 17:05:18 1619

原创 前端有哪些组件库参考?

文章目录1、Uniapp2、Element UI3、Uview4、Iview5、微信官方文档6、Ant-Design注意:推荐的组件库从上到下是目前最常用到不常用的排序1、Uniapp点击我跳转到 uniapp 页面2、Element UI点击我跳转到 element ui文档页面3、Uview点击我跳转到 uview 页面4、Iview点击我跳转到 iview 页面5、微信官方文档点击我跳转到 微信官方文档 页面6、Ant-Design点击我跳转到 Ant-Design 页面

2021-07-06 10:48:25 1321

原创 APICloud项目开发的APP二次更新 和 APICloud Studio工具的使用讲解

一、项目类型是APICloud开发的:二、命令运行将项目跑起来:1、当你执行 npm install 报错:解决:(1)在package.json文件里面添加这句: "optionalDependencies": { "fsevents": "*" }(2)再执行 install --no-optional --verbose2、当你再执行 npm run build 报错:如图:...

2021-06-21 16:45:29 1184 2

原创 Vuex的概念理解及实践运用步骤

一、Vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的`状态管理模式`。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。二、Vuex 怎样安装?npm install vuex --save三、Vuex在项目中能正常运用前提要做什么?(3个步骤)1、在项目中创建store文件,store文件下创建store.js文档( 如下图):2、在store.js文件里引入Vue、Vuex、Vue.use(Vuex)(如下图):3、在全

2021-06-13 23:26:29 793 4

原创 微信小程序中支持es7的async语法

在原生的微信小程序项目中需要把原来es6的promise方法改成es7的async await,这样代码看起来更直观。但是,直接改成es7的async和await会报错提示:regeneratorRuntime is not defined解决步骤:1、在小程序开发工具中勾选es6转es5语法:2、下载 facebook的regenerator库中的 js文件:点我下载regenerator库中的js文件注意:这里的给出的库是指定版本的,不要下载最新的。3、在小程序目录下新建文件夹 l

2021-06-09 16:27:21 706

转载 WebSocket 教程

一、为什么需要 WebSocket?初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个协议?它能带来什么好处?答案很简单,因为 HTTP 协议有一个缺陷:通信只能由客户端发起。举例来说,我们想了解今天的天气,只能是客户端向服务器发出请求,服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。这种单向请求的特点,注定了如果服务器有连续的状态变化,客户端要获知就非常麻烦。我们只能使用"轮询":每隔一段时候,就发出一个询问,了解服务器有.

2021-05-08 19:20:05 189

原创 Vue写银行卡根据不同的银行卡名称显示不同的背景颜色和图标

1、根据银行卡名称改变背景颜色:(1)、步骤一:(2)、步骤二:注意:在data里面写下面的obj(3)、步骤三:自己根据需要设置CSS样式2、根据银行卡名称改变对应图标:(1)、步骤一:(2)、步骤二:注意:在data里面写下面的src这样就渲染出来了,完成!...

2021-05-01 12:40:16 1387

原创 vant组件库在vue中的使用需要配置的哪些?

一、vant组件库的官网地址:https://vant-contrib.gitee.io/vant/#/zh-CN/icon二、具体安装配置步骤:1、在项目里cmd输入命令进行安装:npm i vant -S2、安装 babel-plugin-import 插件,babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式(输入命令):npm i babel-plugin-import -D3、在.babelrc.js或者

2021-04-14 13:38:32 221

原创 HTML+JS、VUE页面跳转的几种方式总结

一、HTML+JS实现跳转:1、javascript中实现跳转:// 直接跳转window.location.href='index.html';// 定时跳转setTimeout("javascript:location.href='index.html'", 5000);2、在html标签内实现跳转:eg:onclick='window.location.href='../index.html'; οnclick="window.location.reload('../index.ht

2021-03-25 11:17:38 3557 6

原创 Vue项目引用uview组件需要配置哪些才能正常使用?

一、下载安装:(1)下载地址:https://ext.dcloud.net.cn/plugin?id=1593(2)如下图:二、配置:1、 引入uView主JS库,在项目根目录中的 main.js 中,引入并使用uView的JS库。注意这两行要放在import …Vue之后。import uView from "uview-ui";Vue.use(uView);2、在引入uView的全局SCSS主题文件,在项目根目录的 uni.scss 中引入此文件。@import 'uview-ui

2021-03-18 22:48:54 4714 8

原创 Vue项目如何引入JQuery详细步骤

用vue-cli脚手架工具构建项目成功后 如果需要引入JQ,步骤如下:1、在Jquery官网下载:https://jquery.com/download/2、首先在项目中找到在package.json文件,在package.json里做如下操作:注意:看自己下载的版本号来写!3、在终端里输入npm install jquery –save-dev 也可以是cnpm install jquery –save-dev注意:jquery 一定要小写 不然会提示 Please use ‘jquery

2021-03-18 22:19:55 2831 2

原创 CSS样式大全

一 CSS文字属性:color : #999999; /文字颜色/font-family : 宋体,sans-serif; /文字字体/font-size : 9pt; /文字大小/font-style:itelic; /文字斜体/font-variant:small-caps; /小字体/letter-spacing : 1pt; /字间距离/line-height : 200%; /设置行高/font-weight:bold; /文字粗体/vertical-align:sub; /下标

2021-03-14 12:51:39 94

原创 idea修改html、css、js不能同步加载的解决办法

问题原因:是在配置的时候没有选择一些选项。 解决思路:按照下面的这两个解决办法做就可以同步加载了。解决一:打开idea,跟着下图操作在On frame deactivation 处,默认是Do nothing所以这里要我们修改选择 Update resources 或者Update classes and resources,记得左上角的两个(sever和项目)都要选择。解决二:1、在 File找到Settings:2、修改Settings:3、记得在idea中,按快捷键:Ct.

2021-02-20 23:39:54 1469

原创 邮箱发送HTML文档遇到的问题总结

邮箱发送html文档遇到哪些问题?原因:因为邮箱在发送html文档时会自动在我们自己写的每个类前面添加.qmbox这样一个类,所以,我总结以下办法:一、邮件发送有几种方式:1、直接发html文档附件;2、压缩发送压缩包;3、直接源码发送但会遇到下面问题;二、直接发源码遇到的问题:问题1:css样式写在body里面邮箱还是没有样式?解决:在开始写html代码那里开始添加开始标签<div class="qmbox">,在html外写结束标签</div>如:<!DO

2021-02-05 12:16:47 811

原创 SVN使用步骤总结

方法/步骤:使用SVN的基础是,从SVN服务器上将项目内容获取到本地系统文件夹中。这一步就是通过SVN的右键菜单【Checkout】操作当文件获取到本地之后,就可以进行文件操作了。建议,在每次进行文件操作之前,先获取服务器上的新文件。使用方式就是在本地文件夹中,点击鼠标右键,选择【SVN Update】菜单,svn就会自动从服务器上获取新文件,并自动合并到本地文件当修改文件后,想要提交到服务器上,就可以使用【SVN Commit】右键菜单在SVN Commit界面,上面的空白框是用于输入文字说明的,

2021-02-05 11:39:00 947 4

原创 HTTP状态码

1.消息:这一类型的状态码,代表请求已被接受,需要继续处理。100 继续(Continue)客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收,且仍未被拒绝。客户端应当继续发送请求的剩余部分,或者如果请求已经完成,忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。101 交换协议(Switching Protocols)服务器已经理解了客户端的请求,并将通过Upgrade 消息头通知客户端采用不同的协议来完成这个请求。在发送完这个响应最后的空行后,服

2021-01-23 13:26:01 391

原创 ts转js运行报错:“tsc : 无法加载文件 D:\works\softwares\Nodejs_install\node_global\tsc.ps1“

一、在typescript.ts转换成.js运行时报错解决办法:1、第一步:鼠标在vscode软件上右击打开属性–>兼容性–>以管理员的身份运行此程序,如下图:2、第二步:打开vscode后,Shift+Ctrl+~ 打开终端,输入执行以下命令:get-ExecutionPolicyset-ExecutionPolicy RemoteSignedget-ExecutionPolicy2、最后再执行 tsc demo.ts就可以了。希望有帮助,加油!...

2021-01-14 10:37:43 445

原创 JS中数组常用方法

JS中数组的常用8种方法(1)头部元素 添加、删除:unshift(value):在数组的头部添加一个或多个元素,并返回数组的新长度。let arr=[1,2,3,4,5]var length= unshift(0);console.log(arr,length);//arr的值为[0,1,2,3,4,5];length的值为更改后数组的长度6;shift():删除索引为0的元素,并返回删除的元素。let arr=[1,2,3,4,5]var delElement= unshift();

2020-12-09 20:57:36 77

原创 Vue中的watch和computed和methods有什么区别?

一、watch、computed、methods的区别:watch: 一个对象,键是需要观察的表达式,值是对应回调函数。 主要用来监听某些特定数据的变化,从而进行某些具体的业务逻辑操作。 可以看作是computed和methods的结合体。computed: 属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算。 主要当属性来使用。methods: 方法表示一个具体的操作,主要是书写业务逻辑。二、watch的作用:(1)watch属性可以来

2020-12-09 18:54:02 3635 4

原创 前端HTML元素居中的几种方式及原理

HTML元素居中的10种方式1、text-aligin:center text-aligin属性 是没有浮动的情况下,可以先将要居中的块级元素设为inline/inline-block,然后在其父元素上加上属性text-align:center;如果要居中的块级元素直接是内联元素(span、img、a等),直接在其父级元素上加上属性text-align:center;2、绝对定位+偏移(已知道宽高,需计算偏移值)优点:兼容性好。缺点:必须知道元素的宽高。.box1 { positi

2020-12-05 15:45:07 1356

转载 Flex布局详解

Flex 布局教程:语法篇 转载于 作者: 阮一峰 网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,.

2020-12-04 16:19:40 203

原创 JS事件绑定的几种方式

一、有几种常用的:在JavaScript中,有三种常用的绑定事件的方法:1、在DOM元素中直接绑定。2、在JavaScript代码中绑定。3、绑定事件监听函数。二、具体分析:1、在DOM元素中直接绑定:onclick①原生函数:<input οnclick="alert('谢谢支持')" type="button" value="点击我,弹出警告框" />②自定义函数:<input οnclick="myAlert()" type="button" value="点击

2020-12-04 12:01:47 6978

原创 JS数组“遍历”有几种方法呢?

JS数组遍历的几种方法:这里总结了种一、 for最简单的一种循环遍历方法,也是使用频率最高的一种,可优化优化:使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显二、for…in…这个循环用的人也很多,但是效率最低(输出的 key 是数组索引)三、for…of…(ES6)虽然性能要好于 for…in…,但仍然比不上普通的 for 循环(不能循环对象)四、forEach数组里的元素个数有几个,该方法里的回调就会执行几次    第一个参数是数组里的元素,

2020-12-04 11:17:56 1286

原创 有关Vue ui 的没反应、报错解决总结

一、vue ui 启动出项的问题:1、vue ui 输入后 回车没反应?cmd 输入: vue ui // 没反应原因一:安装的 nodejs 和 node_modules(有npm) 没有在同一个目录下; 安装时会默认安装在"C:\Program Files"里的。解决:(1)卸载重新安装在指定的目录下;(2) 把npm的文件复制到 node_modules里来(不太建议)。原因二:在Connands:下面你没有 ui [options],可以用 vue-h 查看你的有没有?解决:

2020-11-25 20:19:31 8796

原创 Nodejs/Vue安装及环境配置

一、下载Node.js1、下载地址:https://nodejs.org/en/download/2、下载:注意选择 系统和位数 ,注意下载的地址:3、安装:(1)建议还是修改一下安装位置,NodeJS默认安装位置为 C:\Program Files安装,可以选择自己的安装位置,安装时一直都是next,我选择的是“C:\”(2)在"C:"下打开cmd 输入 node -v // 查看node的版本,出现版本就安装成功了! npm -v // 查看node的版本,出现版本就安装成

2020-11-25 16:54:22 5156 4

原创 Git 和 SVN 的优缺点?

Git 和 SVN 的优缺点?Git的优点:①适合分布式开发,强调个体;②公共的服务器压力和数量都不会太大;③速度快, 成熟的架构,开发灵活;④任意两个开发者之间可以很容易的解决冲突;⑤部署方便,基本上下个命令就可以用;⑥离线工作,管理代码成本低,不需要依赖服务器;⑦良好的分支机制,可以让主干代码保持干净。Git的缺点:①不符合常规思维;②资料少,学习成本比较大,学习周期比较长,要求人员素质比较高;③代码保密性差,一旦开发者把整个库克隆下来就可以完全公开所有代码和版本信息。SVN的

2020-11-13 17:14:51 356

原创 Express API的了解

Express()express()用来创建一个Express的程序。express()方法是express模块导出的顶层方法。Methodsexpress.static(root, [options])express.static是Express中唯一的内建中间件。它以server-static模块为基础开发,负责托管 Express 应用内的静态资源。 参数root为静态资源的所在的根目录。参数[options]支持一下属性:Application()app对象一般用来表示Express

2020-10-24 14:45:18 175

原创 CSS中哪些属性有继承性?

CSS中哪些属性有继承性哪些属性没有继承性?一、继承性的代码演示(深入理解):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS有哪些属性有继承性</title>

2020-09-28 16:55:45 2846 2

原创 一次js请求一般情况下有哪些地方会有缓存处理?

一次js请求一般情况下有哪些地方会有缓存处理?有 cdn缓存,dns缓存,浏览器缓存,服务器缓存 。cdn缓存(1)CDN是什么? CDN是Content Delivery NetWork的简称,即‘内容分发网络',主要用于分地域的集群服务器,当用户浏览网站请求数据时,CDN会选择一个离用户最近的CDN边缘节点来响应用户的请求。(2)CDN的作用:①CDN节点解决了跨运营商和跨地域访问的问题,访问延时大大降低。②大部分请求在CDN边缘节点完成,CDN起到了分流作用,减轻了源站的负载。(

2020-09-23 17:20:16 1011

转载 VSCode使用详细教程

VSCode使用详细教程 1.VSCode下载VSCode下载链接: https://code.visualstudio.com/2.VSCode汉化3.VSCode常用插件(安装步骤同汉化)      3.1 Auto Close Tag (自动闭合HTML/XML标签)      3.2 

2020-09-04 17:27:45 41711 9

转载 HTTP 、HTTPS等端号参考

HTTP 、HTTPS等常用默认端号⑴. HTTP协议代理服务器常用端口号:80/8080/3128/8081/9080⑵. SOCKS代理协议服务器常用端口号:1080⑶. FTP(文件传输)协议代理服务器常用端口号:21⑷. Telnet(远程登录)协议代理服务器常用端口:23HTTP服务器,默认的端口号为80/tcp(木马Executor开放此端口);HTTPS(securely transferring web pages)服务器,默认的端口号为443/tcp 443/udp;Teln

2020-09-01 15:04:26 439

原创 关于”存储”有哪些?分别的优点缺点有哪些呢?

一.存储有哪些呢?1、cookie:(1)概念:http cookie就是存储在客户端的一段文本。(2)作用:为了实现 客户端与服务器 之间状态的保持。(3)优缺点:优点:①可以设置过期时间 。 ②兼容性好。缺点: ①不安全。 ②内存小, 限于存储4KB。2、Web存储机制:(1)概念:Web Storage存储分为两种:localStorage(临时存储),sessionStorage(长期存储)。(2)特点:localStorage特点:永久保存,内存大。sessionStora

2020-08-31 17:05:20 1299 2

空空如也

空空如也

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

TA关注的人

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