- 博客(177)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 uniapp前端向后端发送请求时，出现跨域问题的解决方法与原理
打开h5页面的端口是8081，实际访问的后端端口是8021 修改方式: 在manifest里的源码模式中，添加如下代码: 调用接口的地方这样写: 直接访问8021端口时，显示跨域问题，此时就需要一个代理，所以在写访问地址的时候，写的是打开h5页面的端口，然后在manifest里对api进行拦截，变成实际的端口地址。我此时要买一辆车，我直接找厂商找不到（也就是8081端口无法直接打给8021端口，必须由某个中间商在中间，我打8081的端口电话给中间商，中间商有2个电话，中间商再用8021的端口电话打给厂商，
2022-07-08 18:50:44
1507
转载 赋值、浅拷贝、深拷贝的含义、实现方法、总结
基本数据类型：Boolean、String、Number、null、undefined 引用数据类型：Object、Array、Function、RegExp、Date等基本数据类型都是按值访问的，可以操作保存变量中的实际值 (2)引用数据类型的复制，是按引用传值 引用类型如Arrray、Object，不能直接操作对象的堆内存空间，都是直接按引用访问的，即保存在变量对象中的一个地址。 （1）只复制指向某个对象的指针，而不复制这个对象本身，新旧对象共享一块内存。 （2）基本数据类型直接复制值，引用数据类型（数
2022-07-06 14:18:26
881
转载 import qs from ‘qs‘ qs库的使用和 对象和json字符串之间的转换
(1)将url中的参数转为对象 qs.parse() (2)将对象转为url参数形式 qs.stringify()
2022-07-06 09:41:07
4345
转载 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
5694
1
转载 vue 定义一个全局实例 Vue.prototype
使用场景：你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 的实例中可用这样 $appName 就在所有的 Vue 实例中可用了，甚至在实例被创建之前就可以。如果我们运行：则控制台会打印出 My App。就这么简单！$ 是在 Vue 所有实例中都可用的 property 的一个简单约定。这样做会避免和已被定义的数据、方法、计算属性产生冲突。...
2022-07-05 10:20:07
2364
转载 图片水平、垂直居中
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
1861
转载 常用的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
1173
转载 【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
7058
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
980
转载 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
1489
转载 【uni-app】uni-app的基础知识
02.uni-app的环境搭建并创建项目运行 项目运行-浏览器： 项目运行-微信开发者工具 注意事项： （1）使用微信开发者工具运行项目时，需要添加微信开发者工具的目录 （2）在微信开发者工具-设置-安全设置：打开端口 03.项目目录和开发规范 名称 含义 pages 所有的页面存放目录 static 存放静态资源（图片、视频、字体图标 unpackage 存放打包输出的内容，打包之后的文件存在这里 components 组件存放目录 App.vue 根组件，所有页面都
2022-04-06 11:33:33
3995
转载 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
168
转载 【vue】vue的生命周期，uniapp的组件生命周期
一、 Vue的生命周期 beforeCreate 创建前 初始化但未加载监听拦截 created 创建后 初始化且加载监听拦截 beforeMount 挂载前 dom节点还未加载上树 mounted 挂载后 dom节点已经挂载上树 beforeUpdate 更新前 数据已修改，但还未加载到视图上 updated 更新后 数据已修改，并且视图dom已经更新 beforeDestory 销毁前 数据销毁前 destoryed 销毁后 数据销毁后 二、生命周期
2022-03-30 15:01:47
748
转载 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
1041
转载 Git打标签、还原到具体标签版本代码
1、打标签（在需要合并的分支上先打一个标签，方便回滚） （1）在本地上添加标签 Git中的标签分为 轻量级标签(lightweight) 和 带注释的标签(annotated), 一般情况下推荐使用带注释的标签,如果标签是临时的可以采用轻量级标签; – 轻量级标签 : 轻量级标签中的信息含量很少, 这种标签只代表某时刻代码的提交, 相当于指向这个提交的指针; – 带注释标签 : 这种标签是一种校验和, 包含标签名, 邮箱, 日期, 标签信息, GPG签名 和 验证, 它相当于一个对象, 封装了这些信息;
2022-03-01 09:50:44
658
原创 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
329
原创 全局作用域、函数作用域
作用域（全局作用域和函数作用域） 全局作用域 1、直接写在< script >标签里的JS代码，就是在全局作用域 2、全局作用域在页面打开时创建，在页面关闭时销毁。 3、全局作用域有一个全局对象window 4、创建的变量作为window的属性保存，创建的函数作为window对象的方法 5、全局作用域的变量在页面任意位置都可以访问。 6、变量提升 函数作用域 调用函数时，创建函数作用域，函数执行完毕之后，函数作用域销毁。 每调用一次函数就会创建一个新的函数作用域，之间时相互独立的。 3.
2021-11-25 09:58:06
771
原创 如何看待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
2947
转载 错误03：mysql服务无法打开的问题
前提： 之前无意打开了phpstudy这个软件，然后我再打开我的mysql时，就一直出现 MySql 服务正在启动 MySql 服务无法启动的问题。 我已经研究了4个小时，终于在一个博主那边看到了！！ 博主链接 解决方法： 端口被占用了，需要将此端口的进程关闭 去自己的CMD上输入查看端口使用情况的命令的时候，发现3306端口，正在被占用，对应的PID是20652，那么就先结束该进程，利用taskkill /f /pid 20652命令。 ...
2021-04-10 00:52:58
164
原创 错误02: nodemone : 无法将“nodemon”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查
1、在我的电脑-高级属性处-path 因为nodemo目录在node_cache下面
2021-03-15 20:14:33
372
原创 nodejs:第三章 http的发展历史、http之请求⽅法和响应头信息、http之状态码和content-type、搭建⾃⼰的第⼀个http服务器、实战案例之nodejs简易爬⾍
第1集 http的发展历史 简介：讲解什么是http http是什么？ http://www.xxx.com http协议（HyperText Transfer Protocol，超⽂本传输协议）是⼀种应⽤⼴泛的⽹络传输协 议。 http是⼀个基于TCP/IP通讯协议来传递数据（HTML⽂件，图⽚⽂件，查询结果等）。 http⼯作原理 http协议⼯作在客户端-服务端之间 主流的三个web服务器：Apache、 Nginx 、IIS。 http默认端⼝为80 http协议通信流程 输⼊url发⽣了
2021-02-23 17:14:31
223
原创 nodejs:第二章 Buffer缓冲器常⽤api、buffer缓冲器实例常用api、⽂件系统模块常⽤api、⽂件系统操作⽂件夹、⽂件流讲解、path常⽤api、事件触发器、核⼼模块util常⽤⼯具
第⼆章 NodeJs核⼼模块api-基础 第1集 Buffer缓冲器常⽤api （⼀） 简介：介绍buffer缓冲器类常⽤的api使⽤ buffer⽤于处理⼆进制数据，在v8堆外分配物理内存，buffer实例类似0-255之间的整数数组，显 示的数据为⼗六进制，⼤⼩是固定的，⽆法修改。 创建buffer Buffer.alloc(size[, fill[, encoding]])： Buffer.allocUnsafe(size)： Buffer.from(array)： Buffer.from(st
2021-02-23 17:11:44
380
原创 nodejs:第⼀章 初识NodeJs(node.js课程介绍及案例演示、nodejs环境安装配置、vscode编辑器和插件安装 、初建NodeJs应⽤及调试、深⼊理解commonjs模块规范)
第⼀章 初识NodeJs 第1集 node.js课程介绍及案例演示 简介：介绍nodejs课程⼤纲及实战项⽬演示 vue+elmentui+express nodejs是可供js运行的环境 第2集 nodejs环境安装配置（window) nvm管理工具 window:https://blog.csdn.net/dx18520548758/article/details/91434565 mac: 第3集 vscode编辑器和插件安装 简介：vscode安装步骤及常⽤插件安装 vscode官⽅下载地址：h
2021-02-21 21:34:14
344
原创 错误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
3826
原创 移动web开发项目2: 携程网(移动端、flex布局)
携程网链接：http://m.ctrip.com 1.技术选型 方案：我们采取单独制作移动页面方案 技术：布局采取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
521
原创 移动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
497
原创 移动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
1381
原创 移动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
552
原创 移动web开发重点1:消除div和图片之间的空隙
问题：div和图片之间有空隙 解决方法: 在图片上添加 img { vertical-align: top; }
2021-02-15 23:25:59
278
原创 移动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
1116
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
570
原创 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
516
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人