自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue3路由器数据获取报错

V3报错:ncaught (in promise) TypeError: Cannot read properties of undefined (reading '$route')

2022-03-02 09:26:31 798

原创 Vue3使用element-ui

在Vue3中使用element-ui

2022-03-01 11:00:41 2282

原创 Bootstrap排版与段落

内联子标题添加或者添加.small class实例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>关闭按钮</title> <link href="

2021-02-05 15:27:12 676 1

原创 微信小程序云开发数据库基础使用

必须开通微信小程序开发者工具云开发数据库1.在project.config.json中添加"cloudfunctionRoot": "cloud(名字自定)",2.创建文件夹文件夹名为cloud(自定名)3.在app.js中初始化wx.cloud.init({ env:"云开发id,在云开发设置中查看" })4.在相应函数中初始化const db = wx.cloud.database()const todos = db.collection('数据集合名')//或者//

2021-01-29 09:50:58 1072 5

原创 bootstrap轮播图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图bootstrap</title> <link href="https://cdn.staticfil

2021-01-22 17:27:57 264 1

原创 echarts颜色设置

示例:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>第一个 ECharts 实例</title> <!-- 引入 echarts.js --> <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script&

2021-01-18 11:38:44 3912

原创 echarts cdn饼状图基础

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></scrip

2021-01-05 10:51:17 191 1

原创 echarts cdn基础作图

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src=" https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> &

2021-01-05 10:11:58 436

原创 Vue路由的嵌套与路由子组件的重定向

路由嵌套与重定向index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../view/Home'// import About from '../view/About'import User from '../view/User'const New = ()=>import('../components/New')Vue.use(VueRouter)const router

2020-12-28 09:10:06 679

原创 Vue路由与懒加载基础使用

index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../view/Home'// import About from '../view/About'import User from '../view/User'/** * 路由设置 * 1.vue使用路由 * 2.创建路由实例 * 3.在实例中添加路径与组件 * 4.抛出路由 */Vue.use(VueRouter)co

2020-12-28 08:35:42 107

原创 markdown语法总结

markdown语法标题1-6及标题分别由#表示#加空格加文字表示一级标题,##加空格加文字表示二级标题以此类推另一种形式=和- 分别表示一级和二级标题示例:#叫空格和文字###叫空格和文字一级标题=======。二级标题-------》(去掉。》)一级标题二级标题段落1.两个以上空格加回车2.空一行注:空一行一空多行显示效果相同,空格效果正常字体斜体用一个* 或者_ _斜体斜体粗体用* **或者__ __(两个 _ )粗体粗体粗斜体用 *** *** 或

2020-12-19 13:45:52 122 1

原创 ES6中的导入导出

ES6 导入导出模块化开发,在script中加入type属性module type=“module”export导出:export{ }export var x=xxxexport function f( ) { }export class person{ }export default function(){}export default xxx 引用可以自定义名称,不用带大括号 只能写一个import导入import{ }from“ ”统一全部

2020-12-16 20:01:12 342

原创 Vue具名插槽的使用说明

在组件的slot标签中添加name插入新值时在新标签内加入slot=" "新插入的值就会替换相同name的默认值

2020-12-16 11:44:48 1851

原创 vue插槽slot基本使用

在组件中预留插槽<slot></slot>基础使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>插槽</title> <scr

2020-12-16 11:26:33 123

原创 Vue过滤器的使用说明

过滤器使用方式{{传入参数 || 函数}}<!DOCTYPE html><html><head><meta charset="utf-8"><title>过滤器</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script></head><body><div id="ap

2020-12-16 10:44:28 72

原创 node.js npm本地安装后程序使用方法

若没有安装全局软件包,命令无法使用使用 npx包运行器即可使用例:查看@vue/cli版本vue --version提示’vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件。使用npx vue --version即可查到npx具体信息可查看node中文网...

2020-12-09 15:51:46 203

原创 GIT sourceTreet报错403

source tree 报错403第一种可能是你将账户名或者密码输入错误在工具-选项-验证中修改密码说着删除账户从新输入第二种可能,你没有获得修改仓库的许可,需要仓库创始人邀请你进入仓库示例为高校版gitee进入仓库后寻找管理位置大概在右上角范围。进入管理后寻找成员仓库管理让创始人,邀请你进入仓库,再查看sourcetree是否可以上传...

