- 博客(38)
- 收藏
- 关注
RSS订阅原创 uni-app开发小程序时ucharts图表如何使用
那么基本上在页面上使用的步骤就是这么多，只要是官网上有的图都是通用的。下载完毕导入到所需要用到的项目中去；
2023-09-11 11:48:37
667
原创 uniapp制作微信小程序分享功能的实现
可以看到现在还没有实现该功能，但是我们去官网可以看到官网自带一个分享功能的函数，函数名称为：onShareAppMessage。那么这个简单的分享功能就实现了。
2023-09-04 16:17:53
706
原创 uni-app开发小程序中遇到的map地图的点聚合以及polygon划分区域问题
1.首先说一下点聚合问题，由于之前没有做过小程序地图问题，所以浏览了很多资料，最终发现看的多了反而杂乱，而且这次要完成的不是地图单点定位或者地图导航，而是地图撒点，在地图上要显示很多定位点，那么点数过多且覆盖就成了一个要解决的问题，我上网搜了大量的资料，要么自己手写，要么引入很多其它组件方式看起来比较复杂，直接说最简单的结论，在撒的。这一段代码不需要有任何修改，直接新建一个demo页面然后复制进去直接运行到微信小程序，之后启动真机调试即可发现点聚合功能是实现了的，更多细节大家可以自行了解。
2023-08-29 17:13:54
3458
4
原创 vue书写一个uni-app小程序
在本次文章中我来大致向大家介绍一下如何使用Hbuilder X来编写一个uni-app的小程序的项目，在此我只说编写的方法与方向，具体的操作留给大家去亲自实操哦。
2022-12-26 16:56:48
1059
原创 vite创建vue3项目改本地地址
创建好之后使用npm run dev运行我这里发现了本地地址有问题，于是如何修改本地地址是一个问题，接下来我会说如何解决。重新配置好本地页面以后，再次使用npm run dev运行，就可以发现本地地址已经修改完毕了。
2022-12-15 13:34:32
1490
原创 Vue2基础总结
这个函数中，用到get和set方法，get用来获取p1里面需要的值，set用来设置一个值等于获得的那个值，然后把设置的这个值放到p2中，最后输出p2.age即可完成我们想要的结果。数据绑定分为两种，单向数据绑定和双向数据绑定，顾名思义，单向数据绑定中数据只会从data中流向页面，而双向数据绑定不仅data的值可以流向界面，页面的值也可以流向data。双向数据绑定不仅可以实现数据从data流向页面，也可以实现在页面中修改数据的时候，数据也会传到data中。注意vue中只有一个id为root的div节点。
2022-12-13 22:32:26
350
原创 使用gitee将本地资源上传
公钥生成完成过后，回到主页，点击右上角左边的＋，新建一个仓库，名称和介绍填好就可以直接创建成功。这个时候我们可以先把依赖文件拿出去，我的是node_modules，把它拿走以后就可以正常上传了。上面就是如何将本地资源传入gitee的方法。来连接我们仓库的网址，最后用。
2022-12-12 15:54:34
1098
原创 微信小程序中定位报错在app.json中声明permission字段
还有一种获取用户位置信息，主要是通过腾讯地图配置key，然后前端调用就能获取用户的位置信息，这种方式一定要在小程序后台中添加request域名：https://api.map.qq.com，一般有涉及获取用户位置信息的基本上都要加上https://api.map.qq.com这个域名。出现这类的提示，获取不到用户的地理位置，其实提示描述的已经很清楚了，就是小程序getLocation需要在app.json中声明permission字段，按照提示的处理就能解决这个问题。微信小程序在获取用户位置时后台报错。
2022-11-29 22:26:21
2398
原创 react安装依赖引入报错
在react脚手架中，使用npm add antd安装最新的依赖以后，再使用import 'antd/dist/antd.css'全局引入会报错，报错原因显示为：Module not found: Error: Can't resolve 'antd/dist/antd.css' in 'C:\Users\26396\Desktop\react-project\src'这时进入下载的antd依赖文件中查看会发现找不到antd.css的文件，原因是使用默认add antd下载的是最新版本的依赖文件，如
2022-11-26 14:31:45
3247
原创 10.9 Vue框架-脚手架
无论是父与子组件进行数据交流还是后面子组件与子组件之间进行交流，我们最终在网页上输出的是一个完整的界面，也就是最大的父组件的界面，只是模块化区分之后，里面的值都会写在每个区分出来的子组件里面，最终都会赋给父组件的。今天来接着把昨天没说完的问题说完，昨天说的是在脚手架中子组件的值如何引入到父组件中，需要子组件先释放值，然后父组件来接收引入，那么如何将父组件中的值引入到子组件当中呢，这里我们要用到的是一个名为props的语法。
2022-10-09 11:01:25
286
原创 10.8 Vue框架-脚手架
hello大家好，许久不见，甚是想念，已经一个月没有更新博客了，并不是不想更新，而是学习的进度在不停的往前赶，很多知识都无法及时理解，所以要反复去学习，博客更新就慢慢放在脑后了，从今天开始我会把博客作为一个我学习记录的地方，记录一些平常学习过程中我觉得需要记住的重要知识。在经历了一个多月学习，经历了js基础以及高级，BOM和DOM，ES6语法的接连学习轰炸之后，终于来到了Vue框架部分，以后写项目用到的主力工具，目前我学习的是Vue2，今天学习完有空闲时间，想记录一点东西在此。
2022-10-08 21:02:48
258
原创 8.22 Web前端-JS部分
hello大家好，今天让我们来继续学习js部分的知识，今天我们来学习关于数据的相关知识。3.boolean 布尔类型 它只会显示两个输出结果true或者false；可以看到使用type可以输出每个变量的类型。5.null 空值，object 对象。转为数字类型之后就可以正常进行加减了。4.undefined 没有初始化；这就是数据类型之间的转换方法。1.number转string。1.string 字符串；
2022-08-22 11:46:00
318
原创 8.18 Web前端-JS部分
hello亲爱的小伙伴们大家好，这里是鸽了好几天的一位小萌新，之所以几天没更新是因为最近的学习阶段进入了js部分的学习，难度会比之前有所提升，所以几天都没有时间更新，那么从今天开始我就会在此更新前端中js部分的内容，希望大家与我一起前进学习，那么话不多说，让我们开始吧。与css一样，js部分编辑的内容是需要在编引入到我们的html中的，所以如何引入js部分的代码时第一个我们需要面对的问题，在这里它拥有与css相似的三种方法，分别是行内式，内嵌式和外链式三种方式，下面我来把三种方法一一介绍一下。...
2022-08-18 19:27:44
305
原创 8.12 Web前端-小米商城项目实战
底部上方再次用到了矢量图，来保证移入的效果显示，然后中间是用ul列表制作的文字，每个用a标签包裹起来实现链接功能，最后底部就是图片和文字的结合，使用p标签来包裹不同的文字格式来实现各种效果，整体难度不大，就是内容比较繁琐。hello，各位朋友们大家好，今天我来继续把小米商城的部分说完，最后剩余的部分就是主体和尾部了，这两部分内容相对于前面来说难度较小，只有几个点需要注意一下即可。主体部分内容相对简单，只需注意格式排列以及浮动效果的显示即可。...
2022-08-12 11:50:29
1519
1
原创 8.11 Web前端-小米商城项目实战
可以看到主要分为上下两个盒子，其中下半部分很好写，四个小盒子用a链接书写内容即可，上班部分是一个难点，首先是占满了整个盒子的轮播图，在这里我用到的是名为swiper的插件，他可以帮我们很方便的解决轮播图的问题，但是另一个问题接踵而至，那就是轮播图占满了整个界面盒子，左侧的商品栏如何显示？除了上面的内容，侧边栏的书写就更容易了，就是一个ul列表下去把每个元素书写在内部，然后就是用position:fixed来定位，这个是可以相对于浏览器窗口定位的方法，调整top值和left值就可以让其固定在想要的位置。...
2022-08-11 10:07:01
1463
3
原创 8.8 Web前端-小米商城项目实战
hello大家好，人总是会在写项目的时候发现自己的许多不足之处，然后加以改进，并且记住这些东西，所以今天我给大家带来的是我的第二个项目，小米商城首页的书写。但是还有下拉框，在中盒子中每个小方块下面再定位一个横向盒子，里面填充内容，分隔线用伪类去做，具体做法可以参考我之前的文章，如何用伪类书写分隔线，然后给每一个小方块下方都加上这个，然后给一个移入hover效果，当鼠标移入时，给下面的盒子一个高度就可以了。那么我们先从头部开始，慢慢向下书写整个页面。...
2022-08-08 11:01:15
3155
1
原创 8.3 Web前端-高度塌陷
可以直接在高度塌陷的父元素的最后，添加一个空白的div，由于这个div并没有浮动，所以他是可以撑开父元素的高度的，然后在对其进行清除浮动，这样可以通过这个空白的div来撑开父元素的高度，基本没有副作用，但是使用这种方式虽然可以解决问题，但是会在页面中添加多余的结构。可以通过after伪类向元素的最后添加一个空白的块元素，然后对其清除浮动，这样做和添加一个div的原理一样，可以达到一个相同的效果，而且不会在页面中添加多余的div，这是我们最推荐使用的方式，几乎没有副作用。那么，我们如何解决这个问题呢？...
2022-08-03 20:54:45
257
原创 8.2 Web前端-浮动
hello大家晚上好，最近在忙着第二个项目的事情，博客这边已经鸽了几天了，但是我还是会不停更新下去的，我第二个项目做的是小米商城，，后面会给大家详细介绍一下编写过程中的思想和具体步骤，今天先来和大家说一下在我项目设计过程中用到的最多的一个知识，浮动。1.浮动元素会脱离文档流，元素脱离文档流以后，不会再占用文档流的位置，它下边的元素会立即向上移动；...
2022-08-02 20:58:05
1416
原创 7.29 Web前端-如何用伪类写分隔线
注意要选对位置，确定好需要分隔线的li，再给其一个伪类用after后者before都可以，这里我们两者都用上了，宽高可以控制你想要横线还是竖线，还需要对其进行一个绝对定位，与此同时还要给这个li标签一个相对定位，因为这个伪类元素是根据li的位置设定的，top值和left值是给这个线调制位置的，在网页检查中我们可以自由设定偏移量，然后最后把设定好的位置再写入css中，然后最后再给这个伪元素一个背景颜色，就可以写出一个分隔线了，大家可以根据我写的东西练习一下，这个是非常方便的，我们后面可以经常用到。...
2022-07-29 21:04:05
1377
原创 7.28 Web前端-盒子模型
网页是一个多层的结构，设置样式样式，也是一层一层的设置，最终我们看到的最上面的一层，而文档流是网页最底层我们创建的元素默认情况下，都在文档流中。hello大家晚上好，今天让我们回归之间的基础教学，今天我们来说一下前面在项目中一直用到的盒子模型，或许在之前大家还不太理解，在这里我会详细介绍一下盒子模型的概念以及相关的用法。把元素布局到页面，就像想买个桌子，放到家里，要知道桌子的大小，形状，然后才能放到家里。1内容区(content)元素中所有的子元素和文本内容都在内容区中排列。边框的颜色、样式、大小。....
2022-07-28 21:39:43
423
原创 7.27 web前端-淘宝首页设计3
上半部分盒子左边很好解决，用ul列表然后设定字体格式等内容，右边的上部分盒子用列表加浮动解决，下面的左边是轮播图，在初期我们的解决方法是用swiper插件来运转轮播图，需要我们去官网下载，然后插入图片，最后再css中设置样式就行了，右边就是一些简单的样式设计。下半部分的盒子就是在内部设置一个一个小盒子，插入图片，描述词和价格然后设置文字图片样式，设置好小盒子的长宽以后直接设置左浮动就可以了，然后再设置一个移入效果，整体不难。hello各位朋友们，今天来把设计最终的主体部分说完。...
2022-07-27 20:57:41
2434
20
原创 7.26 web前端-淘宝首页设计2
这两段的代码量还好，不是很多，希望大家可以配合昨天的文章观看一下，仔细理解每一个标签的意义和用法，这两部分内容做完，上半部分的内容就搞定了，那么今天就先说到这里，明天我会继续把这个项目说完，包含最重要最后的主体部分和轮播图以及侧边固定栏等知识，希望大家多多捧场，谢谢大家！（ps想要完整源码文件的朋友给个关注和动动你的小手点个攒，私聊我发送给你哦~）...
2022-07-26 21:00:25
2775
5
原创 7.25 web前端-淘宝首页设计
hello everybody，许久不见，甚是想念，关于我为什么四天没更新博客的原因就是本次文章的标题，没错，我们老师布置了项目设计，而我这个大怨种选择了淘宝首页这个页面内容多的，以至于我这个小白敲了四天才完成，那么，今天就来给大家分享一下我完成这个项目的过程吧（事先声明我的作品还原度并没有百分之百达到，做的不好请大家勿喷（QAQ）），下面先给大家做一个最终结果展示：...
2022-07-25 16:59:04
9697
7
原创 7.20 Web前端-字体样式
可以将字体设置为这些大的分类,当设置为大的分类以后，浏览器会自动选择指定的字体并应用样式，一般会将字体的大分类，指定为font-family中的最后一个字体，用来兜底。今天为大家介绍一下关于字体的相关知识，这里的知识比较简单，因为之前的教学中我们已经接触到了一部分关于字体的知识，在这里我来汇总说一下。很多人在一个块元素或者行内块元素中间写文字的时候，会经常烦恼文字上下对不齐，这时候就要用到行高设置来确保文字在上下是居中的，设置的百分比，是父元素内容区长度的百分比，是相对单位，在设计项目中经常会使用到；...
2022-07-20 19:22:07
4547
原创 7.19 Web前端-css特殊选择器
选择器的累加，不会超过上一级数量级，例如类选择器再高也不会超过id选择器量变达不到质变。伪元素选择器在这里不针对具体的某个元素，而是针对它所指代的一行或者某个字母。大家晚上好，今天我么把选择器部分说完，今天说的都是与伪类相关的知识点。伪类的意思是不存在的类，或者说特殊的类，伪类用来描述一个元素的特殊状态。否定伪类的作用就是将符合条件的元素从选择器中去除，和上面选中的恰好相反。功能跟上面三个差不多，但是不同的是，这是在同类型的子元素中去选择。通配符、子选择器、相邻选择器等。...
2022-07-19 21:07:06
191
原创 7.18 Web前端-css特殊选择器
今天就先说这么多，如有什么不对的地方请大家及时指出，明天我会将选择器部分说完，设下的就说元素的伪类和伪类选择器，在后面的学习中会经常用到，大家要一起进步，共同学习，谢谢观看。属性选择器一般用来选择某一条属性的元素，用法也很简单，这里简单说一下它的语法。[属性名^=属性值]{}选择属性值以指定值开头的元素。[属性名=属性值]{}选择含有指定属性和属性值的元素。[属性名$=属性值]{}选择属性值以指定值结尾的元素。[属性名*=属性值]{}选择属性值含有某值的元素。语法选择器1选择器2选择器3{}...
2022-07-18 19:58:07
277
原创 7.15Web前端-css选择器介绍
很多人第一次看到css肯定有这样的疑惑，其实很简单，css称为层叠样式单，它是一种专门描述结构文档的表现方式的文档，主要用于网页风格设计，包括字体大小、颜色、以及元素的精确定位等，在传统的web的设计中，使用CSS能让单调的HTML网页更富有表现力。刚开始学的时候肯定会有同学疑惑，我可以直接用html标签形式展现的东西为什么还要用css来写，这样做是不是多次一举，我可以很明确的说，并不是这样，css的好处包括但不限于表达效果非常丰富，文档体积比较小，便于信息检索，而且可读性好。...
2022-07-15 20:18:56
367
原创 7.14a标签和图片格式
a标签中间可以带很多东西，可以是一个字，一段文字，图片，表格，可以是任何东西，它是一个特殊的行内元素，它里面什么都能放，除了它自己。a标签的作用就是超链接，在这里我们介绍它的两个属性，；两个功能，一个补充，性值外部网站的地址(直接复制网部网址在此)绝对路径。今天给大家介绍一下a标签，这个标签将跟随我们后面许多的项目。2_blank在新开的一个窗口打开超链接。2.target属性控制超链接打开的方式。1href属性指向跳转的路径地址。关键点（超链接）在哪里，要去哪里。......
2022-07-14 21:42:16
961
原创 7.13HTML中的特殊标签
hello大家好，从今天开始，我把标题按照日期来排序了，这样会让我更加感觉到时间流逝的感觉，激发我学习的动力，希望大家也可以与我一起进步，一起学习。今天我会把标签部分全部说完，包含了一些特殊的标签，也比较重要，那么话不多说，让我们开始吧。1.结构布局标签结构布局标签，听其名字就可以知道，他们在全局内起到布局的作用，其本身没有什么特殊的用法，可当做一个普通的块元素标签去使用，用法和p标签相同，它们都独占一行，结构布局标签有如下的几个：header:表示头部main：表示主体footer：表示底部nav： 表示
2022-07-13 20:55:22
1153
原创 1.2元素
hello，大家晚上好，今天让我们继续学习标签的重要部分，在今天我会详细介绍一下元素的相关知识，希望大家和我一起共同学习，那么，接下来就开始吧。1.1块元素和行内元素以及行内块元素首先，我们来学习HTML中非常重要的一个知识点，块元素和行内元素以及行内块元素，这三个元素贯穿我们后期整个HTML学习的过程，所以作为非常重要的知识点我放在第一位说，接下来我会详细介绍三者的区别以及使用方法：（1）块元素：块元素一般用来布局，它有两个特点，第一个，在最终显示在浏览器上的时候，它会独占一行；第二点，块元素可以自行设置
2022-07-12 19:49:36
99
原创 1.1HTML中的标签
在前端的学习中，我们首先接触到的就是HTML，这是最基础也是最简单的部分了，在此从常用标签开始，我来逐一往下介绍。常用标签1.1 标题标签：标题标签包含h1~h6六个标题标签，一般常用前三个，其中h1的语义最重，一个页面一般只出现一次，要注意，标题标签是块元素，独占一行。1.2 段落标签： p标签，是我们在后面的前端学习中用到的最为广泛的段落标签，我们一边用p标签来包裹文字，让其单独成为一个段落，p标签独占一行，但是其文字量过多时会自动转行。1.3 hgroup标签：该标签用来为标题分组，
2022-07-11 20:59:12
161
原创 0.前端入门
各位读者大家好啊，我是一个刚刚入门前端的小白，往后每天会在这里分享一些自己学习到的东西和经验，如果有不对的地方希望大家及时指正出来，我会及时更改，让我们共同努力，共同进步。...
2022-07-08 10:02:09
103
2
H5C3淘宝首页+小米商城静态页面
2022-12-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人