- 博客(26)
- 收藏
- 关注
原创 Vue3路由器数据获取报错
V3报错:ncaught (in promise) TypeError: Cannot read properties of undefined (reading '$route')
2022-03-02 09:26:31
1049
原创 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
887
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
1209
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
309
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
4073
原创 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
240
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
512
原创 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
752
原创 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
150
原创 markdown语法总结
markdown语法标题1-6及标题分别由#表示#加空格加文字表示一级标题,##加空格加文字表示二级标题以此类推另一种形式=和- 分别表示一级和二级标题示例:#叫空格和文字###叫空格和文字一级标题=======。二级标题-------》(去掉。》)一级标题二级标题段落1.两个以上空格加回车2.空一行注:空一行一空多行显示效果相同,空格效果正常字体斜体用一个* 或者_ _斜体斜体粗体用* **或者__ __(两个 _ )粗体粗体粗斜体用 *** *** 或
2020-12-19 13:45:52
173
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
384
原创 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
158
原创 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
107
原创 node.js npm本地安装后程序使用方法
若没有安装全局软件包,命令无法使用使用 npx包运行器即可使用例:查看@vue/cli版本vue --version提示’vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件。使用npx vue --version即可查到npx具体信息可查看node中文网...
2020-12-09 15:51:46
244
原创 GIT sourceTreet报错403
source tree 报错403第一种可能是你将账户名或者密码输入错误在工具-选项-验证中修改密码说着删除账户从新输入第二种可能,你没有获得修改仓库的许可,需要仓库创始人邀请你进入仓库示例为高校版gitee进入仓库后寻找管理位置大概在右上角范围。进入管理后寻找成员仓库管理让创始人,邀请你进入仓库,再查看sourcetree是否可以上传...
2020-12-03 09:31:55
1908
原创 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>
2020-09-22 10:50:35
175
原创 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
722
原创 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
484
原创 htmlDom方法
html dom是html标准对象模型/程序接口/w3c标准1.Dom方法getElementtById() 返回带指定ID的元素getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表appendChild() 把新的子节点添加到指定节点removeChild() 删除子节点replaceChild() 替换子节点insertBefor() 在指定的子
2020-09-18 11:24:20
241
原创 html meta中的一些属性
meta标签共有两个属性,分别是http-equiv属性和name属性Name属性keywords(关键字)说明:用于告诉搜索引擎,你网页的关键字description(网站内容的描述)说明:用于告诉搜索引擎,你网站的主要内容viewport(移动端的窗口)说明:这个概念较为复杂,这个属性常用于设计移动端网页。在用bootstrap,AmazeUI等框架时候都有用过viewport。robots(定义搜索引擎爬虫的索引方式)robots用来告诉爬虫哪些页面需要索引,哪些页面不需要索引。c
2020-09-16 08:34:03
147
原创 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
208
原创 html中的?:
三元条件运算符(?:)与if else有相同效果语法:(条件)?结果(true):结果(false)实例:true?“hello”:“world” //hello
2020-09-14 15:13:17
923
原创 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
573
原创 Position总结
Position(定位)参数总结static: 对象遵循常规流。此时4个定位偏移属性不会被应用。relative: 对象遵循常规流,并且参照自身在常规流中的位置通过top,right,bottom,left这4个定位偏移属性进行偏移时不会影响常规流中的任何元素。absolute: 对象脱离常规流,此时偏移属性参照的是离自身最近的定位祖先元素,如果没有定位的祖先元素,则一直回溯到body元素。盒子的偏移位置不影响常规流中的任何元素,其margin不与其他任何margin折叠。fixed: 偏移定位是以
2020-09-14 09:30:59
241
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人