2020-12-03 09:31:55 1558

原创 JQuery添加基础总结

Jquary是一个JavaScript库,极大的简化了js编程jq的添加方式本地:<script src=" "><script>CDN:microsoft<head><script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script></head>新浪:<head&gt

2020-09-22 10:50:35 133

原创 HTML bom 总结

浏览器对象模型(Bom)所有浏览器都支持window对象所有JavaScript都可以转换成window对象全局变量与全局函数是window的属性与方法window尺寸window.innerwidth 浏览器窗口内部宽度window.innerheiht 浏览器窗口内部高度其他方法:window.open() 打开新窗口window.close() 关闭当前窗口window.moveTo() 移动当前窗口window.resizeTo() 调整当前窗口尺寸widow.Scr

2020-09-21 11:06:19 653

原创 html dom 触发等事件

事件触发: onclick实例:<!DOCTYPE html><html><body><h1 onclick="changeText(this)">点击此文本!</h1><script>function changeText(id) { id.innerHTML = "Hello:)";}</script></body></html> Onload和onun

2020-09-18 11:41:16 402

原创 htmlDom方法

html dom是html标准对象模型/程序接口/w3c标准1.Dom方法getElementtById() 返回带指定ID的元素getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表appendChild() 把新的子节点添加到指定节点removeChild() 删除子节点replaceChild() 替换子节点insertBefor() 在指定的子

2020-09-18 11:24:20 198

原创 html meta中的一些属性

meta标签共有两个属性,分别是http-equiv属性和name属性Name属性keywords(关键字)说明:用于告诉搜索引擎,你网页的关键字description(网站内容的描述)说明:用于告诉搜索引擎,你网站的主要内容viewport(移动端的窗口)说明:这个概念较为复杂,这个属性常用于设计移动端网页。在用bootstrap,AmazeUI等框架时候都有用过viewport。robots(定义搜索引擎爬虫的索引方式)robots用来告诉爬虫哪些页面需要索引,哪些页面不需要索引。c

2020-09-16 08:34:03 107

原创 JavaScript 睡眠总结

1.SetTimeout()语法:setTimeout(code,millisec);参数:code:调用的函数/执行代码块millisec:执行的毫秒数(1秒/s=1000毫秒/ms)实例:setTimeout(“alert(“hello”)”,5000);//setTimeout()只执行有一次若需多次执行可使用循环或setIneterval()2.setIneterval()参数:code:调用的函数/执行代码块millisec:执行的毫秒数(1秒/s=1000毫秒/ms)语法

2020-09-15 10:02:29 147

原创 html中的?:

三元条件运算符(?:)与if else有相同效果语法:(条件)?结果(true):结果(false)实例:true?“hello”:“world” //hello

2020-09-14 15:13:17 845

原创 html meta viewport总结

移动设备默认的viewport是layout viewport,,但在进行移动设备网站的开发时,我们需要的是ideal viewport。那么怎么才能得到ideal viewport呢?这就该轮到meta标签出场了。我们在开发移动设备的网站时,最常见的的一个动作就是把下面这个东西复制到我们的head标签中:width 设置layout viewport 的宽度,为一个正整数,或字符串"width-device"initial-scale 设置页面的初始缩放值,为一个数字,可以带小数minimum

2020-09-14 11:35:54 498

原创 Position总结

Position(定位)参数总结static: 对象遵循常规流。此时4个定位偏移属性不会被应用。relative: 对象遵循常规流,并且参照自身在常规流中的位置通过top,right,bottom,left这4个定位偏移属性进行偏移时不会影响常规流中的任何元素。absolute: 对象脱离常规流,此时偏移属性参照的是离自身最近的定位祖先元素,如果没有定位的祖先元素,则一直回溯到body元素。盒子的偏移位置不影响常规流中的任何元素,其margin不与其他任何margin折叠。fixed: 偏移定位是以

2020-09-14 09:30:59 192

空空如也

空空如也

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

TA关注的人

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