- 博客(28)
- 收藏
- 关注
RSS订阅原创 【前端学习日记】使用CSS3实现元素在网页上动态移动（跳动）-动态移动效果-移动超链接
我们可以发现这个盒子的移动并不会占用空间，即不会挤压其它盒子元素，它的实际位置还是在原来的位置，只是视觉上发生了移动。接下来，我们先一个容器，设置好css属性：如果想要移动的超链接，就在里面加一个元素啦！在此基础上可以开发多种效果，比如移动超链接，移动的图标等等，只需要在这个容器内部加上对应的内容即可！首先，用到的属性是css3中的animation(动画)属性，这个属性真的很棒！接着呢，我们就设定动画的动作啦！呜呜，好喜欢写这种小东西！久违的前端学习日记，它又来了！
2024-09-03 22:51:25
466
原创 [初学单片机]stm32f103C8T6最小系统板快速完成点亮led灯
到这里，keil5软件的基本配置就完成了，接下来可以开始编写程序了。
2023-03-23 20:44:23
10383
7
原创 【前端学习日记】Vue路由跳转跳转新窗口拿不到参数
然后我们去新页面拿参数时，发现有时候是undefined，原因就在于传递参数时，必须是对象格式才能正确传输哦。
2022-09-25 18:39:30
1806
原创 【前端学习日记】This relative module was not found:
这个错误常规的原因是引入组件或者引入API（请求接口）时的路径错误，但是今天我发现一个极其古怪的错误。
2022-08-22 10:54:18
2616
原创 【前端学习日记】Error in v-on handler: “TypeError: Object(...) is not a function“
这让我想起了，之前我也出现过类似的错误是，我是先写好了组件中的请求也引入了，但是忘了配置axios。也得注意一下是不是忘了写配置。我的错误原因是：我的axios请求配置了一个请求方法，然后当我在组件中调用的时候，却没有通过import引入进来。一开始查网上帖子，看其他人出现报错也是引入这一块儿，原因是引入方法没有加花括号。解决办法：在script标签内通过import方法引入即可。另外报错的是其实指向了一些地方，可以重点排查！...
2022-08-09 14:13:12
8447
原创 【前端学习日记】Vue2开发环境跨域问题
为什么跨域：据说是浏览器的同源策略，不允许协议、端口、路径不一致的IP相互访问，详情可以自行百度或文档。那我们一般的一般开发的时候就是会打开一个本地服务器嘛，如localhost:8080等，那么我们访问下面这个地址:https://www.baidu.com/index/ding.json的话，就违背了同源策略。自己项目本身用的是最后那种方便的形式，但是一直配置不生效，后来对着大佬文档一个字一个字扣，终于不报跨域的错误了。3、因为请求是从服务端发出的，所以就不存在跨域的问题了。第二部分：axios配置。.
2022-08-02 22:18:09
1738
原创 【前端学习日记】修改element表格el-table的边框颜色
想必不少小伙伴已经尝试过很多方法了。我的最终的解决方案也是借鉴的大佬的，直接修改全局样式。引用大佬博客。
2022-07-28 16:07:47
10511
3
原创 【前端学习日记】Vue中通过点击事件隐藏按钮和显示按钮
初始时，第一个按钮的布尔值为false，所以不会隐藏，当点击按钮时，调用edit事件，届时布尔值取反，第一个按钮布尔值为true，第二个为false，所以第二个按钮显示，而第一个隐藏。我想要实现的场景是，有两个按钮，但页面上只显示一个按钮，另一个隐藏。通过点击按钮时触发事件，先前显示的按钮隐藏，而另一个按钮渲染出来进行其他的事件调用。这里由于我的第二个按钮有其他事件触发，所以没有单独写按钮事件，各位可以自行根据需要补齐。同第一个按钮样，点击第二个按钮时，取反布尔值即可实现显示和隐藏。...
2022-07-18 17:03:48
11975
原创 【前端学习日记】element-UI表格列嵌套输入框无法输入的情况
啊啊啊，各位学习vue中的孩子们，你们一定会遇到的，就是表格里面嵌套表单元素，比如文本框或者数字框，然后你会发现，样式是没问题的，但是输入文本的时候，却不显示，仿佛被强制删除了。然后我看了自己的代码，发现表格的单元格实际上已经绑定了prop属性，通过prop的属性值我们可以在data中为其赋值，但当我们在内部再添加一个表单元素，表单元素的绑定又是一个属性值，虽然我们输入以后确实表单数据改变了，但是表格的数据却没有显示，中间仿佛差了一环。经过查阅许多大神的类似问题解决方案，事件啥的，不起作用。...
2022-07-15 14:14:59
1990
1
原创 【前端学习日记】ElementUi+导航菜单+面包屑+Tag标签联动
思路：导航菜单是负责路由跳转的，面包屑和Tags标签通过读取事件路由跳转的数据进行渲染，这里涉及到组件间通信，使用vuex状态管理器来管理这部分数据。使用json-server模拟从后端返回的接口数据：附上使用文档：GitHub - typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seriously)db.json文件中的数据如下：导航菜单的渲染导航菜单的渲染使用Elm
2022-06-10 11:20:20
5198
原创 【前端学习日记】请求+取消请求+拦截器
附上axios中文文档：axios中文文档|axios中文网 | axios发起请求没什么好说的：常用get、post发起请求取消请求：const CancelToken = axios.CancelToken; // 来自axios的一个属性，用于取消请求let cancel; // 设置一个变量用于保存取消请求的函数，方便后面直接调用axios.get('/user/12345', { // 取消请求配置项 cancelToken: new CancelToken(fun
2022-05-26 11:41:47
1640
原创 【前端学习日记】axios拦截器
先附上文档地址：axios中文文档|axios中文网 | axios分类：请求拦截器，相应拦截器。拦截器作用：在请求或响应被 then 或 catch 处理前拦截它们 ---官方解释实际上说的似乎有点不正确。当一个请求发送出去后，再拦截有什么意义呢。基于Promise浅显的理解，axios发起请求作为一个异步任务，会有两种结果，请求成功执行then方法里的代码，请求失败执行catch里面的代码，它会向下通过return进行一个链式的数据传递。所以一旦到了then或者catch之前，换句话说，
2022-05-26 10:32:43
1183
原创 【前端学习日记】自定义配置一个新的axios实例
应用场景：当需要向不同的服务器发起请求时 axios.defaults.baseURL = 'https://api.example.com'; 当我们设置了一个全局的默认配置，如URL地址：此时我们通过axios发送请求时，就可以直接忽略主机地址，写上需要访问的接口的相对路径即可。这样在实际发起请求时，会自动补全地址。但是，当我们的应用需要访问不同的主机来发起请求和获得响应时，在设置了全局默认地址的情况下，就不方便了。尤其是多个请求访问时，全写成绝对路径的话，一是没意义，二是
2022-05-26 09:40:48
316
原创 【前端学习日记】axios请求数据和响应数据
先附上axios中文文档，英文文档太过具体了，经常进不去。axios中文文档|axios中文网 | axios常用api(增删改查)：get（查询数据） post(新增数据) put(修改数据) delete(删除数据)----对应数据库的增删改查两种基本使用方式：对象式、函数式对象式：函数式：注意：① 函数式里面设置了一个全局axios默认值，所有后面所有请求的配置url都是写的相对地址，在发起请求时会自动补全地址。② 前端用的最...
2022-05-24 17:21:08
842
原创 【前端学习日记】Vue设定网站的默认显示页面
两个方法：① 配置路由时，设定根目录路由路径：‘/’ ，并根据匹配规则为其指定一个路由显示组件 --该方式就是常规的路由配置，就是将路径设为根目录，这样在访问网站首页的时候，就可以默认显示这个匹配的组件。RouterView将是你自己想显示的组件App.vue中② 通过路由重定向 --- redirect第一步同样是设定根目录路径为：“/”，但为其增加一个全新的配置项 --redirect，这样的话，当访问根目录路径时，就会重定向一个新的路径匹配的组件。而且根目录的跳转是
2022-05-23 09:54:15
10495
原创 【Vue2.x插件】Element饿了么实现轮播图（走马灯）
组件地址：Element - The world's most popular Vue UI framework插件安装及使用访问见文档，超简单的。附上我的代码：需要轮播图功能的组件中：模板代码：解释一下：因为轮播功能大佬团队已经帮我们实现了，是遍历的number，所以效果图中是轮播的数字。我们的需求是轮播图片，意味着遍历的数据源将是图片。所以在data中配置数据源。v-for 指令使用方法见vue.js使用文档：列表渲染 — Vue.js将遍历的结果至于<
2022-05-19 17:21:19
3375
1
原创 【Vue2.x插件】全局修改srcollBar
---上次发了个大佬的滚动条，发现不能用在body页面上。---于是请求同学大佬给了究极解救方案方案如下：外部引入一个滚动条样式文件到main.js，然后然后在app中全局使用一下。binggo--可以修改全局的滚动条样式啦。而且整个页面的风格统一用户接受度更高。附上代码：① 新建一个css后缀文件，放入静态文件夹，其实放哪儿都可以。可以自己统一把这些样式放哪个文件夹：我这里是放在assets静态资源文件夹中的：② main.js中引入外部css文件③ 在app.vue中让所
2022-05-19 14:20:50
219
原创 【Vue2.x插件】--scrollBar滚动条插件
大佬代码地址：GitHub - tangdaohai/vue-happy-scroll: 基于vue2.0实现的滚动条插件。scroll component for vue2.0相当丝滑---使用方式见大佬文档我的方式全局注册：在需要的组件中使用：注意事项：① 注意使用时，插件标签为<happy-scroll> ，我就写错了，找半天---绝绝子② 外部需要设置一个<div>容器，且要设置宽度（横向滚动条）或者高度（竖向滚动条）③ 滚动条的出现就
2022-05-19 10:31:24
1584
原创 【前端学习日记】箭头函数速记
一个普通的函数一般是这样的：function(a,b){....} --(匿名函数)如果写成箭头函数：则参数在前，表达式在后---（a,b）=> {...} --（匿名函数）某些情况下确实超好用。不过能写成普通函数的话，尽量写成普通函数把，更便于阅读。.........
2022-05-09 10:07:32
93
原创 【前端学习日记】Vue中的鼠标事件和键盘事件
Vue提供了很好用的模板语法，包括插值语法 {{ }} 和指令语法v-？。使用指令语法很容易就可以为文档对象添加事件。比较常用到的事件就是鼠标事件和键盘事件了。当用户使用鼠标点击网页上的某个元素，或者使用键盘按下某个键，会执行对应的回调（callback），进而在短时间内产生动作。比如给button标签添加一个click（点击）事件，使用插值语法的简写形式：@click=“showinformation”，即当鼠标点击时，执行showinformation这个函数。接着在script结构的met
2022-05-07 09:35:00
3271
原创 【前端学习日记】使用HTML实现文件的上传和下载
文件的上传和下载分别通过表单元素<input>和超链接标签<a>来实现。文件的上传：将表单元素<input>的属性type设置为“file”，即可实现选择文件的对话框，通过提交按钮，将表单域的数据提交到后台服务器，就可以实现文件的上传。代码如下：效果如下：数据提交到后台服务器；文件的下载：超链接<a>标签的href属性值为文件、压缩包或.exe文件，点击超链接时，就会弹出下载框。代码如下：效果如下：..
2022-04-07 09:36:24
9442
6
原创 【前端学习日记】给网页标签加上小logo
然后在头部head区域，加上link标签，在href属性中引入图标即可。需要事先准备一个favicon.ico图标，并将其放在根目录下。想笑，一时找不到合适图标，直接扒了JD的，原谅我！给自己的网页标签加上一个小logo。
2022-03-08 09:13:46
1806
原创 【前端学习日记】VScode一键生成HTML结构框架
之前学过一段时间html，已经很长时间没复习html了，然后打开编辑器的时候，一直想不起来快生成html结构框架的快捷键，因此纪录在此以便忘记后回来查找。快捷键：在英文输入法状态输入一个感叹号，然后再按tab键盘即可。注意：不可输入<!再按tab键，此时只会快速生成该<!DOCTYPE HTML>。...
2022-03-07 14:21:28
2263
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人