- 博客(177)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 uniapp前端向后端发送请求时，出现跨域问题的解决方法与原理
打开h5页面的端口是8081，实际访问的后端端口是8021修改方式:在manifest里的源码模式中，添加如下代码:调用接口的地方这样写:直接访问8021端口时，显示跨域问题，此时就需要一个代理，所以在写访问地址的时候，写的是打开h5页面的端口，然后在manifest里对api进行拦截，变成实际的端口地址。我此时要买一辆车，我直接找厂商找不到（也就是8081端口无法直接打给8021端口，必须由某个中间商在中间，我打8081的端口电话给中间商，中间商有2个电话，中间商再用8021的端口电话打给厂商，
2022-07-08 18:50:44
1083
1
转载 赋值、浅拷贝、深拷贝的含义、实现方法、总结
基本数据类型：Boolean、String、Number、null、undefined引用数据类型：Object、Array、Function、RegExp、Date等基本数据类型都是按值访问的，可以操作保存变量中的实际值(2)引用数据类型的复制，是按引用传值引用类型如Arrray、Object，不能直接操作对象的堆内存空间，都是直接按引用访问的，即保存在变量对象中的一个地址。（1）只复制指向某个对象的指针，而不复制这个对象本身，新旧对象共享一块内存。（2）基本数据类型直接复制值，引用数据类型（数
2022-07-06 14:18:26
647
转载 import qs from ‘qs‘ qs库的使用和 对象和json字符串之间的转换
(1)将url中的参数转为对象 qs.parse()(2)将对象转为url参数形式 qs.stringify()
2022-07-06 09:41:07
4002
转载 vue中使用ref绑定元素
原生js获取DOM元素是很麻烦的，需要用如：document.getElementById这么长的API来获取，于是jQuery应运而生，$(“#id”)的使用使我们的操作变得简便起来。但是jQuery仅仅是库（插件），不能够用来搭建框架。于是vue可以帮我们解决这个问题，vue也有自带的获取DOM的方法，那就是ref。它不仅可以获取DOM元素还可以获取组件。1、给dom节点记上ref属性，可以理解为给dom节点起了个名字。2、加上ref之后，在$refs属性中多了这个元素的引用。3、通过vue实例的$re
2022-07-05 15:29:00
5324
转载 vue 定义一个全局实例 Vue.prototype
使用场景：你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 的实例中可用这样 $appName 就在所有的 Vue 实例中可用了，甚至在实例被创建之前就可以。如果我们运行：则控制台会打印出 My App。就这么简单！$ 是在 Vue 所有实例中都可用的 property 的一个简单约定。这样做会避免和已被定义的数据、方法、计算属性产生冲突。...
2022-07-05 10:20:07
2092
转载 图片水平、垂直居中
1）、给img设display:inline-block;然后父级text-align：center；2）、给img设display:block; 同时设margin: 0 auto;解法2：定位 + transform: translate(-50%,-50%);【不推荐】另：当已知图片大小时也可以把translate换成margin负值，这里不推荐使用。...
2022-06-20 17:23:12
1522
转载 常用的Typora自定义快捷键设置
"一级标题": "alt+1" "二级标题": "alt+2" "三级标题": "alt+3" "四级标题": "alt+4" "代码块": "alt+q" "有序列表": "alt+w" "无序列表": "alt+e"//最新版使用下面的需要 Update 2021.2.2 "Heading 1": "alt+1", "Heading 2": "alt+2", "Heading 3": "alt+3", "Heading 4": "alt+4", "Cod.
2022-05-04 17:01:37
851
转载 【uniapp】uniapp中使用scroll-view时，可以滚动，但是不显示滚动条
uniapp中使用scroll-view时，可以滚动，但是不显示滚动条，参考博主强制修改https://blog.csdn.net/LJJONESEED/article/details/123986312 /deep/ ::-webkit-scrollbar { //滚动条整体样式 display: block; width: 10px !important; height: 10px !important; -webkit-appearance: auto!
2022-04-18 16:17:10
5862
2
原创 uniapp中自定义代码前端进行数据的分页
<template> <view> <goods-list :goods="goods" @receiveSon="goGoodsDetail"></goods-list> <view class="line" v-if="flag==true">---我是有底线的----</view> </view></template><script> import goodsList fro
2022-04-16 18:15:39
845
转载 v-for和v-if同时使用的解决办法
在进行项目开发的时候因为在一个标签上同时使用了v-for和v-if两个指令导致的报错。报错代码如下：<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 8}" v-for="Oitem in Object.keys(cItem)" :key="Oitem" v-if="Oitem !== 'title'" v-model="cItem[Oitem]"><
2022-04-10 21:52:11
1302
转载 【uni-app】uni-app的基础知识
02.uni-app的环境搭建并创建项目运行项目运行-浏览器：项目运行-微信开发者工具注意事项：（1）使用微信开发者工具运行项目时，需要添加微信开发者工具的目录（2）在微信开发者工具-设置-安全设置：打开端口03.项目目录和开发规范名称含义pages所有的页面存放目录static存放静态资源（图片、视频、字体图标unpackage存放打包输出的内容，打包之后的文件存在这里components组件存放目录App.vue根组件，所有页面都
2022-04-06 11:33:33
3332
转载 ui组件之间的传值，可以使用作用域插槽
ui组件之间的传值，可以使用作用域插槽 <el-table :data="equipmentData" stripe class="system-table" height="calc(100% - 170px)" > <el-table-column width="180" prop="equipName" // 对应数据 label
2022-03-31 11:42:22
87
转载 【vue】vue的生命周期，uniapp的组件生命周期
一、 Vue的生命周期beforeCreate创建前初始化但未加载监听拦截created创建后初始化且加载监听拦截beforeMount挂载前dom节点还未加载上树mounted挂载后dom节点已经挂载上树beforeUpdate更新前数据已修改，但还未加载到视图上updated更新后数据已修改，并且视图dom已经更新beforeDestory销毁前数据销毁前destoryed销毁后数据销毁后二、生命周期
2022-03-30 15:01:47
517
转载 mysql中给查询结果添加序号列、对某个字段进行截取、对序列号进行截取
生成一个字段(非表中字段)用以记录排序 【类比为oracle数据库中的rownum】MySQL中一个表（表名：stuscore）字段有：id(主键)、stuid（学号）、sname(学生姓名)、subject(课程名称)、score(分数)列出数学成绩排名 (要求显示字段：排名，姓名 , 课程名称， 分数 , 学号)用于排名的字段，查询时此处将其用 pm表示select (@i:=@i+1)pm,s.* from stuscore s,(select @i:=0)t where s.sub
2022-03-28 10:06:32
843
转载 Git打标签、还原到具体标签版本代码
1、打标签（在需要合并的分支上先打一个标签，方便回滚）（1）在本地上添加标签Git中的标签分为 轻量级标签(lightweight) 和 带注释的标签(annotated), 一般情况下推荐使用带注释的标签,如果标签是临时的可以采用轻量级标签;– 轻量级标签 : 轻量级标签中的信息含量很少, 这种标签只代表某时刻代码的提交, 相当于指向这个提交的指针;– 带注释标签 : 这种标签是一种校验和, 包含标签名, 邮箱, 日期, 标签信息, GPG签名 和 验证, 它相当于一个对象, 封装了这些信息;
2022-03-01 09:50:44
479
原创 React和vue中key值的作用？
1、虚拟DOM中key的作用： key时虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生产【新的虚拟DOM】，随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异进行比较，比较规则如下：2、对比规则： （1）旧虚拟DOM中找到了与新虚拟DOM相同的key值： 1）若虚拟DOM中内容没变，直接使用之前的真实DOM 2）若虚拟DOM中内容遍历，则生成新的真实DOM，随后替换掉页面中之前的真实DOM （2）旧虚拟DOM中未找到与虚拟DOM相同的ke
2021-11-27 18:24:33
208
原创 全局作用域、函数作用域
作用域（全局作用域和函数作用域）全局作用域1、直接写在< script >标签里的JS代码，就是在全局作用域2、全局作用域在页面打开时创建，在页面关闭时销毁。3、全局作用域有一个全局对象window4、创建的变量作为window的属性保存，创建的函数作为window对象的方法5、全局作用域的变量在页面任意位置都可以访问。6、变量提升函数作用域调用函数时，创建函数作用域，函数执行完毕之后，函数作用域销毁。每调用一次函数就会创建一个新的函数作用域，之间时相互独立的。3.
2021-11-25 09:58:06
641
原创 如何看待watch监听支持异步，computed不支持异步？
问题：姓名案例中，显示全名时，推迟1s进行显示，分别用2种方法实现。watch实现-正常可以是实现，但是要注意定时器的写法，注意this指向<html> <head> <title>VueJs 在线编辑器</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.3/vue.min.js"> </script&
2021-11-24 23:32:12
2735
转载 错误03：mysql服务无法打开的问题
前提：之前无意打开了phpstudy这个软件，然后我再打开我的mysql时，就一直出现 MySql 服务正在启动 MySql 服务无法启动的问题。我已经研究了4个小时，终于在一个博主那边看到了！！博主链接解决方法：端口被占用了，需要将此端口的进程关闭去自己的CMD上输入查看端口使用情况的命令的时候，发现3306端口，正在被占用，对应的PID是20652，那么就先结束该进程，利用taskkill /f /pid 20652命令。...
2021-04-10 00:52:58
83
原创 错误02: nodemone : 无法将“nodemon”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查
1、在我的电脑-高级属性处-path因为nodemo目录在node_cache下面
2021-03-15 20:14:33
260
原创 nodejs:第三章 http的发展历史、http之请求⽅法和响应头信息、http之状态码和content-type、搭建⾃⼰的第⼀个http服务器、实战案例之nodejs简易爬⾍
第1集 http的发展历史简介：讲解什么是httphttp是什么？ http://www.xxx.comhttp协议（HyperText Transfer Protocol，超⽂本传输协议）是⼀种应⽤⼴泛的⽹络传输协 议。http是⼀个基于TCP/IP通讯协议来传递数据（HTML⽂件，图⽚⽂件，查询结果等）。http⼯作原理http协议⼯作在客户端-服务端之间主流的三个web服务器：Apache、 Nginx 、IIS。http默认端⼝为80http协议通信流程输⼊url发⽣了
2021-02-23 17:14:31
150
原创 nodejs:第二章 Buffer缓冲器常⽤api、buffer缓冲器实例常用api、⽂件系统模块常⽤api、⽂件系统操作⽂件夹、⽂件流讲解、path常⽤api、事件触发器、核⼼模块util常⽤⼯具
第⼆章 NodeJs核⼼模块api-基础第1集 Buffer缓冲器常⽤api （⼀）简介：介绍buffer缓冲器类常⽤的api使⽤buffer⽤于处理⼆进制数据，在v8堆外分配物理内存，buffer实例类似0-255之间的整数数组，显 示的数据为⼗六进制，⼤⼩是固定的，⽆法修改。创建bufferBuffer.alloc(size[, fill[, encoding]])：Buffer.allocUnsafe(size)：Buffer.from(array)：Buffer.from(st
2021-02-23 17:11:44
247
原创 nodejs:第⼀章 初识NodeJs(node.js课程介绍及案例演示、nodejs环境安装配置、vscode编辑器和插件安装 、初建NodeJs应⽤及调试、深⼊理解commonjs模块规范)
第⼀章 初识NodeJs第1集 node.js课程介绍及案例演示简介：介绍nodejs课程⼤纲及实战项⽬演示vue+elmentui+expressnodejs是可供js运行的环境第2集 nodejs环境安装配置（window)nvm管理工具window:https://blog.csdn.net/dx18520548758/article/details/91434565mac: 第3集 vscode编辑器和插件安装简介：vscode安装步骤及常⽤插件安装vscode官⽅下载地址：h
2021-02-21 21:34:14
216
原创 错误01: node : 无法将“node”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查
原因：没有配置环境变量步骤（1）path里加入nodejs的安装路径（2）第一个里是npm的，npm的全局模块的存放路径以及cache的路径及增加环境变量: 1） 在node.js下建立node_global和node_cahce文件夹cmd窗口输入npm config set prefix“您想创建文件的地址”npm config set cache“您想创建文件的地址”。一个设置了全局变量，一个设置了缓存。2）新增系统变量...
2021-02-17 23:58:00
2917
原创 移动web开发项目2: 携程网(移动端、flex布局)
携程网链接：http://m.ctrip.com1.技术选型方案：我们采取单独制作移动页面方案技术：布局采取flex布局2.搭建相关文件夹3.设置视口标签以及引入初始化样式<meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><link rel="stylesheet" href
2021-02-16 17:20:41
381
原创 移动web开发重点4：实现中间的盒子随着大小，自由的伸缩（流式布局、flex布局）
实现中间的盒子随着大小，自由的伸缩用flex的方法将最外面的盒子的大小设置为60%,然后将第一个和第三个盒子的宽度和高度设置好，然后父亲盒子的剩余部分就是中间部分，再用flex:1,将父亲盒子的剩余部分分成1份，给第二个盒子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conte
2021-02-15 23:52:20
386
原创 移动web开发重点3：justify-content:flex-end和flex-direction: row-reverse的区别
justify-content:flex-end主轴方向的子元素全部贴在主轴的最右边，子元素之间的排列顺序是不变的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt
2021-02-15 23:51:48
1218
原创 移动web开发重点2：实现盒子水平垂直居中(flex布局和定位的两种方法)
实现盒子水平垂直居中1:用flex布局这里只写一种情况，就是设置主轴是x，侧轴是y，然后设置主轴上的子元素的排列顺序居中，也就是justify-content:center；再设置侧轴行的子元素的排列顺序，这是考虑的是单行的，也就是align-items:center<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="
2021-02-15 23:51:21
425
原创 移动web开发重点1:消除div和图片之间的空隙
问题：div和图片之间有空隙解决方法:在图片上添加img { vertical-align: top;}
2021-02-15 23:25:59
189
原创 移动web开发笔记1:移动端基础、常见移动端屏幕尺寸、布局视口、视觉视口、理想视口、meta标签、二倍图、物理像素、物理像素比、背景缩放、css3盒子模型、特殊样式、常见布局、流式布局、京东案例
移动web开发流式布局1.0 移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Android修改开发的一样。总结：兼容移动端主流浏览器，处理Web
2021-02-14 22:34:25
802
2
原创 移动web开发项目1:京东首页(移动端、流式布局也称百分比布局)
1、先设置理想视口、导入样式(将body居中，设置字体大小)初始化样式链接:http://necolas.github.io/normalize.css/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 理想型视口 --&
2021-02-14 22:33:33
409
原创 js的重点13:根据锚点，侧边栏点击，右边显示不同的信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> </title> <link rel="stylesheet" href="css/common.css
2020-11-17 17:44:50
372
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人